@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 7.36 kB
JavaScript
var SLDS;!function(){"use strict";var e,t={1594:function(e){e.exports=React},3504:function(e,t,n){n.r(t),n.d(t,{default:function(){return m},examples:function(){return f},states:function(){return p}});var l=n(1594),a=n.n(l),i=n(6869),o=n(4187),r=n.n(o),s=n(2711),c=n(5526),d=function(e){var t=e.hasTooltip,n=e.isRequired;return a().createElement(a().Fragment,null,a().createElement(s.LB,{hasCompoundFields:!0,hasTooltip:t,isRequired:n,isDeprecated:!0,label:"Location"},a().createElement("div",{className:"slds-form-element__group"},a().createElement("div",{className:"slds-form-element__row"},a().createElement(s.ZS,{formElementClassName:"slds-size_1-of-2",labelContent:"Latitude",inputId:"input-10"},a().createElement(c.A,{id:"input-10"})),a().createElement(s.ZS,{formElementClassName:"slds-size_1-of-2",labelContent:"Longitude",inputId:"input-11"},a().createElement(c.A,{id:"input-11"}))))),a().createElement(s.LB,{hasCompoundFields:!0,label:"Shipping Address",isAddress:!0,isDeprecated:!0},a().createElement("div",{className:"slds-form-element__group"},a().createElement("div",{className:"slds-form-element__row"},a().createElement(s.ZS,{formElementClassName:"slds-size_1-of-1",labelContent:"Shipping Street",inputId:"input-12"},a().createElement(c.A,{id:"input-12"}))),a().createElement("div",{className:"slds-form-element__row"},a().createElement(s.ZS,{formElementClassName:"slds-size_4-of-6",labelContent:"Shipping City",inputId:"input-13"},a().createElement(c.A,{id:"input-13"})),a().createElement(s.ZS,{formElementClassName:"slds-size_2-of-6",labelContent:"Shipping State/Province",inputId:"input-14"},a().createElement(c.A,{id:"input-14",defaultValue:"MT"}))),a().createElement("div",{className:"slds-form-element__row"},a().createElement(s.ZS,{formElementClassName:"slds-size_4-of-6",labelContent:"Shipping Zip/Postal Code",inputId:"input-15"},a().createElement(c.A,{id:"input-15"})),a().createElement(s.ZS,{formElementClassName:"slds-size_2-of-6",labelContent:"Shipping Country",inputId:"input-16"},a().createElement(c.A,{id:"input-16",defaultValue:"Canada"}))))))};d.propTypes={hasTooltip:r().bool,isRequired:r().bool};var u="Compound",m=[{id:"compound-default",label:"".concat(u," - Default"),context:"".concat(u),element:a().createElement(i.q,{labelContent:"Location"},a().createElement(i.M,null,a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(s.ZS,{labelContent:"Latitude",inputId:"input-01"},a().createElement(c.A,{id:"input-01"}))),a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(s.ZS,{labelContent:"Longitude",inputId:"input-02"},a().createElement(c.A,{id:"input-02"})))))}],p=[{id:"required",label:"".concat(u," - Required"),context:"".concat(u),element:a().createElement(i.q,{labelContent:"Location",isRequired:!0},a().createElement(i.M,null,a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(s.ZS,{labelContent:"Latitude",inputId:"input-03"},a().createElement(c.A,{id:"input-03"}))),a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(s.ZS,{labelContent:"Longitude",inputId:"input-04"},a().createElement(c.A,{id:"input-04"})))))},{id:"help-text",label:"".concat(u," - Help text icon with tooltip"),context:"".concat(u),element:a().createElement(i.q,{labelContent:"Location",hasTooltip:!0},a().createElement(i.M,null,a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(s.ZS,{labelContent:"Latitude",inputId:"input-05"},a().createElement(c.A,{id:"input-05"}))),a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(s.ZS,{labelContent:"Longitude",inputId:"input-06"},a().createElement(c.A,{id:"input-06"})))))},{id:"has-error",label:"".concat(u," - Error"),context:"".concat(u),element:a().createElement(i.q,{labelContent:"Location",isRequired:!0},a().createElement(i.M,null,a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(s.ZS,{labelContent:"Latitude",inputId:"input-07",isRequired:!0,hasError:!0,errorId:"error-message-unique-id",inlineMessage:"This field is required"},a().createElement(c.A,{id:"input-07",required:!0,"aria-describedby":"error-message-unique-id"}))),a().createElement("div",{className:"slds-size_1-of-2"},a().createElement(s.ZS,{labelContent:"Longitude",inputId:"input-08"},a().createElement(c.A,{id:"input-08"})))))},{id:"compound-field-required",label:"".concat(u," - Form Layout (Required)"),context:"".concat(u),element:a().createElement(d,null)},{id:"compound-field-required-tooltip-help",label:"".concat(u," - Form Layout (Required with Tooltip Help)"),context:"".concat(u),element:a().createElement(d,null)}],f=[{id:"deprecated-stacked",label:"Deprecated - Compound form element",context:"Deprecated",element:a().createElement(s.LB,{label:"Location",hasCompoundFields:!0,isDeprecated:!0},a().createElement("div",{className:"slds-form-element__group"},a().createElement("div",{className:"slds-form-element__row"},a().createElement(s.ZS,{formElementClassName:"slds-size_1-of-2",labelContent:"Longitude",inputId:"location-longitude-01"},a().createElement(c.A,{id:"location-longitude-01",defaultValue:"10.283"})),a().createElement(s.ZS,{formElementClassName:"slds-size_1-of-2",labelContent:"Latitude",inputId:"location-latitude-02"},a().createElement(c.A,{id:"location-latitude-02",defaultValue:"54.293"})))))},{id:"compound-field",label:"".concat(u," - Form Layout"),context:"".concat(u),element:a().createElement(d,null)}]}},n={};function l(e){var a=n[e];if(void 0!==a)return a.exports;var i=n[e]={exports:{}};return t[e](i,i.exports,l),i.exports}l.m=t,l.amdO={},e=[],l.O=function(t,n,a,i){if(!n){var o=1/0;for(d=0;d<e.length;d++){n=e[d][0],a=e[d][1],i=e[d][2];for(var r=!0,s=0;s<n.length;s++)(!1&i||o>=i)&&Object.keys(l.O).every(function(e){return l.O[e](n[s])})?n.splice(s--,1):(r=!1,i<o&&(o=i));if(r){e.splice(d--,1);var c=a();void 0!==c&&(t=c)}}return t}i=i||0;for(var d=e.length;d>0&&e[d-1][2]>i;d--)e[d]=e[d-1];e[d]=[n,a,i]},l.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return l.d(t,{a:t}),t},l.d=function(e,t){for(var n in t)l.o(t,n)&&!l.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},l.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),l.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},l.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},l.j=4177,function(){var e={518:0,1117:0,1252:0,1578:0,1974:0,2033:0,2274:0,2782:0,3140:0,4177:0,4268:0,4583:0,4723:0,4924:0,6671:0,7217:0,7257:0,7385:0,7508:0,8167:0,8458:0};l.O.j=function(t){return 0===e[t]};var t=function(t,n){var a,i,o=n[0],r=n[1],s=n[2],c=0;if(o.some(function(t){return 0!==e[t]})){for(a in r)l.o(r,a)&&(l.m[a]=r[a]);if(s)var d=s(l)}for(t&&t(n);c<o.length;c++)i=o[c],l.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return l.O(d)},n=self.webpackJsonpSLDS___internal_chunked_showcase=self.webpackJsonpSLDS___internal_chunked_showcase||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}(),l.nc=void 0;var a=l.O(void 0,[6790],function(){return l(3504)});a=l.O(a),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/form-element/compound/example.jsx.js"]=a}();