@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 9.35 kB
JavaScript
var SLDS;!function(){"use strict";var e,t={1144:function(e,t,n){n.r(t),n.d(t,{examples:function(){return Z},states:function(){return R}});var l=n(1594),r=n.n(l),a=n(7412),i=n.n(a),o=n(5526),d=n(8347),s=n(6955),c=n(8542),u=n(2711),p=n(6333),m=n.n(p),b="Input Label",f="Placeholder text…",h=function(){var e=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:e,isRequired:!0},r().createElement(o.A,{id:e,placeholder:f,required:!0}))},E=function(){var e=m()("text-input-id-"),t=m()("error-message-id-");return r().createElement(u.ZS,{hasError:!0,labelContent:b,inputId:e,errorId:t,isRequired:!0,inlineMessage:"Enter a value."},r().createElement(o.A,{id:e,placeholder:f,required:!0,"aria-describedby":t}))},_=function(){var e=m()("text-input-id-"),t=m()("error-message-id-");return r().createElement(u.ZS,{hasError:!0,labelContent:b,inputId:e,hasLeftIcon:!0,errorId:t,isRequired:!0,inlineMessage:"Enter a value."},r().createElement(d.A,{className:"slds-input__icon",sprite:"utility",symbol:"error"}),r().createElement(o.A,{id:e,required:!0,placeholder:f,"aria-describedby":t}))},y=function(){var e=m()("text-input-id-"),t=m()("error-message-id-");return r().createElement(u.ZS,{isHorizontal:!0,hasError:!0,labelContent:b,inputId:e,hasLeftIcon:!0,errorId:t,isRequired:!0,inlineMessage:"Enter a value.",column:1},r().createElement(d.A,{className:"slds-input__icon",sprite:"utility",symbol:"error"}),r().createElement(o.A,{id:e,required:!0,placeholder:f,"aria-describedby":t}))},v=function(){var e=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:e},r().createElement(o.A,{id:e,placeholder:f,disabled:!0}))},x=function(e){var t=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:t},r().createElement(o.A,{id:t,readOnly:!0,hasBorders:e.hasBorders,defaultValue:"Read Only",placeholder:""}))},I=function(){var e=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:e,hasLeftIcon:!0},r().createElement(d.A,{className:"slds-icon slds-input__icon slds-input__icon_left slds-icon-text-default",sprite:"utility",symbol:"search"}),r().createElement(o.A,{id:e,placeholder:f}))},S=function(){var e=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:e,hasRightIcon:!0},r().createElement(d.A,{className:"slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default",sprite:"utility",symbol:"search"}),r().createElement(o.A,{id:e,placeholder:f}))},g=function(){var e=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:e,hasLeftIcon:!0,hasRightIcon:!0},r().createElement(d.A,{className:"slds-icon slds-input__icon slds-input__icon_left slds-icon-text-default",sprite:"utility",symbol:"search"}),r().createElement(o.A,{id:e,placeholder:f}),r().createElement(s.A,{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 r().createElement(u.ZS,{labelContent:b,inputId:e,hasLeftIcon:!0,hasRightIcon:!0,hasRightIconGroup:!0},r().createElement(d.A,{className:"slds-icon slds-input__icon slds-input__icon_left slds-icon-text-default",sprite:"utility",symbol:"search"}),r().createElement(o.A,{id:e,placeholder:f}),r().createElement("div",{className:"slds-input__icon-group slds-input__icon-group_right"},r().createElement(c.Spinner,{className:"slds-spinner_brand slds-spinner_x-small slds-input__spinner"}),r().createElement(s.A,{symbol:"clear",className:"slds-input__icon slds-input__icon_right",iconClassName:"slds-icon-text-light",assistiveText:"Clear",title:"Clear"})))},A=function(e){var t=m()("".concat(e.type,"-input-id-"));return r().createElement(u.ZS,{labelContent:e.label,inputId:t},r().createElement(o.A,{id:t,type:e.type,placeholder:e.placeholder,value:e.value}))};A.propTypes={type:i().string,label:i().string,placeholder:i().string},A.defaultProps={label:"Input Label"};var N=function(){var e=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:e,formControlClassName:"slds-input-has-fixed-addon",labelId:"fixed-text-label"},r().createElement("span",{className:"slds-form-element__addon",id:"fixed-text-addon-pre"},"$"),r().createElement(o.A,{id:e,placeholder:f,"aria-labelledby":"fixed-text-label fixed-text-addon-pre fixed-text-addon-post"}),r().createElement("span",{className:"slds-form-element__addon",id:"fixed-text-addon-post"},"euro"))},w=function(){var e=m()("text-input-id-"),t=m()("error-message-id-");return r().createElement(u.ZS,{labelId:"inline-text-label",labelContent:b,inputId:e,errorId:t,inlineMessage:"ex: (415)111-2222"},r().createElement(o.A,{id:e,placeholder:f,"aria-describedby":t}))},L=function(){var e=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:e,hasTooltip:!0,showTooltip:!0},r().createElement(o.A,{id:e,placeholder:f}))},O=function(){var e=m()("text-input-id-");return r().createElement(u.ZS,{labelContent:b,inputId:e},r().createElement(o.A,{id:e,isBare:!0,placeholder:f}))};t.default=[{id:"default",label:"Default",element:r().createElement(u.ZS,{labelContent:b,inputId:"text-input-id-0"},r().createElement(o.A,{id:"text-input-id-0",placeholder:f}))}];var R=[{id:"input-required",label:"Required",element:r().createElement(h,null)},{id:"input-disabled",label:"Disabled",element:r().createElement(v,null)},{id:"input-error",label:"Error",element:r().createElement(E,null)},{id:"input-error-icon",label:"Error with icon",element:r().createElement(_,null)},{id:"input-error-icon-horizontal",label:"Error with icon in Horizontal Form",element:r().createElement(y,null)},{id:"read-only",label:"Readonly",element:r().createElement(x,null)},{id:"read-only-borders",label:"Readonly with borders",element:r().createElement(x,{hasBorders:!0})},{id:"static",label:"Static",element:r().createElement(u.GN,null,r().createElement("span",{className:"slds-form-element__label"},"Input Label"),r().createElement(u.qz,null,r().createElement("span",{className:"slds-form-element__static"},"Read Only")))}],Z=[{id:"left-icon",label:"Left Icon",element:r().createElement(I,null)},{id:"right-icon",label:"Right Icon",element:r().createElement(S,null)},{id:"double-icon",label:"Left Icon & Clear Button",element:r().createElement(g,null)},{id:"double-icon-spinner",label:"Clear Button with Spinner",element:r().createElement(C,null)},{id:"email-input",label:"Email Input",element:r().createElement(A,{type:"email",label:"Email",placeholder:"Email"})},{id:"date-input",label:"Date Input",element:r().createElement(A,{type:"date"})},{id:"date-input-default",label:"Date Input w/ Date Selected by Default",element:r().createElement(A,{type:"date",value:"2023-09-25"})},{id:"search-input",label:"Search Input",element:r().createElement(A,{type:"search"})},{id:"url-input",label:"URL Input",element:r().createElement(A,{type:"url"})},{id:"tel-input",label:"Telephone Input",element:r().createElement(A,{type:"tel"})},{id:"fixed-text",label:"Fixed text",element:r().createElement(N,null)},{id:"inline-help",label:"Inline Help",element:r().createElement(w,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:r().createElement(L,null)},{id:"bare",label:"Bare",element:r().createElement(O,null)}]},1594:function(e){e.exports=React}},n={};function l(e){var r=n[e];if(void 0!==r)return r.exports;var a=n[e]={exports:{}};return t[e](a,a.exports,l),a.exports}l.m=t,l.amdO={},e=[],l.O=function(t,n,r,a){if(!n){var i=1/0;for(c=0;c<e.length;c++){n=e[c][0],r=e[c][1],a=e[c][2];for(var o=!0,d=0;d<n.length;d++)(!1&a||i>=a)&&Object.keys(l.O).every(function(e){return l.O[e](n[d])})?n.splice(d--,1):(o=!1,a<i&&(i=a));if(o){e.splice(c--,1);var s=r();void 0!==s&&(t=s)}}return t}a=a||0;for(var c=e.length;c>0&&e[c-1][2]>a;c--)e[c]=e[c-1];e[c]=[n,r,a]},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=1926,function(){var e={518:0,1117:0,1252:0,1578:0,1926:0,1974:0,2033:0,2274:0,2782:0,3140: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 r,a,i=n[0],o=n[1],d=n[2],s=0;if(i.some(function(t){return 0!==e[t]})){for(r in o)l.o(o,r)&&(l.m[r]=o[r]);if(d)var c=d(l)}for(t&&t(n);s<i.length;s++)a=i[s],l.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return l.O(c)},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 r=l.O(void 0,[6790],function(){return l(1144)});r=l.O(r),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/input/base/example.jsx.js"]=r}();