@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 8.83 kB
JavaScript
var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/input/base/example.jsx.js"]=function(e){function t(t){for(var l,i,s=t[0],d=t[1],o=t[2],u=0,p=[];u<s.length;u++)i=s[u],Object.prototype.hasOwnProperty.call(a,i)&&a[i]&&p.push(a[i][0]),a[i]=0;for(l in d)Object.prototype.hasOwnProperty.call(d,l)&&(e[l]=d[l]);for(c&&c(t);p.length;)p.shift()();return r.push.apply(r,o||[]),n()}function n(){for(var e,t=0;t<r.length;t++){for(var n=r[t],l=!0,s=1;s<n.length;s++){var d=n[s];0!==a[d]&&(l=!1)}l&&(r.splice(t--,1),e=i(i.s=n[0]))}return e}var l={},a={99:0,6:0,13:0,14:0,22:0,24:0,26:0,36:0,37:0,56:0,72:0,73:0,79:0,93:0,94:0,96:0,97:0,98:0,103:0,104:0,112:0,117:0,119:0,123:0,125:0,128:0,132:0,134:0,136:0,137:0,138:0,141:0,143:0,146:0,147:0,148:0,151:0,155:0,158:0},r=[];function i(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,i),n.l=!0,n.exports}i.m=e,i.c=l,i.d=function(e,t,n){i.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},i.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.t=function(e,t){if(1&t&&(e=i(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(i.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var l in e)i.d(n,l,function(t){return e[t]}.bind(null,l));return n},i.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return i.d(t,"a",t),t},i.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},i.p="/assets/scripts/bundle/";var s=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],d=s.push.bind(s);s.push=t,s=s.slice();for(var o=0;o<s.length;o++)t(s[o]);var c=d;return r.push([672,0]),n()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},672:function(e,t,n){"use strict";n.r(t),n.d(t,"states",(function(){return w})),n.d(t,"examples",(function(){return D}));var l=n(0),a=n.n(l),r=n(1),i=n.n(r),s=n(13),d=n(9),o=n(4),c=n(82),u=n(5),p=n(18),m=n.n(p),b="Input Label",f="Placeholder text…",h=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e,isRequired:!0},a.a.createElement(s.a,{id:e,placeholder:f,required:!0}))},E=function(){var e=m()("text-input-id-"),t=m()("error-message-id-");return a.a.createElement(u.b,{hasError:!0,labelContent:b,inputId:e,errorId:t,isRequired:!0,inlineMessage:"Enter a value."},a.a.createElement(s.a,{id:e,placeholder:f,required:!0,"aria-describedby":t}))},_=function(){var e=m()("text-input-id-"),t=m()("error-message-id-");return a.a.createElement(u.b,{hasError:!0,labelContent:b,inputId:e,hasLeftIcon:!0,errorId:t,isRequired:!0,inlineMessage:"Enter a value."},a.a.createElement(d.a,{className:"slds-input__icon",sprite:"utility",symbol:"error"}),a.a.createElement(s.a,{id:e,required:!0,placeholder:f,"aria-describedby":t}))},y=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e},a.a.createElement(s.a,{id:e,placeholder:f,disabled:!0}))},x=function(e){var t=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:t},a.a.createElement(s.a,{id:t,readOnly:!0,hasBorders:e.hasBorders,defaultValue:"Read Only",placeholder:""}))},v=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e,hasLeftIcon:!0},a.a.createElement(d.a,{className:"slds-icon slds-input__icon slds-input__icon_left slds-icon-text-default",sprite:"utility",symbol:"search"}),a.a.createElement(s.a,{id:e,placeholder:f}))},I=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e,hasRightIcon:!0},a.a.createElement(d.a,{className:"slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default",sprite:"utility",symbol:"search"}),a.a.createElement(s.a,{id:e,placeholder:f}))},g=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e,hasLeftIcon:!0,hasRightIcon:!0},a.a.createElement(d.a,{className:"slds-icon slds-input__icon slds-input__icon_left slds-icon-text-default",sprite:"utility",symbol:"search"}),a.a.createElement(s.a,{id:e,placeholder:f}),a.a.createElement(o.b,{symbol:"clear",className:"slds-input__icon slds-input__icon_right",iconClassName:"slds-icon-text-light",assistiveText:"Clear",title:"Clear"}))},C=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e,hasLeftIcon:!0,hasRightIcon:!0,hasRightIconGroup:!0},a.a.createElement(d.a,{className:"slds-icon slds-input__icon slds-input__icon_left slds-icon-text-default",sprite:"utility",symbol:"search"}),a.a.createElement(s.a,{id:e,placeholder:f}),a.a.createElement("div",{className:"slds-input__icon-group slds-input__icon-group_right"},a.a.createElement(c.Spinner,{className:"slds-spinner_brand slds-spinner_x-small slds-input__spinner"}),a.a.createElement(o.b,{symbol:"clear",className:"slds-input__icon slds-input__icon_right",iconClassName:"slds-icon-text-light",assistiveText:"Clear",title:"Clear"})))},S=function(e){var t=m()("".concat(e.type,"-input-id-"));return a.a.createElement(u.b,{labelContent:e.label,inputId:t},a.a.createElement(s.a,{id:t,type:e.type,placeholder:e.placeholder,value:e.value}))};S.propTypes={type:i.a.string,label:i.a.string,placeholder:i.a.string},S.defaultProps={label:"Input Label"};var L=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e,formControlClassName:"slds-input-has-fixed-addon",labelId:"fixed-text-label"},a.a.createElement("span",{className:"slds-form-element__addon",id:"fixed-text-addon-pre"},"$"),a.a.createElement(s.a,{id:e,placeholder:f,"aria-labelledby":"fixed-text-label fixed-text-addon-pre fixed-text-addon-post"}),a.a.createElement("span",{className:"slds-form-element__addon",id:"fixed-text-addon-post"},"euro"))},N=function(){var e=m()("text-input-id-"),t=m()("error-message-id-");return a.a.createElement(u.b,{labelId:"inline-text-label",labelContent:b,inputId:e,errorId:t,inlineMessage:"ex: (415)111-2222"},a.a.createElement(s.a,{id:e,placeholder:f,"aria-describedby":t}))},R=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e,hasTooltip:!0,showTooltip:!0},a.a.createElement(s.a,{id:e,placeholder:f}))},O=function(){var e=m()("text-input-id-");return a.a.createElement(u.b,{labelContent:b,inputId:e},a.a.createElement(s.a,{id:e,isBare:!0,placeholder:f}))};t.default=[{id:"default",label:"Default",element:a.a.createElement(u.b,{labelContent:b,inputId:"text-input-id-0"},a.a.createElement(s.a,{id:"text-input-id-0",placeholder:f}))}];var w=[{id:"input-required",label:"Required",element:a.a.createElement(h,null)},{id:"input-disabled",label:"Disabled",element:a.a.createElement(y,null)},{id:"input-error",label:"Error",element:a.a.createElement(E,null)},{id:"input-error-icon",label:"Error with icon",element:a.a.createElement(_,null)},{id:"read-only",label:"Readonly",element:a.a.createElement(x,null)},{id:"read-only-borders",label:"Readonly with borders",element:a.a.createElement(x,{hasBorders:!0})},{id:"static",label:"Static",element:a.a.createElement(u.h,null,a.a.createElement("span",{className:"slds-form-element__label"},"Input Label"),a.a.createElement(u.c,null,a.a.createElement("span",{className:"slds-form-element__static"},"Read Only")))}],D=[{id:"left-icon",label:"Left Icon",element:a.a.createElement(v,null)},{id:"right-icon",label:"Right Icon",element:a.a.createElement(I,null)},{id:"double-icon",label:"Left Icon & Clear Button",element:a.a.createElement(g,null)},{id:"double-icon-spinner",label:"Clear Button with Spinner",element:a.a.createElement(C,null)},{id:"email-input",label:"Email Input",element:a.a.createElement(S,{type:"email",label:"Email",placeholder:"Email"})},{id:"date-input",label:"Date Input",element:a.a.createElement(S,{type:"date"})},{id:"date-input-default",label:"Date Input w/ Date Selected by Default",element:a.a.createElement(S,{type:"date",value:"2023-09-25"})},{id:"search-input",label:"Search Input",element:a.a.createElement(S,{type:"search"})},{id:"url-input",label:"URL Input",element:a.a.createElement(S,{type:"url"})},{id:"tel-input",label:"Telephone Input",element:a.a.createElement(S,{type:"tel"})},{id:"fixed-text",label:"Fixed text",element:a.a.createElement(L,null)},{id:"inline-help",label:"Inline Help",element:a.a.createElement(N,null)},{id:"field-level-help",label:"Field level help",demoStyles:"\n padding-top: 3rem;\n position: relative;\n ",storybookStyles:"\n padding-top: 4rem;\n position: relative;\n ",element:a.a.createElement(R,null)},{id:"bare",label:"Bare",element:a.a.createElement(O,null)}]}});