@salesforce-ux/design-system/__internal/chunked/showcase/ui/components/form-element/base/example.jsx.js

Salesforce Lightning Design System

var SLDS=SLDS||{};SLDS["__internal/chunked/showcase/ui/components/form-element/base/example.jsx.js"]=function(e){function t(t){for(var a,d,i=t[0],r=t[1],u=t[2],s=0,c=[];s<i.length;s++)d=i[s],n[d]&&c.push(n[d][0]),n[d]=0;for(a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a]);for(m&&m(t);c.length;)c.shift()();return o.push.apply(o,u||[]),l()}function l(){for(var e,t=0;t<o.length;t++){for(var l=o[t],a=!0,i=1;i<l.length;i++){var r=l[i];0!==n[r]&&(a=!1)}a&&(o.splice(t--,1),e=d(d.s=l[0]))}return e}var a={},n={47: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},o=[];function d(t){if(a[t])return a[t].exports;var l=a[t]={i:t,l:!1,exports:{}};return e[t].call(l.exports,l,l.exports,d),l.l=!0,l.exports}d.m=e,d.c=a,d.d=function(e,t,l){d.o(e,t)||Object.defineProperty(e,t,{configurable:!1,enumerable:!0,get:l})},d.r=function(e){Object.defineProperty(e,"__esModule",{value:!0})},d.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return d.d(t,"a",t),t},d.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},d.p="/assets/scripts/bundle/";var i=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],r=i.push.bind(i);i.push=t,i=i.slice();for(var u=0;u<i.length;u++)t(i[u]);var m=r;return o.push([113,0]),l()}({0:function(e,t){e.exports=React},112:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CompoundForm=void 0;var a=i(l(0)),n=i(l(3)),o=l(7),d=l(9);function i(e){return e&&e.__esModule?e:{default:e}}(t.CompoundForm=function(e){var t=e.hasTooltip,l=e.isRequired;return a.default.createElement(a.default.Fragment,null,a.default.createElement(o.Fieldset,{hasCompoundFields:!0,hasTooltip:t,isRequired:l,isDeprecated:!0,label:"Location"},a.default.createElement("div",{className:"slds-form-element__group"},a.default.createElement("div",{className:"slds-form-element__row"},a.default.createElement(o.FormElement,{formElementClassName:"slds-size_1-of-2",labelContent:"Latitude",inputId:"input-01"},a.default.createElement(d.Input,{id:"input-01"})),a.default.createElement(o.FormElement,{formElementClassName:"slds-size_1-of-2",labelContent:"Longitude",inputId:"input-02"},a.default.createElement(d.Input,{id:"input-02"}))))),a.default.createElement(o.Fieldset,{hasCompoundFields:!0,label:"Shipping Address",isAddress:!0,isDeprecated:!0},a.default.createElement("div",{className:"slds-form-element__group"},a.default.createElement("div",{className:"slds-form-element__row"},a.default.createElement(o.FormElement,{formElementClassName:"slds-size_1-of-1",labelContent:"Shipping Street",inputId:"input-03"},a.default.createElement(d.Input,{id:"input-03"}))),a.default.createElement("div",{className:"slds-form-element__row"},a.default.createElement(o.FormElement,{formElementClassName:"slds-size_4-of-6",labelContent:"Shipping City",inputId:"input-04"},a.default.createElement(d.Input,{id:"input-04"})),a.default.createElement(o.FormElement,{formElementClassName:"slds-size_2-of-6",labelContent:"Shipping State/Province",inputId:"input-05"},a.default.createElement(d.Input,{id:"input-05",defaultValue:"MT"}))),a.default.createElement("div",{className:"slds-form-element__row"},a.default.createElement(o.FormElement,{formElementClassName:"slds-size_4-of-6",labelContent:"Shipping Zip/Postal Code",inputId:"input-06"},a.default.createElement(d.Input,{id:"input-06"})),a.default.createElement(o.FormElement,{formElementClassName:"slds-size_2-of-6",labelContent:"Shipping Country",inputId:"input-07"},a.default.createElement(d.Input,{id:"input-07",defaultValue:"Canada"}))))))}).propTypes={hasTooltip:n.default.bool,isRequired:n.default.bool}},113:function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.examples=t.states=void 0;var a=c(l(0)),n=l(7),o=l(9),d=l(31),i=l(14),r=l(17),u=l(112),m=c(l(27)),s=function(e){if(e&&e.__esModule)return e;var t={};if(null!=e)for(var l in e)Object.prototype.hasOwnProperty.call(e,l)&&(t[l]=e[l]);return t.default=e,t}(l(34));function c(e){return e&&e.__esModule?e:{default:e}}var p="Form Element Label",f="input-unique-id",b="error-message-unique-id";t.default=a.default.createElement(n.FormElement,{labelContent:p,inputId:f},a.default.createElement(o.Input,{id:f}));t.states=[{id:"required",label:"Required",element:a.default.createElement(n.FormElement,{labelContent:p,inputId:f,isRequired:!0},a.default.createElement(o.Input,{id:f,required:!0}))},{id:"error",label:"Error",element:a.default.createElement(n.FormElement,{labelContent:p,inputId:f,errorId:b,isRequired:!0,hasError:!0,inlineMessage:"This field is required"},a.default.createElement(o.Input,{id:f,required:!0,"aria-describedby":b}))}],t.examples=[{id:"input",label:"Input",element:a.default.createElement(n.FormElement,{labelContent:p,inputId:f},a.default.createElement(o.Input,{id:f}))},{id:"textarea",label:"Textarea",element:a.default.createElement(n.FormElement,{labelContent:p,inputId:f},a.default.createElement(d.Textarea,{id:f}))},{id:"checkbox",label:"Checkbox",element:a.default.createElement(n.FormElement,null,a.default.createElement(i.Checkbox,{label:"Checkbox Label"}))},{id:"checkbox-required",label:"Checkbox - Required",element:a.default.createElement(n.FormElement,null,a.default.createElement(i.Checkbox,{label:"Checkbox Label",isRequired:!0}))},{id:"checkbox-required-help-text",label:"Checkbox - Required with help text icon",element:a.default.createElement(n.FormElement,null,a.default.createElement(i.Checkbox,{label:"Checkbox Label",isRequired:!0,hasTooltip:!0}))},{id:"checkbox-group",label:"Checkbox",element:a.default.createElement(n.Fieldset,{label:"Form Element Legend"},a.default.createElement(i.Checkbox,{label:"Checkbox Label"}),a.default.createElement(i.Checkbox,{label:"Checkbox Label"}))},{id:"checkbox-group-required",label:"Checkbox",element:a.default.createElement(n.Fieldset,{label:"Form Element Legend",isRequired:!0},a.default.createElement(i.Checkbox,{label:"Checkbox Label"}),a.default.createElement(i.Checkbox,{label:"Checkbox Label"}))},{id:"checkbox-group-required-help-text",label:"Checkbox",element:a.default.createElement(n.Fieldset,{id:"fieldset-with-help-text",label:"Form Element Legend",isRequired:!0,hasTooltip:!0},a.default.createElement(i.Checkbox,{label:"Checkbox Label"}),a.default.createElement(i.Checkbox,{label:"Checkbox Label"}))},{id:"radio-group",label:"Radio Group",element:a.default.createElement(n.Fieldset,{label:"Form Element Label"},a.default.createElement(r.Radio,{checked:!0,label:"Radio Label One"}),a.default.createElement(r.Radio,{label:"Radio Label Two"}))},{id:"radio-group-required",label:"Radio Group - Required",element:a.default.createElement(n.Fieldset,{label:"Form Element Label",isRequired:!0},a.default.createElement(r.Radio,{checked:!0,label:"Radio Label One"}),a.default.createElement(r.Radio,{label:"Radio Label Two"}))},{id:"radio-group-required-help-text",label:"Radio Group - Required with help text icon",element:a.default.createElement(n.Fieldset,{id:"fieldset-with-help-text",label:"Form Element Label",isRequired:!0,hasTooltip:!0},a.default.createElement(r.Radio,{checked:!0,label:"Radio Label One"}),a.default.createElement(r.Radio,{label:"Radio Label Two"}))},{id:"inline-help",label:"Inline Help",element:a.default.createElement(n.FormElement,{labelContent:p,inputId:f,inlineMessage:"ex: (415)111-2222"},a.default.createElement(o.Input,{id:f}))},{id:"tooltip-help",label:"Tooltip Help",element:a.default.createElement("div",{style:{paddingTop:"3rem",position:"relative"}},a.default.createElement(n.FormElement,{labelContent:p,inputId:f,hasTooltip:!0,showTooltip:!0},a.default.createElement(o.Input,{id:f})))},{id:"required-tooltip-help",label:"Required - Tooltip Help",element:a.default.createElement("div",{style:{paddingTop:"3rem",position:"relative"}},a.default.createElement(n.FormElement,{labelContent:p,inputId:f,hasTooltip:!0,isRequired:!0},a.default.createElement(o.Input,{id:f,required:!0})))},{id:"compound-field",label:"Compound Form Layout",element:a.default.createElement(u.CompoundForm,null)},{id:"compound-field-required",label:"Required - Compound Form Layout",element:a.default.createElement(u.CompoundForm,null)},{id:"compound-field-required-tooltip-help",label:"Required with Tooltip Help - Compound Form Layout",element:a.default.createElement(u.CompoundForm,null)},{id:"stacked",label:"Stacked form layout - View Mode",element:a.default.createElement(m.default,{direction:"stacked",snapshot:s.ObjectFieldTypes,isViewMode:!0,hasInlineEdit:!0})},{id:"stacked-single-column",label:"Stacked form layout - 1 column - Read Only Mode",element:a.default.createElement(m.default,{direction:"stacked",snapshot:s.ObjectFieldTypesSingleColumn,isViewMode:!0})},{id:"horizontal-single-column",label:"Horizontal form layout - 1 column - Read Only Mode",element:a.default.createElement(m.default,{direction:"horizontal",snapshot:s.ObjectFieldTypesSingleColumn,isViewMode:!0})},{id:"edit-stacked",label:"Stacked form layout - Edit Mode",element:a.default.createElement(m.default,{direction:"stacked",snapshot:s.ObjectFieldTypes})},{id:"horizontal",label:"Horizontal form layout - View Mode",element:a.default.createElement(m.default,{direction:"horizontal",snapshot:s.ObjectFieldTypesHorizontal,isViewMode:!0,hasInlineEdit:!0})},{id:"edit-horizontal",label:"Horizontal form layout - Edit Mode",element:a.default.createElement(m.default,{direction:"horizontal",snapshot:s.ObjectFieldTypesHorizontal})}]}});