UNPKG

@salesforce-ux/design-system

Version:
7 lines 482 kB
(this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[]).push([[0],[,function(e,t,l){"use strict";var a,n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e}; /*! Copyright (c) 2016 Jed Watson. Licensed under the MIT License (MIT), see http://jedwatson.github.io/classnames */ !function(){var s={}.hasOwnProperty;function i(){for(var e=[],t=0;t<arguments.length;t++){var l=arguments[t];if(l){var a=void 0===l?"undefined":n(l);if("string"===a||"number"===a)e.push(l);else if(Array.isArray(l))e.push(i.apply(null,l));else if("object"===a)for(var r in l)s.call(l,r)&&l[r]&&e.push(r)}}return e.join(" ")}void 0!==e&&e.exports?e.exports=i:"object"===n(l(71))&&l(71)?void 0===(a=function(){return i}.apply(t,[]))||(e.exports=a):window.classNames=i}()},function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.HintParent=void 0;var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},n=function(){function e(e,t){for(var l=0;l<t.length;l++){var a=t[l];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(t,l,a){return l&&e(t.prototype,l),a&&e(t,a),t}}(),s=l(0),i=u(s),r=u(l(3)),d=u(l(4)),o=u(l(1));function u(e){return e&&e.__esModule?e:{default:e}}t.HintParent=function(e){return i.default.createElement("div",{className:"slds-hint-parent"},e.children)};var c=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,s.Component),n(t,[{key:"render",value:function(){var e=this.props,t=e.id,l=e.className,n=e.iconClassName,s=e.assistiveText,r=e.hasDropdown,u=e.size,c=e.variant,m=e.theme,f=e.feedback,p=e.selected,b=e.symbol,E=e.isFirst,h=e.isMiddle,v=e.isLast,_=e.useCurrentColor,y=function(e,t){var l={};for(var a in e)t.indexOf(a)>=0||Object.prototype.hasOwnProperty.call(e,a)&&(l[a]=e[a]);return l}(e,["id","className","iconClassName","assistiveText","hasDropdown","size","variant","theme","feedback","selected","symbol","isFirst","isMiddle","isLast","useCurrentColor"]);return"neutral"===m?(c="slds-button_icon-border-filled","medium"===u&&(u=null),r&&(c=null)):"inverse"===m?(c="slds-button_icon-inverse","medium"===u&&(c="slds-button_icon-border-inverse",u=null)):"brand"===m?(c="slds-button_icon-brand","medium"===u&&(u=null)):"transparent"===m&&(c="slds-button_icon-border","medium"===u&&(u=null),r&&(c=null)),i.default.createElement("button",a({id:t,className:(0,o.default)("slds-button slds-button_icon",p&&"slds-is-selected",{"slds-button_icon-more":r&&"neutral"===m,"slds-button_icon-container-more":r&&"transparent"===m,"slds-button_icon-current-color":_},{"slds-button_icon-container":"medium"===u,"slds-button_icon-small":"small"===u,"slds-button_icon-x-small":"x-small"===u,"slds-button_icon-xx-small":"xx-small"===u},{"slds-button_icon-error":"error"===f},{"slds-button_first":E,"slds-button_middle":h,"slds-button_last":v},c,l),"aria-haspopup":r?"true":this.props["aria-haspopup"]},y),i.default.createElement(d.default,{className:(0,o.default)("slds-button__icon",n),sprite:"utility",symbol:b||"settings"}),r&&i.default.createElement(d.default,{className:"slds-button__icon slds-button__icon_x-small",sprite:"utility",symbol:"down"}),i.default.createElement("span",{className:"slds-assistive-text"},s||"Provide description of action"))}}]),t}();c.propTypes={id:r.default.string,symbol:r.default.string,theme:r.default.string,assistiveText:r.default.string,useCurrentColor:r.default.bool,title:r.default.string},t.default=c},function(e,t,l){"use strict";"function"==typeof Symbol&&Symbol.iterator;e.exports=l(274)()},function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},n=function(){function e(e,t){for(var l=0;l<t.length;l++){var a=t[l];a.enumerable=a.enumerable||!1,a.configurable=!0,"value"in a&&(a.writable=!0),Object.defineProperty(e,a.key,a)}}return function(t,l,a){return l&&e(t.prototype,l),a&&e(t,a),t}}(),s=r(l(0)),i=r(l(3));function r(e){return e&&e.__esModule?e:{default:e}}var d=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,s.default.Component),n(t,[{key:"render",value:function(){var e=this.props,t=(e.sprite,e.symbol,function(e,t){var l={};for(var a in e)t.indexOf(a)>=0||Object.prototype.hasOwnProperty.call(e,a)&&(l[a]=e[a]);return l}(e,["sprite","symbol"]));return s.default.createElement("svg",a({},t,{"aria-hidden":!0}),s.default.createElement("use",{xlinkHref:this.getHref()}))}},{key:"getHref",value:function(){if(this.props.sprite&&this.props.symbol){var e=this.props;return"/assets/icons/"+e.sprite+"-sprite/svg/symbols.svg#"+e.symbol}}}]),t}();d.propTypes={className:i.default.string,sprite:i.default.string,symbol:i.default.string},t.default=d},function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.CannotBeSetWith=t.IsDependentOn=t.getDisplayElementById=void 0;var a=f(l(0)),n=f(l(270)),s=f(l(269)),i=f(l(268)),r=f(l(267)),d=f(l(266)),o=f(l(265)),u=f(l(263)),c=f(l(262)),m=f(l(261));function f(e){return e&&e.__esModule?e:{default:e}}var p=function(){var e={},t=0,l=function(t){return null!=e[t]?e[t]:function(t){e[t]=0}(t)},a=function(t){return l(t),t+function(t){return e[t]=e[t]+1,e[t]}(t)};return function(e){return e?a(e):t++}}();t.getDisplayElementById=function(e,t){if(!Array.isArray(e)||!e.every(function(e){return e.hasOwnProperty("id")&&a.default.isValidElement(e.element)}))throw new Error(JSON.stringify(e,null,2)+" has broken schema that requires an array of example/state objects with 'id' and 'element' properties");var l=e.filter(function(e){return e.id===t});if(l&&l[0])return l[0].element;throw new Error('No display element with id "'+t+'" found')};t.default={omit:n.default,range:s.default,reverse:i.default,startCase:r.default,times:d.default,truncate:o.default,uniqueId:p,upperFirst:u.default},t.IsDependentOn=c.default,t.CannotBeSetWith=m.default},function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.examples=t.UtilityIcon=void 0;var a=r(l(0)),n=r(l(3)),s=r(l(4)),i=r(l(1));function r(e){return e&&e.__esModule?e:{default:e}}var d=t.UtilityIcon=function(e){var t=e.symbol||"announcement";return a.default.createElement("span",{className:(0,i.default)("slds-icon_container slds-icon-utility-"+t,{"slds-current-color":e.useCurrentColor},e.containerClassName),title:!1!==e.title?e.title||"Description of icon when needed":null},a.default.createElement(s.default,{className:(0,i.default)("slds-icon",{"slds-icon_xx-small":"xx-small"===e.size,"slds-icon_x-small":"x-small"===e.size,"slds-icon_small":"small"===e.size,"slds-icon_large":"large"===e.size},e.className),sprite:"utility",symbol:t}),!1!==e.assistiveText?a.default.createElement("span",{className:"slds-assistive-text"},e.assistiveText||"Description of icon when needed"):null)};d.displayName="UtilityIcon",d.propTypes={assistiveText:n.default.oneOfType([n.default.string,n.default.bool]),size:n.default.oneOf(["large","small","x-small","xx-small"]),title:n.default.oneOfType([n.default.string,n.default.bool]),useCurrentColor:n.default.bool},t.default=a.default.createElement(d,{className:"slds-icon-text-default"});t.examples=[{id:"currentColor",label:"Current Color",element:a.default.createElement(d,{containerClassName:"slds-current-color"})}]},function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.Fieldset=t.FormElement=t.Legend=t.FieldsetWrapper=t.FormElementStatic=t.FormElementHelpMessage=t.FormElementTooltip=t.FormElementSpanFauxLabel=t.FormElementLabel=t.FormElementControl=t.SimpleFormElementWrapper=void 0;var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},n=o(l(0)),s=o(l(3)),i=o(l(1)),r=o(l(2)),d=l(30);function o(e){return e&&e.__esModule?e:{default:e}}function u(e,t){var l={};for(var a in e)t.indexOf(a)>=0||Object.prototype.hasOwnProperty.call(e,a)&&(l[a]=e[a]);return l}var c=function(e){var t=e.isEditable,l=e.isViewMode,s=e.hasHint,r=e.hasError,d=e.isStacked,o=e.isHorizontal,c=e.isEditing,m=e.isEdited,f=e.column,p=e.role,b=e.className,E=e.children,h=u(e,["isEditable","isViewMode","hasHint","hasError","isStacked","isHorizontal","isEditing","isEdited","column","role","className","children"]),v=(0,i.default)("slds-form-element",{"slds-form-element_edit":t,"slds-form-element_readonly":l,"slds-form-element_stacked":d,"slds-form-element_horizontal":o,"slds-hint-parent":s,"slds-has-error":r,"slds-is-editing":c,"slds-is-edited":m},f&&"slds-form-element_"+f+"-col",b);return n.default.createElement("div",a({className:v,role:p},h),E)};t.SimpleFormElementWrapper=c,c.propTypes={children:s.default.node,role:s.default.string,isEditable:s.default.bool,isEditing:s.default.bool,isEdited:s.default.bool,isViewMode:s.default.bool,isStacked:s.default.bool,isHorizontal:s.default.bool,hasHint:s.default.bool,hasError:s.default.bool,column:s.default.number};var m=t.FormElementControl=function(e){var t=e.className,l=e.children;return n.default.createElement("div",{className:(0,i.default)("slds-form-element__control",t)},l)};m.propTypes={children:s.default.node,className:s.default.string};var f=t.FormElementLabel=function(e){var t=e.isRequired,l=e.labelContent,a=e.hasHiddenLabel,s=e.labelId,r=e.labelClassName,d=e.inputId;return n.default.createElement("label",{className:(0,i.default)("slds-form-element__label",a&&"slds-assistive-text",r),htmlFor:d,id:s},t&&n.default.createElement("abbr",{className:"slds-required",title:"required"},"* "," "),l)};f.propTypes={labelId:s.default.string,inputId:s.default.string,labelContent:s.default.node,labelClassName:s.default.string,hasHiddenLabel:s.default.bool,isRequired:s.default.bool};var p=t.FormElementSpanFauxLabel=function(e){var t=e.isRequired,l=e.children,a=e.labelId;return n.default.createElement("span",{id:a,className:"slds-form-element__label"},t&&n.default.createElement("abbr",{className:"slds-required",title:"required"},"* "," "),l)};p.propTypes={children:s.default.node,isRequired:s.default.bool,labelId:s.default.string};var b=t.FormElementTooltip=function(e){var t=e.showTooltip;return n.default.createElement("div",{className:"slds-form-element__icon"},n.default.createElement(r.default,{"aria-describedby":t&&"help",symbol:"info",assistiveText:"Help"}),t&&n.default.createElement(d.Tooltip,{className:"slds-nubbin_bottom-left",id:"help",style:{position:"absolute",top:"-45px",left:"-15px",width:"170px"}},"Some helpful information"))};b.propTypes={showTooltip:s.default.bool};var E=t.FormElementHelpMessage=function(e){var t=e.errorId,l=e.children;return n.default.createElement("div",{className:"slds-form-element__help",id:t},l)};E.propTypes={errorId:s.default.string,children:s.default.node},(t.FormElementStatic=function(e){var t=e.isLongform,l=e.children;return n.default.createElement("div",{className:(0,i.default)("slds-form-element__static",t&&"slds-text-longform")},l)}).propTypes={isLongform:s.default.bool,children:s.default.node};var h=t.FieldsetWrapper=function(e){var t=e.id,l=e.hasCompoundFields,a=e.hasError,s=e.isRequired,r=e.isEditing,d=e.isEdited,o=e.isStacked,u=e.isHorizontal,c=e.isAddress,m=e.isDeprecated,f=e.column,p=e.children;return n.default.createElement("fieldset",{id:t,className:(0,i.default)("slds-form-element",{"slds-form-element_compound":l&&!m,"slds-form_compound":l&&m,"slds-form-element_address":c,"slds-has-error":a,"slds-is-required":s,"slds-is-editing":r,"slds-is-edited":d,"slds-form-element_stacked":o,"slds-form-element_horizontal":u},f&&"slds-form-element_"+f+"-col")},p)};h.propTypes={id:s.default.string,hasCompoundFields:s.default.bool,children:s.default.node,hasError:s.default.bool,isRequired:s.default.bool,isStacked:s.default.bool,isHorizontal:s.default.bool,isEditing:s.default.bool,isEdited:s.default.bool,isAddress:s.default.bool,isDeprecated:s.default.bool,column:s.default.number};var v=t.Legend=function(e){var t=e.isRequired,l=e.hasTooltip,a=e.hasHiddenLabel,s=e.children;return n.default.createElement(n.default.Fragment,null,n.default.createElement("legend",{className:(0,i.default)("slds-form-element__legend slds-form-element__label",a&&"slds-assistive-text")},t&&n.default.createElement("abbr",{className:"slds-required",title:"required"},"* "," "),s),l&&n.default.createElement("div",{className:"slds-form-element__icon"},n.default.createElement(r.default,{symbol:"info",assistiveText:"Help"})))};v.propTypes={children:s.default.node,isRequired:s.default.bool,hasHiddenLabel:s.default.bool,hasTooltip:s.default.bool};var _=function(e){var t=e.formElementClassName,l=e.formControlClassName,s=e.isRequired,d=e.isEditable,o=e.isViewMode,h=e.isStacked,v=e.isHorizontal,_=e.isEditing,y=e.isEdited,g=e.hasHint,x=e.hasError,N=e.hasFauxLabel,I=e.labelId,C=e.labelClassName,w=e.labelContent,T=e.hasHiddenLabel,S=e.inputId,O=e.hasLeftIcon,k=e.hasRightIcon,M=e.hasRightIconGroup,P=e.errorId,L=e.hasTooltip,F=e.showTooltip,A=e.inlineMessage,R=e.column,j=e.role,q=e.dropdown,D=e.children,B=u(e,["formElementClassName","formControlClassName","isRequired","isEditable","isViewMode","isStacked","isHorizontal","isEditing","isEdited","hasHint","hasError","hasFauxLabel","labelId","labelClassName","labelContent","hasHiddenLabel","inputId","hasLeftIcon","hasRightIcon","hasRightIconGroup","errorId","hasTooltip","showTooltip","inlineMessage","column","role","dropdown","children"]),z=void 0;return M?z="slds-input-has-icon slds-input-has-icon_left-right slds-input-has-icon_group-right":O&&k?z="slds-input-has-icon slds-input-has-icon_left-right":O?z="slds-input-has-icon slds-input-has-icon_left":k&&(z="slds-input-has-icon slds-input-has-icon_right"),n.default.createElement(c,a({},B,{className:(0,i.default)(t),hasError:x,hasHint:g,isViewMode:o,isEditable:d,isStacked:h,isHorizontal:v,isEditing:_,isEdited:y,role:j,column:R}),w&&(o||N?n.default.createElement(p,{isRequired:s,hasTooltip:L,labelId:I},w):n.default.createElement(f,{isRequired:s,labelContent:w,hasHiddenLabel:T,labelId:I,labelClassName:C,inputId:S})),L&&n.default.createElement(b,{showTooltip:F}),n.default.createElement(m,{className:(0,i.default)(z,l)},y&&n.default.createElement("div",{className:"slds-form-element__undo"},n.default.createElement(r.default,{symbol:"undo",assistiveText:"Undo "+w})),D),A&&n.default.createElement(E,{errorId:P},A),q)};t.FormElement=_,_.propTypes={children:s.default.node,labelId:s.default.string,inputId:s.default.string,errorId:s.default.string,labelContent:s.default.node,isRequired:s.default.bool,isEditable:s.default.bool,isEditing:s.default.bool,isEdited:s.default.bool,isStacked:s.default.bool,isHorizontal:s.default.bool,hasHiddenLabel:s.default.bool,hasLeftIcon:s.default.bool,hasRightIcon:s.default.bool,hasRightIconGroup:s.default.bool,hasTooltip:s.default.bool,hasError:s.default.bool,hasFauxLabel:s.default.bool,showTooltip:s.default.bool,dropdown:s.default.node,inlineMessage:s.default.string,formElementClassName:s.default.string,formControlClassName:s.default.string,column:s.default.number},(t.Fieldset=function(e){var t=e.id,l=e.label,a=e.isRequired,s=e.isEditing,i=e.isStacked,r=e.isHorizontal,d=e.isAddress,o=e.isDeprecated,u=e.column,c=e.hasError,f=e.hasCompoundFields,p=e.hasTooltip,b=e.hasHiddenLabel,_=e.errorId,y=e.inlineMessage,g=e.children;return n.default.createElement(h,{id:t,isRequired:a,isEditing:s,isStacked:i,isHorizontal:r,isAddress:d,hasError:c,hasCompoundFields:f,column:u,isDeprecated:o},n.default.createElement(v,{isRequired:a,hasTooltip:p,hasHiddenLabel:b},l),n.default.createElement(m,null,g),y&&n.default.createElement(E,{errorId:_},y))}).propTypes={id:s.default.string,children:s.default.node,label:s.default.string,isRequired:s.default.bool,isEditing:s.default.bool,isStacked:s.default.bool,isHorizontal:s.default.bool,isAddress:s.default.bool,isDeprecated:s.default.bool,hasHiddenLabel:s.default.bool,hasCompoundFields:s.default.bool,hasTooltip:s.default.bool,hasError:s.default.bool,errorId:s.default.string,inlineMessage:s.default.string,column:s.default.number}},function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.states=t.examples=t.Button=void 0;var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},n=d(l(0)),s=d(l(3)),i=d(l(1)),r=l(5);function d(e){return e&&e.__esModule?e:{default:e}}var o=function(e){var t=e.className,l=e.disabled,s=e.isBrand,r=e.isNeutral,d=e.isOutlineBrand,o=e.isInverse,u=e.isDestructive,c=e.isTextDestructive,m=e.isSuccess,f=e.isFullWidth,p=e.isStretch,b=e.isFirst,E=e.isMiddle,h=e.isLast,v=e.use,_=function(e,t){var l={};for(var a in e)t.indexOf(a)>=0||Object.prototype.hasOwnProperty.call(e,a)&&(l[a]=e[a]);return l}(e,["className","disabled","isBrand","isNeutral","isOutlineBrand","isInverse","isDestructive","isTextDestructive","isSuccess","isFullWidth","isStretch","isFirst","isMiddle","isLast","use"]),y=(0,i.default)("slds-button",{"slds-button_brand":s,"slds-button_neutral":r,"slds-button_outline-brand":d,"slds-button_inverse":o,"slds-button_destructive":u,"slds-button_text-destructive":c,"slds-button_success":m,"slds-button_full-width":f,"slds-button_stretch":p,"slds-button_first":b,"slds-button_middle":E,"slds-button_last":h},t);return n.default.createElement(n.default.Fragment,null,"a"===v?n.default.createElement("a",a({className:y},_,{href:"javascript:void(0);"}),e.children):n.default.createElement("button",a({className:y,disabled:l},_),e.children))};t.Button=o,o.displayName="Button",o.propTypes={className:s.default.string,disabled:s.default.bool,isBrand:s.default.bool,isNeutral:s.default.bool,isOutlineBrand:s.default.bool,isInverse:s.default.bool,isDestructive:s.default.bool,isTextDestructive:s.default.bool,isSuccess:s.default.bool,isFullWidth:s.default.bool,isStretch:s.default.bool,isFirst:s.default.bool,isMiddle:s.default.bool,isLast:s.default.bool,use:(0,r.CannotBeSetWith)("disabled",s.default.oneOf(["a"]))},t.default=n.default.createElement(o,null,"Button");t.examples=[{id:"neutral",label:"Neutral",element:n.default.createElement(o,{isNeutral:!0},"Neutral Button")},{id:"brand",label:"Brand",element:n.default.createElement(o,{isBrand:!0},"Brand Button")},{id:"outline-brand",label:"Outline Brand",element:n.default.createElement(o,{isOutlineBrand:!0},"Outline Brand Button")},{id:"inverse",label:"Inverse",element:n.default.createElement("div",{style:{backgroundColor:"#16325c",padding:"0.5rem"}},n.default.createElement(o,{isInverse:!0},"Inverse Button"))},{id:"destructive",label:"Destructive",element:n.default.createElement(o,{isDestructive:!0},"Destructive Button")},{id:"text-destructive",label:"Text Destructive",element:n.default.createElement(o,{isTextDestructive:!0},"Text Destructive Button")},{id:"success",label:"Success",element:n.default.createElement(o,{isSuccess:!0},"Success Button")},{id:"stretch",label:"Stretch",element:n.default.createElement(o,{isStretch:!0,isNeutral:!0},"Stretched Neutral Button")},{id:"base-link",label:"Base as a Link",element:n.default.createElement(o,{use:"a"},"Base Link")},{id:"neutral-link",label:"Neutral as a Link",element:n.default.createElement(o,{use:"a",isNeutral:!0},"Neutral Link")},{id:"brand-link",label:"Brand as a Link",element:n.default.createElement(o,{use:"a",isBrand:!0},"Brand Link")},{id:"outline-brand-link",label:"Outline Brand as a Link",element:n.default.createElement(o,{use:"a",isOutlineBrand:!0},"Outline Brand Link")},{id:"inverse-link",label:"Inverse as a Link",element:n.default.createElement("div",{style:{backgroundColor:"#16325c",padding:"0.5rem"}},n.default.createElement(o,{use:"a",isInverse:!0},"Inverse Link"))},{id:"destructive-link",label:"Destructive as a Link",element:n.default.createElement(o,{use:"a",isDestructive:!0},"Destructive Link")},{id:"text-destructive-link",label:"Text Destructive as a Link",element:n.default.createElement(o,{use:"a",isTextDestructive:!0},"Text Destructive Link")},{id:"success-link",label:"Success as a Link",element:n.default.createElement(o,{use:"a",isSuccess:!0},"Success Link")},{id:"stretch-link",label:"Stretch as a Link",element:n.default.createElement(o,{use:"a",isStretch:!0,isNeutral:!0},"Stretched Neutral Link")}],t.states=[{id:"disabled",label:"Disabled",element:n.default.createElement(o,{disabled:!0},"Button")},{id:"neutral-disabled",label:"Neutral - Disabled",element:n.default.createElement(o,{isNeutral:!0,disabled:!0},"Neutral Button")},{id:"brand-disabled",label:"Brand - Disabled",element:n.default.createElement(o,{isBrand:!0,disabled:!0},"Brand Button")},{id:"outline-brand-disabled",label:"Outline Brand - Disabled",element:n.default.createElement(o,{isOutlineBrand:!0,disabled:!0},"Outline Brand Button")},{id:"inverse-disabled",label:"Inverse - Disabled",element:n.default.createElement("div",{style:{backgroundColor:"#16325c",padding:"0.5rem"}},n.default.createElement(o,{isInverse:!0,disabled:!0},"Inverse Button"))},{id:"destructive-disabled",label:"Destructive - Disabled",element:n.default.createElement(o,{isDestructive:!0,disabled:!0},"Destructive Button")},{id:"text-destructive-disabled",label:"Text Destructive - Disabled",element:n.default.createElement(o,{isTextDestructive:!0,disabled:!0},"Text Destructive Button")},{id:"success-disabled",label:"Success - Disabled",element:n.default.createElement(o,{isSuccess:!0,disabled:!0},"Success Button")}]},function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.examples=t.states=t.Input=void 0;var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},n=c(l(0)),s=c(l(3)),i=c(l(4)),r=c(l(2)),d=c(l(1)),o=l(29),u=l(7);function c(e){return e&&e.__esModule?e:{default:e}}var m="Input Label",f="text-input-id-1",p="error-message-unique-id",b="Placeholder Text",E=t.Input=function(e){return n.default.createElement("input",a({},e,{id:e.id||f,className:(0,d.default)("slds-input",e.className),type:e.type||"text",placeholder:e.placeholder,readOnly:e.readOnly,defaultValue:e.defaultValue}))};E.propTypes={placeholder:s.default.string};t.default=n.default.createElement(u.FormElement,{labelContent:m,inputId:f},n.default.createElement(E,{id:f,placeholder:b}));t.states=[{id:"input-required",label:"Required",element:n.default.createElement(function(e){return n.default.createElement(u.FormElement,{labelContent:m,inputId:f,isRequired:!0},n.default.createElement(E,{id:f,placeholder:b,required:!0}))},null)},{id:"input-disabled",label:"Disabled",element:n.default.createElement(function(e){return n.default.createElement(u.FormElement,{labelContent:m,inputId:f},n.default.createElement(E,{id:f,placeholder:b,disabled:!0}))},null)},{id:"input-error",label:"Error",element:n.default.createElement(function(e){return n.default.createElement(u.FormElement,{hasError:!0,labelContent:m,inputId:f,errorId:e.errorId,isRequired:!0,inlineMessage:"This field is required"},n.default.createElement(E,{id:f,placeholder:b,required:!0,"aria-describedby":e.errorId}))},{errorId:p})},{id:"input-error-icon",label:"Error with icon",element:n.default.createElement(function(e){return n.default.createElement(u.FormElement,{hasError:!0,labelContent:m,inputId:f,hasLeftIcon:!0,errorId:e.errorId,isRequired:!0,inlineMessage:"This field is required"},n.default.createElement(i.default,{className:"slds-input__icon",sprite:"utility",symbol:"error"}),n.default.createElement(E,{id:f,required:!0,placeholder:b,"aria-describedby":e.errorId}))},{errorId:p})},{id:"read-only",label:"Readonly",element:n.default.createElement(function(e){return n.default.createElement(u.FormElement,{labelContent:m,inputId:f},n.default.createElement(E,{id:f,readOnly:!0,defaultValue:"Read Only",placeholder:""}))},null)},{id:"static",label:"Static",element:n.default.createElement(u.SimpleFormElementWrapper,null,n.default.createElement("span",{className:"slds-form-element__label"},"Input Label"),n.default.createElement(u.FormElementControl,null,n.default.createElement("span",{className:"slds-form-element__static"},"Read Only")))}],t.examples=[{id:"left-icon",label:"Left Icon",element:n.default.createElement(u.FormElement,{labelContent:m,inputId:f,hasLeftIcon:!0},n.default.createElement(i.default,{className:"slds-icon slds-input__icon slds-input__icon_left slds-icon-text-default",sprite:"utility",symbol:"search"}),n.default.createElement(E,{id:f,placeholder:b}))},{id:"right-icon",label:"Right Icon",element:n.default.createElement(u.FormElement,{labelContent:m,inputId:f,hasRightIcon:!0},n.default.createElement(i.default,{className:"slds-icon slds-input__icon slds-input__icon_right slds-icon-text-default",sprite:"utility",symbol:"search"}),n.default.createElement(E,{id:f,placeholder:b}))},{id:"double-icon",label:"Left Icon & Clear Button",element:n.default.createElement(u.FormElement,{labelContent:m,inputId:f,hasLeftIcon:!0,hasRightIcon:!0},n.default.createElement(i.default,{className:"slds-icon slds-input__icon slds-input__icon_left slds-icon-text-default",sprite:"utility",symbol:"search"}),n.default.createElement(E,{id:f,placeholder:b}),n.default.createElement(r.default,{symbol:"clear",className:"slds-input__icon slds-input__icon_right",iconClassName:"slds-icon-text-light",assistiveText:"Clear",title:"Clear"}))},{id:"double-icon-spinner",label:"Clear Button with Spinner",element:n.default.createElement(u.FormElement,{labelContent:m,inputId:f,hasLeftIcon:!0,hasRightIcon:!0,hasRightIconGroup:!0},n.default.createElement(i.default,{className:"slds-icon slds-input__icon slds-input__icon_left slds-icon-text-default",sprite:"utility",symbol:"search"}),n.default.createElement(E,{id:f,placeholder:b}),n.default.createElement("div",{className:"slds-input__icon-group slds-input__icon-group_right"},n.default.createElement(o.Spinner,{className:"slds-spinner_brand slds-spinner_x-small slds-input__spinner"}),n.default.createElement(r.default,{symbol:"clear",className:"slds-input__icon slds-input__icon_right",iconClassName:"slds-icon-text-light",assistiveText:"Clear",title:"Clear"})))},{id:"fixed-text",label:"Fixed text",element:n.default.createElement(u.FormElement,{labelContent:m,inputId:f,formControlClassName:"slds-input-has-fixed-addon",labelId:"fixed-text-label"},n.default.createElement("span",{className:"slds-form-element__addon",id:"fixed-text-addon-pre"},"$"),n.default.createElement(E,{id:f,placeholder:b,"aria-labelledby":"fixed-text-label fixed-text-addon-pre fixed-text-addon-post"}),n.default.createElement("span",{className:"slds-form-element__addon",id:"fixed-text-addon-post"},"euro"))},{id:"inline-help",label:"Inline Help",element:n.default.createElement(u.FormElement,{labelId:"inline-text-label",labelContent:m,inputId:f},n.default.createElement(E,{id:f,placeholder:b,"aria-labelledby":"inline-text-label"}),n.default.createElement("div",{className:"slds-form-element__help"},"ex: (415)111-2222"))},{id:"field-level-help",label:"Field level help",element:n.default.createElement("div",{style:{paddingTop:"3rem",position:"relative"}},n.default.createElement(u.FormElement,{labelContent:m,inputId:f,hasTooltip:!0,showTooltip:!0},n.default.createElement(E,{id:f,placeholder:b})))},{id:"increment-decrement-counter",label:"Counter",element:n.default.createElement(u.FormElement,{formElementClassName:"slds-text-align_center",labelContent:m,inputId:f,labelClassName:"slds-m-right_none"},n.default.createElement(r.default,{className:"slds-button_icon-small slds-input__button_decrement",symbol:"ban",assistiveText:"Decrement counter",title:"Decrement counter"}),n.default.createElement(E,{className:"slds-input_counter",id:f,type:"number",placeholder:"1"}),n.default.createElement(r.default,{className:"slds-button_icon-small slds-input__button_increment",symbol:"new",assistiveText:"Increment counter",title:"Increment counter"}))}]},function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.examples=t.Context=t.NotificationsMenu=t.ActionOverflow=t.IconRight=t.DoubleIcon=t.IconLeft=t.SubHeader=t.OverflowMenu=t.BaseMenu=t.MenuItem=t.MenuList=t.Menu=t.Trigger=void 0;var a=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},n=u(l(0)),s=u(l(3)),i=u(l(2)),r=u(l(4)),d=u(l(1)),o=l(6);function u(e){return e&&e.__esModule?e:{default:e}}var c=n.default.createElement(r.default,{className:"slds-icon slds-icon_x-small slds-icon-text-default slds-m-left_small slds-shrink-none",sprite:"utility",symbol:"table"}),m=n.default.createElement(r.default,{className:"slds-icon slds-icon_x-small slds-icon-text-default slds-m-left_small slds-shrink-none",sprite:"utility",symbol:"kanban"}),f=n.default.createElement(r.default,{className:"slds-icon slds-icon_x-small slds-icon-text-default slds-m-left_small slds-shrink-none",sprite:"utility",symbol:"side_list"}),p=t.Trigger=function(e){return n.default.createElement("div",{className:(0,d.default)("slds-dropdown-trigger slds-dropdown-trigger_click",{"slds-is-open":e.isOpen},e.className)},e.triggerIcon?e.triggerIcon:n.default.createElement(i.default,{className:(0,d.default)(e.inverse?"slds-button_icon-border-inverse":"slds-button_icon-border-filled"),symbol:"down",assistiveText:"Show More",title:"Show More","aria-haspopup":"true"}),e.children)},b=t.Menu=function(e){return n.default.createElement("div",{className:(0,d.default)("slds-dropdown",e.className),style:e.style},e.children)},E=t.MenuList=function(e){return n.default.createElement("ul",{className:(0,d.default)("slds-dropdown__list",e.className),role:"menu","aria-label":e.ariaLabel},e.children)},h=function(e){var t=e.className,l=e.isSelectable,s=e.isSelected,i=e.children,o=e.iconLeft,u=e.iconRight,c=e.tabIndex,m=e.title,f=e.statusLevel,p=function(e,t){var l={};for(var a in e)t.indexOf(a)>=0||Object.prototype.hasOwnProperty.call(e,a)&&(l[a]=e[a]);return l}(e,["className","isSelectable","isSelected","children","iconLeft","iconRight","tabIndex","title","statusLevel"]),b=void 0;l&&(b=s?"true":"false");return n.default.createElement("li",a({},p,{className:(0,d.default)("slds-dropdown__item",{"slds-is-selected":l&&s},t),role:"presentation"}),n.default.createElement("a",{"aria-checked":b,className:(0,d.default)({"slds-has-error":"error"===f,"slds-has-success":"success"===f,"slds-has-warning":"warning"===f})||void 0,href:"javascript:void(0);",role:l?"menuitemcheckbox":"menuitem",tabIndex:c||"-1"},n.default.createElement("span",{className:"slds-truncate",title:m||i},l?n.default.createElement(r.default,{className:"slds-icon slds-icon_selected slds-icon_x-small slds-icon-text-default slds-m-right_x-small",sprite:"utility",symbol:"check"}):o,i),u||null))};t.MenuItem=h,h.displayName="MenuItem",h.propTypes={children:s.default.node.isRequired,statusLevel:s.default.oneOf(["error","success","warning"])};t.BaseMenu=function(e){return n.default.createElement(p,{className:"slds-is-open"},n.default.createElement(b,{className:(0,d.default)(e.className)},n.default.createElement(E,{ariaLabel:"Show More"},n.default.createElement(h,{tabIndex:"0"},"Menu Item One"),n.default.createElement(h,null,"Menu Item Two"),n.default.createElement(h,null,"Menu Item Three"),n.default.createElement("li",{className:"slds-has-divider_top-space",role:"separator"}),n.default.createElement(h,null,"Menu Item Four"))))},t.OverflowMenu=function(e){return n.default.createElement(p,{className:"slds-is-open"},n.default.createElement(b,{className:(0,d.default)(e.className)},n.default.createElement(E,{ariaLabel:"Show More"},n.default.createElement(h,{tabIndex:"0",isSelectable:e.isSelectable,isSelected:e.isSelected},"Menu Item One"),n.default.createElement(h,{isSelectable:e.isSelectable},"Menu Item Two"),n.default.createElement(h,{isSelectable:e.isSelectable},"Menu Item Three"),n.default.createElement("li",{className:"slds-has-divider_top-space",role:"separator"}),n.default.createElement(h,{isSelectable:e.isSelectable},"Menu Item Four"),n.default.createElement(h,{isSelectable:e.isSelectable},"Menu Item Five"),n.default.createElement(h,{isSelectable:e.isSelectable},"Menu Item Six"),n.default.createElement(h,{isSelectable:e.isSelectable},"Menu Item Seven"),n.default.createElement(h,{isSelectable:e.isSelectable},"Menu Item Eight"),n.default.createElement(h,{isSelectable:e.isSelectable},"Menu Item Nine"))))};var v=t.SubHeader=function(e){return n.default.createElement(p,{className:"slds-is-open"},n.default.createElement(b,{className:"slds-dropdown_left slds-dropdown_small"},n.default.createElement(E,{ariaLabel:"Show More"},n.default.createElement("li",{className:"slds-dropdown__header slds-truncate",title:"Menu Sub Heading",role:"separator"},n.default.createElement("span",null,"Menu Sub Heading")),n.default.createElement(h,{tabIndex:"0"},"Menu Item One"),n.default.createElement(h,null,"Menu Item Two"),n.default.createElement("li",{className:"slds-dropdown__header slds-truncate",title:"Menu Sub Heading",role:"separator"},n.default.createElement("span",null,"Menu Sub Heading")),n.default.createElement(h,null,"Menu Item One"),n.default.createElement(h,null,"Menu Item Two"))))},_=t.IconLeft=function(e){return n.default.createElement(p,{className:"slds-is-open"},n.default.createElement(b,{className:"slds-dropdown_left slds-dropdown_small"},n.default.createElement(E,{ariaLabel:"Show More"},n.default.createElement(h,{isSelected:e.isSelectable,isSelectable:e.isSelectable,iconLeft:n.default.createElement(r.default,{className:"slds-icon slds-icon_x-small slds-icon-text-default slds-m-right_x-small",sprite:"utility",symbol:"user"}),tabIndex:"0"},"Menu Item One"),n.default.createElement(h,{isSelectable:e.isSelectable,iconLeft:n.default.createElement(r.default,{className:"slds-icon slds-icon_x-small slds-icon-text-default slds-m-right_x-small",sprite:"utility",symbol:"user"})},"Menu Item Two"),n.default.createElement(h,{isSelectable:e.isSelectable,iconLeft:n.default.createElement(r.default,{className:"slds-icon slds-icon_x-small slds-icon-text-default slds-m-right_x-small",sprite:"utility",symbol:"user"})},"Menu Item Three"))))},y=t.DoubleIcon=function(e){return n.default.createElement(p,{className:"slds-is-open"},n.default.createElement(b,{className:"slds-dropdown_left slds-dropdown_small"},n.default.createElement(E,{ariaLabel:"Show More"},n.default.createElement(h,{isSelected:"true",isSelectable:!0,iconRight:c,tabIndex:"0"},"Table View"),n.default.createElement(h,{isSelectable:!0,iconRight:m},"Kanban Board"),n.default.createElement(h,{isSelectable:!0,iconRight:f},"List View"))))},g=t.IconRight=function(e){return n.default.createElement(p,{className:"slds-is-open"},n.default.createElement(b,{className:"slds-dropdown_left slds-dropdown_small"},n.default.createElement(E,{ariaLabel:"Show More"},n.default.createElement(h,{iconRight:c,tabIndex:"0"},"Table View"),n.default.createElement(h,{iconRight:m},"Kanban Board"),n.default.createElement(h,{iconRight:f},"List View"))))},x=t.ActionOverflow=function(e){return n.default.createElement(p,{className:"slds-is-open",triggerIcon:n.default.createElement(i.default,{className:"slds-button_icon-border-filled slds-button_icon-x-small",symbol:"down",assistiveText:"Show More","aria-haspopup":"true",title:"Show More"})},n.default.createElement(b,{className:"slds-dropdown_left slds-dropdown_actions"},n.default.createElement(E,{ariaLabel:"Show More"},n.default.createElement(h,{tabIndex:"0"},"Action One"),n.default.createElement(h,null,"Action Two"),n.default.createElement(h,null,"Action Three"))))},N=t.NotificationsMenu=function(e){return n.default.createElement(p,{isOpen:!0},n.default.createElement(b,{className:"slds-dropdown_left"},n.default.createElement(E,null,n.default.createElement(h,{statusLevel:"success",title:"Success Item"},n.default.createElement("span",{className:"slds-m-horizontal_xx-small"},n.default.createElement(o.UtilityIcon,{assistiveText:"success",size:"x-small",symbol:"success",title:"success"})),n.default.createElement("span",null,"Success Item")),n.default.createElement(h,{iconLeft:n.default.createElement(r.default,{className:"slds-icon slds-icon_x-small slds-icon-text-default slds-m-right_x-small",sprite:"utility",symbol:"user"}),title:"Overflow Tab Item"},n.default.createElement("span",null,"Overflow Tab Item"))),n.default.createElement(E,null,n.default.createElement(h,{statusLevel:"warning",title:"Warning item"},n.default.createElement("span",{className:"slds-m-horizontal_xx-small"},n.default.createElement(o.UtilityIcon,{assistiveText:"warning",size:"x-small",symbol:"warning",title:"warning",useCurrentColor:!0})),n.default.createElement("span",null,"Warning Item")),n.default.createElement(h,{iconLeft:n.default.createElement(r.default,{className:"slds-icon slds-icon_x-small slds-icon-text-default slds-m-right_x-small",sprite:"utility",symbol:"user"}),title:"Overflow Tab Item"},n.default.createElement("span",null,"Overflow Tab Item"))),n.default.createElement(E,null,n.default.createElement(h,{statusLevel:"error",title:"Error Item"},n.default.createElement("span",{className:"slds-m-horizontal_xx-small"},n.default.createElement(o.UtilityIcon,{assistiveText:"error",size:"x-small",symbol:"error",title:"error"})),n.default.createElement("span",null,"Error Item")),n.default.createElement(h,{iconLeft:n.default.createElement(r.default,{className:"slds-icon slds-icon_x-small slds-icon-text-default slds-m-right_x-small",sprite:"utility",symbol:"user"}),title:"Overflow Tab Item"},n.default.createElement("span",null,"Overflow Tab Item")))))};t.Context=function(e){return n.default.createElement("div",{className:"demo-only",style:{height:"300px"}},e.children)};t.default=n.default.createElement(p,{className:"slds-is-open"},n.default.createElement(b,{className:"slds-dropdown_left"},n.default.createElement(E,{ariaLabel:"Show More"},n.default.createElement(h,{tabIndex:"0"},"Menu Item One"),n.default.createElement(h,null,"Menu Item Two"),n.default.createElement(h,null,"Menu Item Three"),n.default.createElement("li",{className:"slds-has-divider_top-space",role:"separator"}),n.default.createElement(h,null,"Menu Item Four"))));t.examples=[{id:"dropdown-menu-header",label:"Sub Heading",element:n.default.createElement(v,null)},{id:"dropdown-menu-icon-left",label:"Single Icon - Left",element:n.default.createElement(_,null)},{id:"dropdown-menu-icon-double",label:"Double Icon - Left/Right",element:n.default.createElement(y,null)},{id:"dropdown-menu-icon-right",label:"Single Icon - Right",element:n.default.createElement(g,null)},{id:"action-overflow",label:"Overflow menu with actions",element:n.default.createElement(x,null)},{id:"notifications-menu",label:"Menu with alert notifications",element:n.default.createElement(N,null)}]},function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.StandardIcon=void 0;var a=r(l(0)),n=r(l(3)),s=r(l(4)),i=r(l(1));function r(e){return e&&e.__esModule?e:{default:e}}var d=t.StandardIcon=function(e){var t=e.assistiveText,l=e.className,n=e.containerClassName,r=e.isGrouped,d=e.title,o=e.symbol||"account";return a.default.createElement("span",{className:(0,i.default)("slds-icon_container slds-icon-standard-"+o,n,{"slds-avatar-grouped__icon":!!r}),title:!1!==d?d||"Description of icon when needed":null},a.default.createElement(s.default,{className:(0,i.default)("slds-icon",l),sprite:"standard",symbol:o}),!1!==t?a.default.createElement("span",{className:"slds-assistive-text"},t||"Description of icon when needed"):null)};d.propTypes={isGrouped:n.default.bool},t.default=a.default.createElement(d,null)},function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.examples=t.Popover=void 0;var a=o(l(0)),n=o(l(3)),s=o(l(1)),i=o(l(5)),r=o(l(2)),d=o(l(4));function o(e){return e&&e.__esModule?e:{default:e}}var u=t.Popover=function(e){var t=i.default.uniqueId("dialog-heading-id-"),l=i.default.uniqueId("dialog-body-id-");return a.default.createElement("section",{"aria-describedby":l,"aria-label":e.header||e.headerTitle?null:e.title,"aria-labelledby":!e.header&&e.headerTitle?t:e.headingId,className:(0,s.default)("slds-popover",e.className,e.isFullWidth&&"slds-popover_full-width",e.isHidden&&"slds-popover_hide"),id:e.popoverId,role:"dialog",style:e.style},e.closeButton?a.default.createElement(r.default,{assistiveText:"Close dialog",className:(0,s.default)("slds-button_icon-small slds-float_right slds-popover__close",e.inverse&&"slds-button_icon-inverse"),symbol:"close",title:"Close dialog"}):null,!e.header&&e.headerTitle?a.default.createElement(c,{assistiveText:e.headerAssistiveText,className:e.headerClassName,id:t,symbol:e.headerIconName,title:e.headerTitle||"Heading Title"}):e.header,a.default.createElement("div",{className:(0,s.default)("slds-popover__body",{"slds-popover__body_small":"small"===e.size},e.bodyClassName),id:l},e.children),e.footer?a.default.createElement("footer",{className:(0,s.default)("slds-popover__footer",e.footerClassName,e.hasFormFooter&&"slds-popover__footer_form")},e.footer):null)};u.propTypes={bodyClassName:n.default.string,children:n.default.node,className:n.default.string,closeButton:n.default.bool,footer:n.default.node,footerClassName:n.default.string,hasFormFooter:n.default.bool,header:n.default.node,headerAssistiveText:n.default.string,headerClassName:n.default.string,headerIconName:n.default.string,headerTitle:n.default.string,headingId:n.default.string,inverse:n.default.bool,isFullWidth:n.default.bool,isHidden:n.default.bool,popoverId:n.default.string,size:n.default.oneOf(["small"]),style:n.default.object,title:n.default.string};var c=function(e){return a.default.createElement("header",{className:(0,s.default)("slds-popover__header",e.className)},e.symbol?a.default.createElement("span",{className:"slds-icon_container slds-m-right_small",title:e.assistiveText},a.default.createElement(d.default,{className:"slds-icon slds-icon_small slds-icon-text-default",sprite:"utility",symbol:e.symbol}),a.default.createElement("span",{className:"slds-assistive-text"},e.assistiveText)):null,a.default.createElement("h2",{className:"slds-text-heading_small",id:e.id},e.title))};t.default=a.default.createElement(u,{className:"slds-nubbin_left",closeButton:!0,title:"Dialog Title"},a.default.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."));t.examples=[{id:"header",label:"With Header",element:a.default.createElement(u,{className:"slds-nubbin_left",closeButton:!0,headerTitle:"Header Title"},a.default.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."))},{id:"footer",label:"With Footer",element:a.default.createElement(u,{className:"slds-nubbin_left",closeButton:!0,footer:a.default.createElement("p",null,"Footer Item"),title:"Dialog Title"},a.default.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."))},{id:"scrolling",label:"Body max height small",element:a.default.createElement(u,{className:"slds-nubbin_left",closeButton:!0,footer:a.default.createElement("p",null,"Footer Item"),headerTitle:"Header Title",size:"small",title:"Dialog Title"},a.default.createElement("div",{className:"slds-text-longform"},a.default.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),a.default.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),a.default.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),a.default.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),a.default.createElement("p",null,"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")))}]},function(e,t,l){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.EditPopover=t.EditableCell=t.ReadOnlyCell=t.ErrorCell=t.RowActionsCell=t.SelectRowCell=t.RowTh=t.Td=t.TBodyTr=t.TBody=t.AdvancedDataTableHead=t.SelectAllColumnHeader=t.InteractiveColumnHeader=t.ResizeControl=t.ColumnHeader=t.ColumnTh=t.THeadTr=t.THead=t.Table=t.InlineEditTableContainer=void 0;var a=f(l(0)),n=f(l(1)),s=f(l(3)),i=l(5),r=f(i),d=f(l(2)),o=l(12),u=l(14),c=l(17),m=l(6);function f(e){return e&&e.__esModule?e:{default:e}}(t.InlineEditTableContainer=function(e){return a.default.createElement("div",{className:"slds-table_edit_container slds-is-relative"},e.children)}).propTypes={children:s.default.node};var p=t.Table=function(e){var t=(0,n.default)("slds-table",{"slds-table_cell-buffer":e.hasCellBuffer,"slds-table_header-hidden":e.hasHiddenHeader,"slds-no-row-hover":e.hasNoRowHover,"slds-no-cell-focus":e.hasNoCellFocus,"slds-table_bordered":e.isBordered,"slds-table_col-bordered":e.isColBordered,"slds-table_edit":e.isEditable,"slds-table_fixed-layout":e.isFixedLayout,"slds-max-medium-table_stacked-horizontal":e.isResponsive,"slds-max-medium-table_stacked":e.isResponsiveStacked,"slds-table_resizable-cols":e.isResizable,"slds-table_striped":e.isStriped,"slds-tree slds-table_tree":"treegrid"===e.type});return a.default.createElement("table",{"aria-multiselectable":"multiple"===e.selectionType?"true":null,className:t,role:function(){var t=null;switch(e.type){case"advanced":t="grid";break;case"treegrid":t="treegrid"}return t}(),style:e.style},e.children)};p.displayName="Table",p.propTypes={children:s.default.node,hasCellBuffer:s.default.bool,hasHiddenHeader:s.default.bool,hasNoCellFocus:s.default.bool,hasNoRowHover:s.default.bool,isBordered:s.default.bool,isColBordered:s.default.bool,isEditable:s.default.bool,isFixedLayout:s.default.bool,isResizable:s.default.bool,isResponsive:s.default.bool,isResponsiveStacked:s.default.bool,isStriped:s.default.bool,selectionType:s.default.oneOf(["multiple","single"]),style:s.default.object,type:s.default.oneOf(["advanced","base","treegrid"]).isRequired};var b=t.THead=function(e){return a.default.createElement("thead",{className:e.isHidden?"slds-assistive-text":null},e.children)};b.displayName="THead",b.propTypes={children:s.default.node,isHidden:s.default.bool};var E=t.THeadTr=function(e){return a.default.createElement("tr",{className:"slds-line-height_reset"},e.children)};E.displayName="THeadTr",E.propTypes={children:s.default.node};var h=t.ColumnTh=function(e){var t=(0,n.default)({"slds-has-button-menu":e.hasMenu,"slds-has-focus":e.hasFocus,"slds-is-resizable":e.isResizable,"slds-text-align_right":e.isRightAligned,"slds-is-sortable":e.isSortable,"slds-is-sorted":"ascending"===e.sortDirection||"descending"===e.sortDirection,"slds-is-sorted_asc":"ascending"===e.sortDirection,"slds-is-sorted_desc":"descending"===e.sortDirection});return a.default.createElement("th",{"aria-label":e["aria-label"],"aria-sort":function(){var t=null;return e.isSortable&&(t=e.sortDirection||"none"),t}(),className:t,scope:"col",style:e.style},e.children)};h.displayName="ColumnTh",h.propTypes={"aria-label":s.default.string,children:s.default.node,hasFocus:s.default.bool,hasMenu:s.default.bool,isResizable:s.default.bool,isRightAligned:s.default.bool,isSortable:s.default.bool,sortDirection:s.default.oneOf(["ascending","descending","none"]),style:s.default.object};var v=t.ColumnHeader=function(e){return a.default.createElement("div",{className:(0,n.default)("slds-truncate",{"slds-assistive-text":e.isAssistiveText}),id:e.id,title:e.columnName},e.columnName)};v.displayName="ColumnHeader",v.propTypes={columnName:s.default.string.isRequired,id:s.default.string,isAssistiveText:s.default.bool},v.defaultProps={columnName:"Column Name"};var _=t.ResizeControl=function(e){var t=r.default.uniqueId("cell-resize-handle-");return a.default.createElement("div",{className:"slds-resizable"},a.default.createElement("input",{"aria-label":e.label,className:"slds-resizable__input slds-assistive-text",id:t,max:"1000",min:"20",tabIndex:e.tabIndex,type:"range"}),a.default.createElement("span",{className:"slds-resizable__handle"},a.default.createElement("span",{className:"slds-resizable__divider"})))};_.displayName="