@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 4.94 kB
JavaScript
var SLDS=SLDS||{};SLDS["__internal/chunked/showcase/ui/components/form-element/compound/example.jsx.js"]=function(e){function t(t){for(var l,r,o=t[0],d=t[1],i=t[2],m=0,c=[];m<o.length;m++)r=o[m],a[r]&&c.push(a[r][0]),a[r]=0;for(l in d)Object.prototype.hasOwnProperty.call(d,l)&&(e[l]=d[l]);for(s&&s(t);c.length;)c.shift()();return u.push.apply(u,i||[]),n()}function n(){for(var e,t=0;t<u.length;t++){for(var n=u[t],l=!0,o=1;o<n.length;o++){var d=n[o];0!==a[d]&&(l=!1)}l&&(u.splice(t--,1),e=r(r.s=n[0]))}return e}var l={},a={2:0,7:0,8:0,15:0,16:0,22:0,32:0,38:0,42:0,45:0,54:0,58:0,59:0,63:0,64:0,67:0,71:0,75:0,77:0,80:0,84:0,87:0,88:0,93:0,99:0,100:0,104:0,106:0,114:0,117:0,118:0,122:0,124:0,125:0,126:0,127:0,128:0,129:0,133:0,138:0,144:0,152:0,163:0,167:0,170:0,171:0,178:0,181:0,182:0},u=[];function r(t){if(l[t])return l[t].exports;var n=l[t]={i:t,l:!1,exports:{}};return e[t].call(n.exports,n,n.exports,r),n.l=!0,n.exports}r.m=e,r.c=l,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:n})},r.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="/assets/scripts/bundle/";var o=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],d=o.push.bind(o);o.push=t,o=o.slice();for(var i=0;i<o.length;i++)t(o[i]);var s=d;return u.push([73,0]),n()}({0:function(e,t){e.exports=React},73:function(e,t,n){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.examples=t.states=void 0;var l=function(e){return e&&e.__esModule?e:{default:e}}(n(0)),a=n(44),u=n(7),r=n(9);t.default=l.default.createElement(a.CompoundFormElement,{labelContent:"Location"},l.default.createElement(a.CompoundFormRow,null,l.default.createElement("div",{className:"slds-size_1-of-2"},l.default.createElement(u.FormElement,{labelContent:"Latitude",inputId:"input-01"},l.default.createElement(r.Input,{id:"input-01"}))),l.default.createElement("div",{className:"slds-size_1-of-2"},l.default.createElement(u.FormElement,{labelContent:"Longitude",inputId:"input-02"},l.default.createElement(r.Input,{id:"input-02"})))));t.states=[{id:"required",label:"Required",element:l.default.createElement(a.CompoundFormElement,{labelContent:"Location",isRequired:!0},l.default.createElement(a.CompoundFormRow,null,l.default.createElement("div",{className:"slds-size_1-of-2"},l.default.createElement(u.FormElement,{labelContent:"Latitude",inputId:"input-01"},l.default.createElement(r.Input,{id:"input-01"}))),l.default.createElement("div",{className:"slds-size_1-of-2"},l.default.createElement(u.FormElement,{labelContent:"Longitude",inputId:"input-02"},l.default.createElement(r.Input,{id:"input-02"})))))},{id:"help-text",label:"Has help text icon with tooltip",element:l.default.createElement(a.CompoundFormElement,{labelContent:"Location",hasTooltip:!0},l.default.createElement(a.CompoundFormRow,null,l.default.createElement("div",{className:"slds-size_1-of-2"},l.default.createElement(u.FormElement,{labelContent:"Latitude",inputId:"input-01"},l.default.createElement(r.Input,{id:"input-01"}))),l.default.createElement("div",{className:"slds-size_1-of-2"},l.default.createElement(u.FormElement,{labelContent:"Longitude",inputId:"input-02"},l.default.createElement(r.Input,{id:"input-02"})))))},{id:"has-error",label:"Has error",element:l.default.createElement(a.CompoundFormElement,{labelContent:"Location",isRequired:!0},l.default.createElement(a.CompoundFormRow,null,l.default.createElement("div",{className:"slds-size_1-of-2"},l.default.createElement(u.FormElement,{labelContent:"Latitude",inputId:"input-01",isRequired:!0,hasError:!0,errorId:"error-message-unique-id",inlineMessage:"This field is required"},l.default.createElement(r.Input,{id:"input-01",required:!0,"aria-describedby":"error-message-unique-id"}))),l.default.createElement("div",{className:"slds-size_1-of-2"},l.default.createElement(u.FormElement,{labelContent:"Longitude",inputId:"input-02"},l.default.createElement(r.Input,{id:"input-02"})))))}],t.examples=[{id:"deprecated-stacked",label:"Deprecated - Compound form element",element:l.default.createElement(u.Fieldset,{label:"Location",hasCompoundFields:!0,isDeprecated:!0},l.default.createElement("div",{className:"slds-form-element__group"},l.default.createElement("div",{className:"slds-form-element__row"},l.default.createElement(u.FormElement,{formElementClassName:"slds-size_1-of-2",labelContent:"Longitude",inputId:"location-longitude-01"},l.default.createElement(r.Input,{id:"location-longitude-01",defaultValue:"10.283"})),l.default.createElement(u.FormElement,{formElementClassName:"slds-size_1-of-2",labelContent:"Latitude",inputId:"location-latitude-01"},l.default.createElement(r.Input,{id:"location-latitude-01",defaultValue:"54.293"})))))}]}});