@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 73.1 kB
JavaScript
var SLDS;!function(){"use strict";var e,t,l,n={1594:function(e){e.exports=React},1981:function(e){e.exports=JSBeautify},4471:function(e,t,l){l.r(t),l.d(t,{getContents:function(){return pe},getElement:function(){return ue}});var n=l(1594),i=l.n(n),a=l(5671),o=l(6547),r=l(3212),s=l(1374),d=l(9741),m=l(5619),c=l(6955),u=l(2711),p=l(5526),f=l(3589),h=l(7412),E=l.n(h),b=l(942),g=l.n(b);function S(){return S=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var n in l)({}).hasOwnProperty.call(l,n)&&(e[n]=l[n])}return e},S.apply(null,arguments)}var y=function(e){return i().createElement("textarea",S({},e,{id:e.id||"textarea-id-01",className:g()("slds-textarea",e.className),placeholder:e.placeholder}))};y.propTypes={id:E().string,className:E().string,placeholder:E().string},y.defaultProps={placeholder:"Placeholder text…"},u.ZS,u.ZS,u.ZS,u.ZS,u.GN,u.qz;var A=l(2937),v=l(885),_=function(e){var t=e.children;return i().createElement("div",{className:"slds-form-element__row"},t)};_.propTypes={children:E().node.isRequired};var C=function(e){var t=e.isStacked,l=e.isHorizontal,n=e.isEditing,a=e.isRequired,o=e.isAddress,r=e.hasTooltip,s=e.hasError,d=e.errorId,m=e.inlineMessage,c=e.labelContent,p=e.children;return i().createElement(u.LB,{hasCompoundFields:!0,isAddress:o,isStacked:t,isHorizontal:l,isEditing:n,isRequired:a,hasTooltip:r,hasError:s,errorId:d,inlineMessage:m,label:c},p)};C.propTypes={children:E().node.isRequired,isStacked:E().bool,isHorizontal:E().bool,isEditing:E().bool,isRequired:E().bool,isAddress:E().bool,hasTooltip:E().bool,hasError:E().bool,errorId:E().string,inlineMessage:E().string,labelContent:E().string};var z=l(806);function x(e,t){for(var l=0;l<t.length;l++){var n=t[l];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,w(n.key),n)}}function w(e){var t=function(e){if("object"!=T(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var l=t.call(e,"string");if("object"!=T(l))return l;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==T(t)?t:t+""}function I(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(I=function(){return!!e})()}function k(e){return k=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},k(e)}function N(e,t){return N=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},N(e,t)}function T(e){return T="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},T(e)}var q=function(e){return i().createElement("div",{className:"slds-form__row"},e.children)};q.propTypes={children:E().node};var Z=function(e){return i().createElement("div",{className:"slds-form__item",role:"listitem"},e.children)};Z.propTypes={children:E().node};var L=function(e){var t=e.isRequired,l=e.hasTooltip,n=e.type,a=e.label,o=e.value,r=e.avatar,s=e.link,d=e.timestamp,m=e.hasInlineEdit,p=e.isHorizontal,f=e.isStacked,h=e.column;return i().createElement(u.ZS,{isViewMode:!0,labelContent:a,isEditable:m,hasHint:!0,isRequired:t,hasTooltip:l,isHorizontal:p,isStacked:f,column:h},i().createElement(u.vS,{isLongform:"textarea"===n},r&&i().createElement(A.eu,{className:"slds-avatar_x-small slds-avatar_circle slds-m-right_xx-small"},i().createElement("img",{alt:o,src:r,title:o})),s?i().createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"object"===T(o)?o.map(function(e){return i().createElement(i().Fragment,{key:e},e,i().createElement("br",null))}):o):"object"===T(o)&&"richtext"!==n&&"checkbox"!==n?o.map(function(e){return i().createElement(i().Fragment,{key:e},e,i().createElement("br",null))}):o,d&&i().createElement(i().Fragment,null,", ",d)),m&&i().createElement(c.A,{iconClassName:"slds-button__icon_hint",symbol:"edit",assistiveText:"Edit: ".concat(a),title:"Edit: ".concat(a)}))};L.propTypes={isRequired:E().bool,hasTooltip:E().bool,type:E().string,label:E().string,avatar:E().string,link:E().bool,timestamp:E().string,hasInlineEdit:E().bool,isHorizontal:E().bool,isStacked:E().bool,column:E().number};var V=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t,l){return t=k(t),function(e,t){if(t&&("object"==T(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(e,I()?Reflect.construct(t,l||[],k(e).constructor):t.apply(e,l))}(this,t,arguments)}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&N(e,t)}(t,e),l=t,(n=[{key:"render",value:function(){var e=this.props,t=e.snapshot,l=e.isViewMode,n=e.direction,a=e.hasInlineEdit,o=e.isDeprecated;return i().createElement("div",{className:g()("slds-form",o&&"slds-form_".concat(n)),role:"list"},l?t.rows.map(function(e){return i().createElement(q,{key:z.Ay.uniqueId(e.fields.length)},Object.keys(e.fields).map(function(t){return i().createElement(Z,{key:e.fields[t].label},e.fields[t].type&&i().createElement(L,{type:e.fields[t].type,label:e.fields[t].label,value:e.fields[t].value,isRequired:e.fields[t].isRequired,hasTooltip:e.fields[t].hasTooltip,avatar:e.fields[t].avatar,link:e.fields[t].link,timestamp:e.fields[t].timestamp,hasInlineEdit:a,isHorizontal:!o&&"horizontal"===n,isStacked:!o&&"stacked"===n,column:e.fields[t].column}))}))}):t.rows.map(function(e,t){return i().createElement(q,{key:z.Ay.uniqueId("detail-row-".concat(t,"-"))},Object.keys(e.fields).map(function(t){return i().createElement(Z,{key:e.fields[t].label},e.fields[t].component&&e.fields[t].component)}))}))}}])&&x(l.prototype,n),Object.defineProperty(l,"prototype",{writable:!1}),l;var l,n}(n.Component);V.propTypes={snapshot:E().object,isViewMode:E().bool,direction:E().string,hasInlineEdit:E().bool,isDeprecated:E().bool};var F=V,P=l(1069),B=l(274),R=l(5159),D=l(6185),M=l(538),H={rows:[{fields:[{type:"text",label:"Assigned To",value:"Jack Rogers",avatar:"/assets/images/avatar1.jpg",isRequired:!0,link:!0,component:i().createElement(u.ZS,{inputId:"stacked-form-element-id-01",labelContent:"Assigned To",isRequired:!0,isEditing:!0,isStacked:!0},i().createElement(p.A,{id:"stacked-form-element-id-01",readOnly:!0,defaultValue:"Jack Rogers",required:!0}))},{type:"lookup",label:"Team Name",value:"Salesforce Lightning Design System",link:!0,component:i().createElement(R.Ay,{id:"stacked-combobox-id-01",label:"Team Name","aria-controls":"stacked-listbox-id-01",autocomplete:!0,isEditing:!0,isStacked:!0,inputIconPosition:"right",rightInputIcon:i().createElement(c.A,{className:"slds-input__icon slds-input__icon_right",symbol:"clear",title:"Clear the text input",assistiveText:"Clear the text input"}),results:i().createElement(D.Ay,{id:"stacked-listbox-id-01",snapshot:{},type:"entity",count:2}),resultsType:"listbox",value:"Salesforce Lightning Design System"})}]},{fields:[{type:"checkbox",label:"Security Assessment Required?",value:i().createElement(M.eX,{symbol:"steps",size:"x-small",useCurrentColor:!0,assistiveText:"False",title:"False"}),component:i().createElement(P.L,{labelContent:"Security Assessment Required?",isEditing:!0,isStacked:!0})},{type:"picklist",label:"Status",component:i().createElement(R.Ay,{id:"stacked-combobox-id-02",label:"Status","aria-controls":"stacked-listbox-id-02",readonly:!0,isEditing:!0,isStacked:!0,inputIconPosition:"right",rightInputIcon:i().createElement(M.eX,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:i().createElement(D.Ay,{id:"stacked-listbox-id-02",snapshot:{},type:"plain",count:2,visualSelection:!0}),resultsType:"listbox"})}]},{fields:[{type:"checkbox-group",label:"Personalization Settings",value:"Disable end user personalization",component:i().createElement(u.LB,{label:"App Personalization Settings",isEditing:!0,isStacked:!0},i().createElement(f.Sc,{label:"Disable end user personalization",name:"default",checked:!0}),i().createElement(f.Sc,{label:"Don't automatically create temporary tabs",name:"default"}))},{type:"",label:"",value:""}]},{fields:[{type:"text",label:"SLA Serial Number",value:"5367",hasTooltip:!0,component:i().createElement(u.ZS,{labelContent:"SLA Serial Number",inputId:"stacked-form-element-id-02",hasTooltip:!0,isEditing:!0,isStacked:!0},i().createElement(p.A,{id:"stacked-form-element-id-02",defaultValue:"5367"}))},{type:"date",label:"SLA Expiration Date",value:"1/1/2018",component:i().createElement(u.ZS,{formElementClassName:"slds-dropdown-trigger slds-dropdown-trigger_click slds-is-open",labelContent:"Date",inputId:"stacked-form-element-id-03",hasRightIcon:!0,isEditing:!0,isStacked:!0},i().createElement(p.A,{id:"stacked-form-element-id-03",defaultValue:"1/1/2018"}),i().createElement(c.A,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date"}))}]},{fields:[{type:"location",label:"Location",value:"10.283, 54.293",component:i().createElement(C,{labelContent:"Location",isEditing:!0,isStacked:!0},i().createElement(_,null,i().createElement("div",{className:"slds-size_1-of-2"},i().createElement(u.ZS,{labelContent:"Longitude",inputId:"stacked-location-longitude-01"},i().createElement(p.A,{id:"stacked-location-longitude-01",defaultValue:"10.283"}))),i().createElement("div",{className:"slds-size_1-of-2"},i().createElement(u.ZS,{labelContent:"Latitude",inputId:"stacked-location-latitude-01"},i().createElement(p.A,{id:"stacked-location-latitude-01",defaultValue:"54.293"})))))},{type:"multiselect",label:"Selected Languages",value:"Arabic, Chinese, English, German",component:i().createElement(B.KF,{isEditing:!0,isStacked:!0,dataSet:B.Wz,isResponsive:!0})}]},{fields:[{type:"address",label:"Billing Address",value:["525 S. Lexington Ave","Burlington, NC 27215","USA"],link:!0,isRequired:!0,hasTooltip:!0,component:i().createElement(C,{labelContent:"Billing Address",isAddress:!0,isEditing:!0,isRequired:!0,hasTooltip:!0,isStacked:!0},i().createElement(_,null,i().createElement("div",{className:"slds-size_1-of-1"},i().createElement(u.ZS,{labelContent:"Billing Street",inputId:"stacked-form-element-id-04"},i().createElement(y,{id:"stacked-form-element-id-04",defaultValue:"525 S. Lexington Ave",required:!0})))),i().createElement(_,null,i().createElement("div",{className:"slds-size_4-of-6"},i().createElement(u.ZS,{labelContent:"Billing City",inputId:"stacked-form-element-id-05"},i().createElement(p.A,{id:"stacked-form-element-id-05",defaultValue:"Burlington",required:!0}))),i().createElement("div",{className:"slds-size_2-of-6"},i().createElement(u.ZS,{labelContent:"Billing State/Province",inputId:"stacked-form-element-id-06"},i().createElement(p.A,{id:"stacked-form-element-id-06",defaultValue:"NC",required:!0})))),i().createElement(_,null,i().createElement("div",{className:"slds-size_4-of-6"},i().createElement(u.ZS,{labelContent:"Billing Zip/Postal Code",inputId:"stacked-form-element-id-07"},i().createElement(p.A,{id:"stacked-form-element-id-07",defaultValue:"27215",required:!0}))),i().createElement("div",{className:"slds-size_2-of-6"},i().createElement(u.ZS,{labelContent:"Billing Country",inputId:"stacked-form-element-id-08"},i().createElement(p.A,{id:"stacked-form-element-id-08",defaultValue:"USA",required:!0})))))},{type:"address",label:"Shipping Address",value:["312 Constitution Place","Austin, TX 78767","USA"],link:!0,component:i().createElement(C,{labelContent:"Shipping Address",isAddress:!0,isEditing:!0,isStacked:!0},i().createElement(_,null,i().createElement("div",{className:"slds-size_1-of-1"},i().createElement(u.ZS,{labelContent:"Shipping Street",inputId:"stacked-form-element-id-09"},i().createElement(y,{id:"stacked-form-element-id-09",defaultValue:"312 Constitution Place"})))),i().createElement(_,null,i().createElement("div",{className:"slds-size_4-of-6"},i().createElement(u.ZS,{labelContent:"Shipping City",inputId:"stacked-form-element-id-10"},i().createElement(p.A,{id:"stacked-form-element-id-10",defaultValue:"Austin"}))),i().createElement("div",{className:"slds-size_2-of-6"},i().createElement(u.ZS,{labelContent:"Shipping State/Province",inputId:"stacked-form-element-id-11"},i().createElement(p.A,{id:"stacked-form-element-id-11",defaultValue:"TX"})))),i().createElement(_,null,i().createElement("div",{className:"slds-size_4-of-6"},i().createElement(u.ZS,{labelContent:"Shipping Zip/Postal Code",inputId:"stacked-form-element-id-12"},i().createElement(p.A,{id:"stacked-form-element-id-12",defaultValue:"78767"}))),i().createElement("div",{className:"slds-size_2-of-6"},i().createElement(u.ZS,{labelContent:"Shipping Country",inputId:"stacked-form-element-id-13"},i().createElement(p.A,{id:"stacked-form-element-id-13",defaultValue:"USA"})))))}]},{fields:[{type:"textarea",label:"Description",value:["Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod."],column:1,component:i().createElement(u.ZS,{labelContent:"Description",inputId:"stacked-form-element-id-14",isStacked:!0,isEditing:!0,column:1},i().createElement(y,{id:"stacked-form-element-id-14",defaultValue:"Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod."}))}]}]},O={rows:[{fields:[{type:"text",label:"Assigned To",value:"Jack Rogers",avatar:"/assets/images/avatar1.jpg",isRequired:!0,link:!0,component:i().createElement(u.ZS,{isHorizontal:!0,inputId:"horizontal-form-element-id-01",labelContent:"Assigned To",isRequired:!0,isEditing:!0},i().createElement(p.A,{id:"horizontal-form-element-id-01",readOnly:!0,defaultValue:"Jack Rogers",required:!0}))},{type:"lookup",label:"Team Name",value:"Salesforce Lightning Design System",link:!0,component:i().createElement(R.Ay,{isHorizontal:!0,id:"horizontal-combobox-id-01",label:"Team Name","aria-controls":"horizontal-listbox-id-01",isEditing:!0,autocomplete:!0,inputIconPosition:"right",rightInputIcon:i().createElement(c.A,{className:"slds-input__icon slds-input__icon_right",symbol:"clear",title:"Clear the text input",assistiveText:"Clear the text input"}),results:i().createElement(D.Ay,{id:"horizontal-listbox-id-01",snapshot:{},type:"entity",count:2}),resultsType:"listbox",value:"Salesforce Lightning Design System"})}]},{fields:[{type:"checkbox",label:"Security Assessment Required?",value:i().createElement(M.eX,{symbol:"steps",size:"x-small",useCurrentColor:!0,assistiveText:"False",title:"False"}),component:i().createElement(P.L,{labelContent:"Security Assessment Required?",isHorizontal:!0,isEditing:!0})},{type:"picklist",label:"Status",component:i().createElement(R.Ay,{isHorizontal:!0,id:"horizontal-combobox-id-02",label:"Status","aria-controls":"horizontal-listbox-id-02",readonly:!0,isEditing:!0,inputIconPosition:"right",rightInputIcon:i().createElement(M.eX,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:i().createElement(D.Ay,{id:"horizontal-listbox-id-02",snapshot:{},type:"plain",count:2,visualSelection:!0}),resultsType:"listbox"})}]},{fields:[{type:"checkbox-group",label:"Personalization Settings",value:"Disable end user personalization",component:i().createElement(u.LB,{isHorizontal:!0,label:"App Personalization Settings",isEditing:!0},i().createElement(f.Sc,{label:"Disable end user personalization",name:"default",checked:!0}),i().createElement(f.Sc,{label:"Don't automatically create temporary tabs",name:"default"}))},{type:"",label:"",value:""}]},{fields:[{type:"text",label:"SLA Serial Number",value:"5367",hasTooltip:!0,component:i().createElement(u.ZS,{isHorizontal:!0,labelContent:"SLA Serial Number",inputId:"horizontal-form-element-id-02",hasTooltip:!0,isEditing:!0},i().createElement(p.A,{id:"horizontal-form-element-id-02",defaultValue:"5367"}))},{type:"date",label:"SLA Expiration Date",value:"1/1/2018",component:i().createElement(u.ZS,{isHorizontal:!0,isEditing:!0,formElementClassName:"slds-dropdown-trigger slds-dropdown-trigger_click slds-is-open",labelContent:"Date",inputId:"horizontal-form-element-id-03",hasRightIcon:!0},i().createElement(p.A,{id:"horizontal-form-element-id-03",defaultValue:"1/1/2018"}),i().createElement(c.A,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date"}))}]},{fields:[{type:"textarea",label:"Description",value:["Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod."],column:1,component:i().createElement(u.ZS,{isHorizontal:!0,labelContent:"Description",inputId:"horizontal-form-element-id-14",isEditing:!0,column:1},i().createElement(y,{id:"horizontal-form-element-id-14",defaultValue:"Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod."}))}]},{fields:[{type:"location",label:"Location",value:"10.283, 54.293",component:i().createElement(C,{labelContent:"Location",isEditing:!0,isHorizontal:!0},i().createElement(_,null,i().createElement("div",{className:"slds-size_1-of-2"},i().createElement(u.ZS,{labelContent:"Longitude",inputId:"horizontal-location-longitude-01"},i().createElement(p.A,{id:"horizontal-location-longitude-01",defaultValue:"10.283"}))),i().createElement("div",{className:"slds-size_1-of-2"},i().createElement(u.ZS,{labelContent:"Latitude",inputId:"horizontal-location-latitude-01"},i().createElement(p.A,{id:"horizontal-location-latitude-01",defaultValue:"54.293"})))))},{type:"multiselect",label:"Selected Languages",value:"Arabic, Chinese, English, German",component:i().createElement(B.KF,{isStacked:!0,isEditing:!0,dataSet:B.Wz,isResponsive:!0})}]},{fields:[{type:"address",label:"Billing Address",value:["525 S. Lexington Ave","Burlington, NC 27215","USA"],link:!0,isRequired:!0,hasTooltip:!0,component:i().createElement(C,{labelContent:"Billing Address",isAddress:!0,isEditing:!0,isRequired:!0,hasTooltip:!0,isStacked:!0},i().createElement(_,null,i().createElement("div",{className:"slds-size_1-of-1"},i().createElement(u.ZS,{labelContent:"Billing Street",inputId:"horizontal-form-element-id-04"},i().createElement(y,{id:"horizontal-form-element-id-04",defaultValue:"525 S. Lexington Ave",required:!0})))),i().createElement(_,null,i().createElement("div",{className:"slds-size_4-of-6"},i().createElement(u.ZS,{labelContent:"Billing City",inputId:"horizontal-form-element-id-05"},i().createElement(p.A,{id:"horizontal-form-element-id-05",defaultValue:"Burlington",required:!0}))),i().createElement("div",{className:"slds-size_2-of-6"},i().createElement(u.ZS,{labelContent:"Billing State/Province",inputId:"horizontal-form-element-id-06"},i().createElement(p.A,{id:"horizontal-form-element-id-06",defaultValue:"NC",required:!0})))),i().createElement(_,null,i().createElement("div",{className:"slds-size_4-of-6"},i().createElement(u.ZS,{labelContent:"Billing Zip/Postal Code",inputId:"horizontal-form-element-id-07"},i().createElement(p.A,{id:"horizontal-form-element-id-07",defaultValue:"27215",required:!0}))),i().createElement("div",{className:"slds-size_2-of-6"},i().createElement(u.ZS,{labelContent:"Billing Country",inputId:"horizontal-form-element-id-08"},i().createElement(p.A,{id:"horizontal-form-element-id-08",defaultValue:"USA",required:!0})))))},{type:"address",label:"Shipping Address",value:["312 Constitution Place","Austin, TX 78767","USA"],link:!0,component:i().createElement(C,{labelContent:"Shipping Address",isAddress:!0,isEditing:!0,isStacked:!0},i().createElement(_,null,i().createElement("div",{className:"slds-size_1-of-1"},i().createElement(u.ZS,{labelContent:"Shipping Street",inputId:"horizontal-form-element-id-09"},i().createElement(y,{id:"horizontal-form-element-id-09",defaultValue:"312 Constitution Place"})))),i().createElement(_,null,i().createElement("div",{className:"slds-size_4-of-6"},i().createElement(u.ZS,{labelContent:"Shipping City",inputId:"horizontal-form-element-id-10"},i().createElement(p.A,{id:"horizontal-form-element-id-10",defaultValue:"Austin"}))),i().createElement("div",{className:"slds-size_2-of-6"},i().createElement(u.ZS,{labelContent:"Shipping State/Province",inputId:"horizontal-form-element-id-11"},i().createElement(p.A,{id:"horizontal-form-element-id-11",defaultValue:"TX"})))),i().createElement(_,null,i().createElement("div",{className:"slds-size_4-of-6"},i().createElement(u.ZS,{labelContent:"Shipping Zip/Postal Code",inputId:"horizontal-form-element-id-12"},i().createElement(p.A,{id:"horizontal-form-element-id-12",defaultValue:"78767"}))),i().createElement("div",{className:"slds-size_2-of-6"},i().createElement(u.ZS,{labelContent:"Shipping Country",inputId:"horizontal-form-element-id-13"},i().createElement(p.A,{id:"horizontal-form-element-id-13",defaultValue:"USA"})))))}]}]},j={rows:[{fields:[{type:"text",label:"Assigned To",value:"Jack Rogers",avatar:"/assets/images/avatar1.jpg",component:i().createElement(u.ZS,{isHorizontal:!0,inputId:"horizontal-form-element-id-01",labelContent:"Assigned To",isEditing:!0},i().createElement(p.A,{id:"horizontal-form-element-id-01",readOnly:!0,defaultValue:"Jack Rogers"}))},{type:"lookup",label:"Team Name",value:"Salesforce Lightning Design System",link:!0,component:i().createElement(R.Ay,{isHorizontal:!0,id:"horizontal-combobox-id-01",label:"Team Name","aria-controls":"horizontal-listbox-id-01",isEditing:!0,autocomplete:!0,inputIconPosition:"right",rightInputIcon:i().createElement(c.A,{className:"slds-input__icon slds-input__icon_right",symbol:"clear",title:"Clear the text input",assistiveText:"Clear the text input"}),results:i().createElement(D.Ay,{id:"horizontal-listbox-id-01",snapshot:{},type:"entity",count:2}),resultsType:"listbox",value:"Salesforce Lightning Design System"})}]},{fields:[{type:"text",label:"Account Name",value:"",isRequired:!0,component:i().createElement(u.ZS,{isRequired:!0,isHorizontal:!0,labelContent:"Account Name",inputId:"horizontal-form-element-id-02",isEditing:!0,hasError:!0,errorId:"horizontal-form-element-error-id-01",inlineMessage:"Complete this field"},i().createElement(p.A,{id:"horizontal-form-element-id-02",defaultValue:""}))},{type:"date",label:"SLA Expiration Date",value:"1/1/2018",component:i().createElement(C,{labelContent:"Date and Time",isAddress:!0,isEditing:!0,isRequired:!0,isHorizontal:!0,hasError:!0},i().createElement(_,null,i().createElement("div",{className:"slds-size_3-of-6"},i().createElement(u.ZS,{isEditing:!0,labelContent:"Date",inputId:"horizontal-form-element-id-03",hasRightIcon:!0,hasError:!0,errorId:"horizontal-form-element-error-id-04",inlineMessage:"Complete this field"},i().createElement(p.A,{id:"horizontal-form-element-id-03"}),i().createElement(c.A,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date"}))),i().createElement("div",{className:"slds-size_3-of-6"},i().createElement(R.Ay,{id:"horizontal-combobox-id-03","aria-controls":"stacked-listbox-id-03",autocomplete:!0,label:"Time",placeholder:"Select a time…",inputIconPosition:"right",hasError:!0,rightInputIcon:i().createElement(M.eX,{symbol:"clock",className:"slds-icon slds-icon_x-small slds-icon-text-default slds-icon-text-error",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:i().createElement(D.Ay,{className:"slds-dropdown_fluid slds-dropdown_left",id:"stacked-listbox-id-03",snapshot:{option1:{name:"7:00am"},option2:{name:"8:00am"},option3:{name:"9:00am"},option4:{name:"10:00am"},option5:{name:"11:00am"},option6:{name:"12:00pm"}},type:"plain",count:6,visualSelection:!0}),resultsType:"listbox",hasInteractions:!0,hasFocus:!1}))))}]},{fields:[{type:"textarea",label:"Description",value:["Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod."],column:1,component:i().createElement(u.ZS,{isHorizontal:!0,labelContent:"Description",inputId:"horizontal-form-element-id-14",isEditing:!0,hasError:!0,errorId:"horizontal-form-element-error-id-04",inlineMessage:"Complete this field",column:1},i().createElement(y,{id:"horizontal-form-element-id-14",defaultValue:"Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod."}))}]},{fields:[{type:"address",label:"Billing Address",value:["525 S. Lexington Ave","Burlington, NC 27215","USA"],link:!0,isRequired:!0,hasTooltip:!0,component:i().createElement(C,{labelContent:"Billing Address",isAddress:!0,isEditing:!0,isRequired:!0,hasTooltip:!0,isHorizontal:!0},i().createElement(_,null,i().createElement("div",{className:"slds-size_1-of-1"},i().createElement(u.ZS,{labelContent:"Billing Street",inputId:"horizontal-form-element-id-04"},i().createElement(y,{id:"horizontal-form-element-id-04",defaultValue:"525 S. Lexington Ave",required:!0})))),i().createElement(_,null,i().createElement("div",{className:"slds-size_3-of-6"},i().createElement(u.ZS,{labelContent:"Billing City",inputId:"horizontal-form-element-id-05",hasError:!0,errorId:"horizontal-form-element-error-id-02",inlineMessage:"Complete this field"},i().createElement(p.A,{id:"horizontal-form-element-id-05",required:!0}))),i().createElement("div",{className:"slds-size_3-of-6"},i().createElement(u.ZS,{labelContent:"Billing State/Province",inputId:"horizontal-form-element-id-06",hasError:!0,errorId:"horizontal-form-element-error-id-03",inlineMessage:"Complete this field"},i().createElement(p.A,{id:"horizontal-form-element-id-06",required:!0})))),i().createElement(_,null,i().createElement("div",{className:"slds-size_3-of-6"},i().createElement(u.ZS,{labelContent:"Billing Zip/Postal Code",inputId:"horizontal-form-element-id-07"},i().createElement(p.A,{id:"horizontal-form-element-id-07",defaultValue:"27215",required:!0}))),i().createElement("div",{className:"slds-size_3-of-6"},i().createElement(u.ZS,{labelContent:"Billing Country",inputId:"horizontal-form-element-id-08",hasError:!0,errorId:"horizontal-form-element-error-id-04",inlineMessage:"Complete this field"},i().createElement(p.A,{id:"horizontal-form-element-id-08",required:!0})))))},{type:"address",label:"Shipping Address",value:["312 Constitution Place","Austin, TX 78767","USA"],link:!0,component:i().createElement(C,{labelContent:"Shipping Address",isAddress:!0,isEditing:!0,isHorizontal:!0},i().createElement(_,null,i().createElement("div",{className:"slds-size_1-of-1"},i().createElement(u.ZS,{labelContent:"Shipping Street",inputId:"horizontal-form-element-id-09"},i().createElement(y,{id:"horizontal-form-element-id-09",defaultValue:"312 Constitution Place"})))),i().createElement(_,null,i().createElement("div",{className:"slds-size_4-of-6"},i().createElement(u.ZS,{labelContent:"Shipping City",inputId:"horizontal-form-element-id-10"},i().createElement(p.A,{id:"horizontal-form-element-id-10",defaultValue:"Austin"}))),i().createElement("div",{className:"slds-size_2-of-6"},i().createElement(u.ZS,{labelContent:"Shipping State/Province",inputId:"horizontal-form-element-id-11"},i().createElement(p.A,{id:"horizontal-form-element-id-11",defaultValue:"TX"})))),i().createElement(_,null,i().createElement("div",{className:"slds-size_4-of-6"},i().createElement(u.ZS,{labelContent:"Shipping Zip/Postal Code",inputId:"horizontal-form-element-id-12"},i().createElement(p.A,{id:"horizontal-form-element-id-12",defaultValue:"78767"}))),i().createElement("div",{className:"slds-size_2-of-6"},i().createElement(u.ZS,{labelContent:"Shipping Country",inputId:"horizontal-form-element-id-13"},i().createElement(p.A,{id:"horizontal-form-element-id-13",defaultValue:"USA"})))))}]}]},U={rows:[{fields:[{type:"text",label:"Assigned To",value:"Jack Rogers",avatar:"/assets/images/avatar1.jpg",isRequired:!0,link:!0,column:1,component:i().createElement(u.ZS,{inputId:"form-element-id-01",labelContent:"Assigned To",isRequired:!0,isEditing:!0},i().createElement(p.A,{id:"form-element-id-01",readOnly:!0,defaultValue:"Jack Rogers",required:!0}))}]},{fields:[{type:"lookup",label:"Team Name",value:"Salesforce Lightning Design System",link:!0,column:1,component:i().createElement(R.Ay,{id:"combobox-id-01",label:"Team Name","aria-controls":"listbox-id-01",autocomplete:!0,inputIconPosition:"right",rightInputIcon:i().createElement(c.A,{className:"slds-input__icon slds-input__icon_right",symbol:"clear",title:"Clear the text input",assistiveText:"Clear the text input"}),results:i().createElement(D.Ay,{id:"listbox-id-01",snapshot:{},type:"entity",count:2}),resultsType:"listbox",value:"Salesforce Lightning Design System"})}]},{fields:[{type:"checkbox",label:"Security Assessment Required?",value:i().createElement(M.eX,{symbol:"steps",size:"x-small",useCurrentColor:!0,assistiveText:"False",title:"False"}),column:1,component:i().createElement(P.L,{labelContent:"Security Assessment Required?",isEditing:!0})}]},{fields:[{type:"picklist",label:"Status",column:1,component:i().createElement(R.Ay,{id:"combobox-id-02",label:"Status","aria-controls":"listbox-id-02",readonly:!0,inputIconPosition:"right",rightInputIcon:i().createElement(M.eX,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:i().createElement(D.Ay,{id:"listbox-id-02",snapshot:{},type:"plain",count:2,visualSelection:!0}),resultsType:"listbox"})}]},{fields:[{type:"text",label:"Reference Image",value:"The URL for the image is https://www.google.com/imgres?imgurl=https%3A%2F%2Fis1-ssl.mzstatic.com%2Fimage%2Fthumb%2FPurple128%2Fv4%2F50%2F98%2Fb6%2F5098b62e-b26d-6d0e-bda4-26a85c42fe1f%2FAppIcon-1x_U007emarketing-0-0-GLES2_U002c0-512MB-sRGB-0-0-0-85-220-0-0-0-3.png%2F246x0w.jpg&imgrefurl=https%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Fflower%2Fid1279174518%3Fmt%3D8&docid=2fZCCC_Ugr43lM&tbnid=9soMHOA780_ooM%3A&vet=10ahUKEwiJzc206-PcAhVYIjQIHcJsB3YQMwjxASgAMAA..i&w=246&h=246&bih=1320&biw=1280&q=flower&ved=0ahUKEwiJzc206-PcAhVYIjQIHcJsB3YQMwjxASgAMAA&iact=mrc&uact=8",column:1,component:i().createElement(u.ZS,{labelContent:"Reference Image",inputId:"form-element-id-15",isStacked:!0,isEditing:!0},i().createElement(y,{id:"form-element-id-15",defaultValue:"The URL for the image is https://www.google.com/imgres?imgurl=https%3A%2F%2Fis1-ssl.mzstatic.com%2Fimage%2Fthumb%2FPurple128%2Fv4%2F50%2F98%2Fb6%2F5098b62e-b26d-6d0e-bda4-26a85c42fe1f%2FAppIcon-1x_U007emarketing-0-0-GLES2_U002c0-512MB-sRGB-0-0-0-85-220-0-0-0-3.png%2F246x0w.jpg&imgrefurl=https%3A%2F%2Fitunes.apple.com%2Fus%2Fapp%2Fflower%2Fid1279174518%3Fmt%3D8&docid=2fZCCC_Ugr43lM&tbnid=9soMHOA780_ooM%3A&vet=10ahUKEwiJzc206-PcAhVYIjQIHcJsB3YQMwjxASgAMAA..i&w=246&h=246&bih=1320&biw=1280&q=flower&ved=0ahUKEwiJzc206-PcAhVYIjQIHcJsB3YQMwjxASgAMAA&iact=mrc&uact=8"}))}]},{fields:[{type:"richtext",label:"Rich Text Output",column:1,value:i().createElement("div",{className:"slds-rich-text-editor__output"},i().createElement("p",null,"Here's a big image"),i().createElement("p",null,i().createElement("img",{src:"/assets/images/themes/oneSalesforce/banner-group-public-default.png",alt:""})))}]},{fields:[{type:"text",label:"SLA Serial Number",value:"5367",hasTooltip:!0,column:1,component:i().createElement(u.ZS,{labelContent:"SLA Serial Number",inputId:"form-element-id-02",hasTooltip:!0,isEditing:!0},i().createElement(p.A,{id:"form-element-id-02",defaultValue:"5367"}))}]},{fields:[{type:"date",label:"SLA Expiration Date",value:"1/1/2018",column:1,component:i().createElement(u.ZS,{formElementClassName:"slds-dropdown-trigger slds-dropdown-trigger_click slds-is-open",labelContent:"Date",inputId:"form-element-id-03",hasRightIcon:!0},i().createElement(p.A,{id:"form-element-id-03",defaultValue:"1/1/2018"}),i().createElement(c.A,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date"}))}]},{fields:[{type:"location",label:"Location",value:"10.283, 54.293",column:1,component:i().createElement(C,{labelContent:"Location",isEditing:!0,isHorizontal:!0},i().createElement(_,null,i().createElement("div",{className:"slds-size_1-of-2"},i().createElement(u.ZS,{labelContent:"Longitude",inputId:"location-longitude-01"},i().createElement(p.A,{id:"location-longitude-01",defaultValue:"10.283"}))),i().createElement("div",{className:"slds-size_1-of-2"},i().createElement(u.ZS,{labelContent:"Latitude",inputId:"location-latitude-01"},i().createElement(p.A,{id:"location-latitude-01",defaultValue:"54.293"})))))}]},{fields:[{type:"multiselect",label:"Selected Languages",value:"Arabic, Chinese, English, German",column:1,component:i().createElement(B.KF,{dataSet:B.Wz,isResponsive:!0})}]},{fields:[{type:"address",label:"Billing Address",value:["525 S. Lexington Ave","Burlington, NC 27215","USA"],link:!0,isRequired:!0,hasTooltip:!0,column:1,component:i().createElement(C,{labelContent:"Billing Address",isAddress:!0,isEditing:!0,isRequired:!0,hasTooltip:!0,isStacked:!0},i().createElement(_,null,i().createElement("div",{className:"slds-size_1-of-1"},i().createElement(u.ZS,{labelContent:"Billing Street",inputId:"form-element-id-04"},i().createElement(y,{id:"form-element-id-04",defaultValue:"525 S. Lexington Ave",required:!0})))),i().createElement(_,null,i().createElement("div",{className:"slds-size_4-of-6"},i().createElement(u.ZS,{labelContent:"Billing City",inputId:"form-element-id-05"},i().createElement(p.A,{id:"form-element-id-05",defaultValue:"Burlington",required:!0}))),i().createElement("div",{className:"slds-size_2-of-6"},i().createElement(u.ZS,{labelContent:"Billing State/Province",inputId:"form-element-id-06"},i().createElement(p.A,{id:"form-element-id-06",defaultValue:"NC",required:!0})))),i().createElement(_,null,i().createElement("div",{className:"slds-size_4-of-6"},i().createElement(u.ZS,{labelContent:"Billing Zip/Postal Code",inputId:"form-element-id-07"},i().createElement(p.A,{id:"form-element-id-07",defaultValue:"27215",required:!0}))),i().createElement("div",{className:"slds-size_2-of-6"},i().createElement(u.ZS,{labelContent:"Billing Country",inputId:"form-element-id-08"},i().createElement(p.A,{id:"form-element-id-08",defaultValue:"USA",required:!0})))))}]},{fields:[{type:"address",label:"Shipping Address",value:["312 Constitution Place","Austin, TX 78767","USA"],link:!0,column:1,component:i().createElement(C,{labelContent:"Shipping Address",isAddress:!0,isEditing:!0,isStacked:!0},i().createElement(_,null,i().createElement("div",{className:"slds-size_1-of-1"},i().createElement(u.ZS,{labelContent:"Shipping Street",inputId:"form-element-id-09"},i().createElement(y,{id:"form-element-id-09",defaultValue:"312 Constitution Place"})))),i().createElement(_,null,i().createElement("div",{className:"slds-size_4-of-6"},i().createElement(u.ZS,{labelContent:"Shipping City",inputId:"form-element-id-10"},i().createElement(p.A,{id:"form-element-id-10",defaultValue:"Austin"}))),i().createElement("div",{className:"slds-size_2-of-6"},i().createElement(u.ZS,{labelContent:"Shipping State/Province",inputId:"form-element-id-11"},i().createElement(p.A,{id:"form-element-id-11",defaultValue:"TX"})))),i().createElement(_,null,i().createElement("div",{className:"slds-size_4-of-6"},i().createElement(u.ZS,{labelContent:"Shipping Zip/Postal Code",inputId:"form-element-id-12"},i().createElement(p.A,{id:"form-element-id-12",defaultValue:"78767"}))),i().createElement("div",{className:"slds-size_2-of-6"},i().createElement(u.ZS,{labelContent:"Shipping Country",inputId:"form-element-id-13"},i().createElement(p.A,{id:"form-element-id-13",defaultValue:"USA"})))))}]},{fields:[{type:"textarea",label:"Description",value:["Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod."],column:1,component:i().createElement(u.ZS,{labelContent:"Description",inputId:"form-element-id-14",isStacked:!0,isEditing:!0},i().createElement(y,{id:"form-element-id-14",defaultValue:"Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod."}))}]}]},X={rows:[{fields:[{type:"text",label:"Assigned To",value:"Jack Rogers",avatar:"/assets/images/avatar1.jpg",isRequired:!0,link:!0,component:i().createElement(u.ZS,{inputId:"form-element-id-01",labelContent:"Assigned To",isRequired:!0,isEditing:!0},i().createElement(p.A,{id:"form-element-id-01",readOnly:!0,defaultValue:"Jack Rogers",required:!0}))},{type:"lookup",label:"Team Name",value:"Salesforce Lightning Design System",link:!0,component:i().createElement(R.Ay,{id:"combobox-id-01",label:"Team Name","aria-controls":"listbox-id-01",autocomplete:!0,isEditing:!0,inputIconPosition:"right",rightInputIcon:i().createElement(c.A,{className:"slds-input__icon slds-input__icon_right",symbol:"clear",title:"Clear the text input",assistiveText:"Clear the text input"}),results:i().createElement(D.Ay,{id:"listbox-id-01",snapshot:{},type:"entity",count:2}),resultsType:"listbox",value:"Salesforce Lightning Design System"})}]},{fields:[{type:"checkbox",label:"Security Assessment Required?",value:"False",component:i().createElement(P.L,{labelContent:"Security Assessment Required?",isEditing:!0})},{type:"picklist",label:"Status",component:i().createElement(R.Ay,{id:"combobox-id-02",label:"Status",value:"In Progress","aria-controls":"listbox-id-02",readonly:!0,isEditing:!0,inputIconPosition:"right",rightInputIcon:i().createElement(M.eX,{symbol:"down",className:"slds-icon slds-icon_x-small slds-icon-text-default",containerClassName:"slds-input__icon slds-input__icon_right",assistiveText:!1,title:!1}),results:i().createElement(D.Ay,{id:"listbox-id-02",snapshot:{},type:"plain",count:2,visualSelection:!0}),resultsType:"listbox"})}]},{fields:[{type:"checkbox-group",label:"Personalization Settings",value:"Disable end user personalization",component:i().createElement(u.LB,{label:"App Personalization Settings",isEditing:!0},i().createElement(f.Sc,{label:"Disable end user personalization",name:"default",checked:!0}),i().createElement(f.Sc,{label:"Don't automatically create temporary tabs",name:"default"}))},{type:"",label:"",value:""}]},{fields:[{type:"text",label:"SLA Serial Number",value:"5367",hasTooltip:!0,component:i().createElement(u.ZS,{labelContent:"SLA Serial Number",inputId:"form-element-id-02",hasTooltip:!0,isEditing:!0},i().createElement(p.A,{id:"form-element-id-02",defaultValue:"5367"}))},{type:"date",label:"SLA Expiration Date",value:"1/1/2018",component:i().createElement(u.ZS,{formElementClassName:"slds-dropdown-trigger slds-dropdown-trigger_click slds-is-open",labelContent:"Date",inputId:"form-element-id-03",hasRightIcon:!0,isEditing:!0},i().createElement(p.A,{id:"form-element-id-03",defaultValue:"1/1/2018"}),i().createElement(c.A,{className:"slds-input__icon slds-input__icon_right",symbol:"event",assistiveText:"Select a date",title:"Select a date"}))}]},{fields:[{type:"location",label:"Location",value:"10.283, 54.293",component:i().createElement(u.LB,{label:"Location",isEditing:!0,hasCompoundFields:!0,isDeprecated:!0},i().createElement("div",{className:"slds-form-element__group"},i().createElement("div",{className:"slds-form-element__row"},i().createElement(u.ZS,{formElementClassName:"slds-size_1-of-2",labelContent:"Longitude",inputId:"location-longitude-01"},i().createElement(p.A,{id:"location-longitude-01",defaultValue:"10.283"})),i().createElement(u.ZS,{formElementClassName:"slds-size_1-of-2",labelContent:"Latitude",inputId:"location-latitude-01"},i().createElement(p.A,{id:"location-latitude-01",defaultValue:"54.293"})))))},{type:"multiselect",label:"Selected Languages",value:"Arabic, Chinese, English, German",component:i().createElement(B.KF,{isEditing:!0,dataSet:B.Wz,isResponsive:!0,isStacked:!0})}]},{fields:[{type:"address",label:"Billing Address",value:["525 S. Lexington Ave","Burlington, NC 27215","USA"],link:!0,isRequired:!0,hasTooltip:!0,component:i().createElement(u.LB,{label:"Billing Address",isRequired:!0,isEditing:!0,isStacked:!0,isAddress:!0,hasTooltip:!0,hasCompoundFields:!0,isDeprecated:!0},i().createElement("div",{className:"slds-form-element__group"},i().createElement("div",{className:"slds-form-element__row"},i().createElement(u.ZS,{formElementClassName:"slds-size_1-of-1",labelContent:"Billing Street",inputId:"form-element-id-04"},i().createElement(y,{id:"form-element-id-04",defaultValue:"525 S. Lexington Ave",required:!0}))),i().createElement("div",{className:"slds-form-element__row"},i().createElement(u.ZS,{formElementClassName:"slds-size_4-of-6",labelContent:"Billing City",inputId:"form-element-id-05"},i().createElement(p.A,{id:"form-element-id-05",defaultValue:"Burlington",required:!0})),i().createElement(u.ZS,{formElementClassName:"slds-size_2-of-6",labelContent:"Billing State/Province",inputId:"form-element-id-06"},i().createElement(p.A,{id:"form-element-id-06",defaultValue:"NC",required:!0}))),i().createElement("div",{className:"slds-form-element__row"},i().createElement(u.ZS,{formElementClassName:"slds-size_4-of-6",labelContent:"Billing Zip/Postal Code",inputId:"form-element-id-07"},i().createElement(p.A,{id:"form-element-id-07",defaultValue:"27215",required:!0})),i().createElement(u.ZS,{formElementClassName:"slds-size_2-of-6",labelContent:"Billing Country",inputId:"form-element-id-08"},i().createElement(p.A,{id:"form-element-id-08",defaultValue:"USA",required:!0})))))},{type:"address",label:"Shipping Address",value:["312 Constitution Place","Austin, TX 78767","USA"],link:!0,component:i().createElement(u.LB,{label:"Shipping Address",isEditing:!0,isStacked:!0,isAddress:!0,hasCompoundFields:!0,isDeprecated:!0},i().createElement("div",{className:"slds-form-element__group"},i().createElement("div",{className:"slds-form-element__row"},i().createElement(u.ZS,{formElementClassName:"slds-size_1-of-1",labelContent:"Shipping Street",inputId:"form-element-id-09"},i().createElement(y,{id:"form-element-id-09",defaultValue:"312 Constitution Place"}))),i().createElement("div",{className:"slds-form-element__row"},i().createElement(u.ZS,{formElementClassName:"slds-size_4-of-6",labelContent:"Shipping City",inputId:"form-element-id-10"},i().createElement(p.A,{id:"form-element-id-10",defaultValue:"Austin"})),i().createElement(u.ZS,{formElementClassName:"slds-size_2-of-6",labelContent:"Shipping State/Province",inputId:"form-element-id-11"},i().createElement(p.A,{id:"form-element-id-11",defaultValue:"TX"}))),i().createElement("div",{className:"slds-form-element__row"},i().createElement(u.ZS,{formElementClassName:"slds-size_4-of-6",labelContent:"Shipping Zip/Postal Code",inputId:"form-element-id-12"},i().createElement(p.A,{id:"form-element-id-12",defaultValue:"78767"})),i().createElement(u.ZS,{formElementClassName:"slds-size_2-of-6",labelContent:"Shipping Country",inputId:"form-element-id-13"},i().createElement(p.A,{id:"form-element-id-13",defaultValue:"USA"})))))}]},{fields:[{type:"textarea",label:"Description",value:["Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod."],column:1,component:i().createElement(u.ZS,{labelContent:"Description",inputId:"form-element-id-14",isStacked:!0,isEditing:!0,column:1},i().createElement(y,{id:"form-element-id-14",defaultValue:"Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem malesuada magna mollis euismod."}))}]}]},J="Stacked",W=("".concat(J," - Default"),"".concat(J),"".concat(J," - Edit Mode"),"".concat(J),[{id:"stacked-single-column",label:"".concat(J," - 1 column Read Only"),context:"".concat(J),element:i().createElement(F,{direction:"stacked",snapshot:U,isViewMode:!0})},{id:"stacked-single-column-in-narrow-container",label:"".concat(J," - 1 column - In narrow container"),context:"".concat(J),demoStyles:"max-width: 280px;",storybookStyles:!0,element:i().createElement(F,{direction:"stacked",snapshot:H})},{id:"deprecated-view-stacked",label:"".concat(J," - View Mode (Deprecated)"),context:"Deprecated",element:i().createElement(F,{direction:"stacked",snapshot:X,isViewMode:!0,hasInlineEdit:!0,isDeprecated:!0})},{id:"deprecated-edit-stacked",label:"Deprecated - Stacked form layout - Edit Mode",context:"Deprecated",element:i().createElement(F,{direction:"stacked",snapshot:X,isDeprecated:!0})},{id:"simple-stacked",label:"".concat(J," - Simple form layout"),context:"".concat(J),element:i().createElement("div",{className:"slds-form"},i().createElement(u.ZS,{labelContent:"Text Input",inputId:"stacked-input-id-01",isStacked:!0},i().createElement(p.A,{id:"stacked-input-id-01",placeholder:"Placeholder text…"})),i().createElement(u.ZS,{labelContent:"Textarea Input",inputId:"stacked-input-id-02",isStacked:!0},i().createElement(y,{id:"stacked-input-id-02",placeholder:"Placeholder text…"})),i().createElement(u.LB,{label:"Checkbox Group Label",isStacked:!0},i().createElement(f.Sc,{label:"All opportunities owned by you",name:"default"}),i().createElement(f.Sc,{label:"All contacts in the account owned by you",name:"default"})),i().createElement(u.LB,{label:"Radio Group Label",isStacked:!0},i().createElement(v.sx,{label:"Lead generation",name:"options"}),i().createElement(v.sx,{label:"Education leads",name:"options"})))},{id:"stacked",label:"".concat(J," - View Mode"),context:"".concat(J),element:i().createElement(F,{direction:"stacked",snapshot:H,isViewMode:!0,hasInlineEdit:!0})}]),G="Horizontal",Q=("".concat(G," - Default"),"".concat(G),[{id:"edit-horizontal",label:"".concat(G," - Edit Mode"),context:"".concat(G),element:i().createElement(F,{direction:"horizontal",snapshot:O})},{id:"form-element-horizontal-edit-error",label:"".concat(G," - (Edit Mode with Error)"),context:"".concat(G),element:i().createElement(F,{direction:"horizontal",snapshot:j})}]),K=[{id:"horizontal-single-column",label:"".concat(G," - 1 column - Read Only Mode"),context:"".concat(G),element:i().createElement(F,{direction:"horizontal",snapshot:U,isViewMode:!0})},{id:"deprecated-view-horizontal",label:"".concat(G," - View Mode (Deprecated)"),context:"Deprecated",element:i().createElement(F,{direction:"horizontal",snapshot:X,isViewMode:!0,hasInlineEdit:!0,isDeprecated:!0})},{id:"deprecated-edit-horizontal",label:"".concat(G," - Edit Mode (Deprecated)"),context:"Deprecated",element:i().createElement(F,{direction:"horizontal",snapshot:X,isDeprecated:!0})},{id:"simple-horizontal",label:"".concat(G," - Simple form layout"),context:"".concat(G),element:i().createElement("div",{className:"slds-form"},i().createElement(u.ZS,{labelContent:"Text Input",inputId:"horizontal-input-id-01",isHorizontal:!0},i().createElement(p.A,{id:"horizontal-input-id-01",placeholder:"Placeholder text…"})),i().createElement(u.ZS,{labelContent:"Textarea Input",inputId:"horizontal-input-id-02",isHorizontal:!0},i().createElement(y,{id:"horizontal-input-id-02",placeholder:"Placeholder text…"})),i().createElement(u.LB,{label:"Checkbox Group Label",isHorizontal:!0},i().createElement(f.Sc,{label:"All opportunities owned by you",name:"default"}),i().createElement(f.Sc,{label:"All contacts in the account owned by you",name:"default"})),i().createElement(u.LB,{label:"Radio Group Label",isHorizontal:!0},i().createElement(v.sx,{label:"Lead generation",name:"options"}),i().createElement(v.sx,{label:"Education leads",name:"options"})))},{id:"horizontal",label:"".concat(G," - View Mode"),element:i().createElement(F,{direction:"horizontal",snapshot:O,isViewMode:!0,hasInlineEdit:!0})}];E().bool,E().bool;var Y="Compound",$=[{id:"compound-default",label:"".concat(Y," - Default"),context:"".concat(Y),element:i().createElement(C,{labelContent:"Location"},i().createElement(_,null,i().createElement("div",{className:"slds-size_1-of-2"},i().createElement(u.ZS,{labelContent:"Latitude",inputId:"input-01"},i().createElement(p.A,{id:"input-01"}))),i().createElement("div",{className:"slds-size_1-of-2"},i().createElement(u.ZS,{labelContent:"Longitude",inputId:"input-02"},i().createElement(p.A,{id:"input-02"})))))}],ee=("".concat(Y," - Required"),"".concat(Y),u.ZS,p.A,u.ZS,p.A,"".concat(Y," - Help text icon with tooltip"),"".concat(Y),u.ZS,p.A,u.ZS,p.A,"".concat(Y," - Error"),"".concat(Y),u.ZS,p.A,u.ZS,p.A,"".concat(Y," - Form Layout (Required)"),"".concat(Y),"".concat(Y," - Form Layout (Required with Tooltip Help)"),"".concat(Y),u.LB,u.ZS,p.A,u.ZS,p.A,"".concat(Y," - Form Layout"),"".concat(Y),"Address"),te=[{id:"address-default",label:"".concat(ee," - Default"),context:"".concat(ee),element:i().createElement(C,{labelContent:"Billing Address",isAddress:!0},i().createElement(_,null,i().createElement("div",{className:"slds-size_1-of-1"},i().createElement(u.ZS,{labelContent:"Billing Street",inputId:"form-element-id-01"},i().createElement(y,{id:"form-element-id-01",defaultValue:"525 S. Lexington Ave",required:!0})))),i().createElement(_,null,i().createElement("div",{className:"slds-size_4-of-6"},i().createElement(u.ZS,{labelContent:"Billing City",inputId:"form-element-id-02"},i().createElement(p.A,{id:"form-element-id-02",defaultValue:"Burlington",required:!0}))),i().createElement("div",{className:"slds-size_2-of-6"},i().createElement(u.ZS,{labelContent:"Billing State/Province",inputId:"form-element-id-03"},i().createElement(p.A,{id:"form-element-id-03",defaultValue:"NC",required:!0})))),i().createElement(_,null,i().createElement("div",{className:"slds-size_4-of-6"},i().createElement(u.ZS,{labe