@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 15.4 kB
JavaScript
var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/setup-assistant/base/example.jsx.js"]=function(e){function t(t){for(var r,i,s=t[0],l=t[1],c=t[2],p=0,m=[];p<s.length;p++)i=s[p],Object.prototype.hasOwnProperty.call(a,i)&&a[i]&&m.push(a[i][0]),a[i]=0;for(r in l)Object.prototype.hasOwnProperty.call(l,r)&&(e[r]=l[r]);for(u&&u(t);m.length;)m.shift()();return o.push.apply(o,c||[]),n()}function n(){for(var e,t=0;t<o.length;t++){for(var n=o[t],r=!0,s=1;s<n.length;s++){var l=n[s];0!==a[l]&&(r=!1)}r&&(o.splice(t--,1),e=i(i.s=n[0]))}return e}var r={},a={139: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},o=[];function i(t){if(r[t])return r[t].exports;var n=r[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=r,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 r in e)i.d(n,r,function(t){return e[t]}.bind(null,r));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||[],l=s.push.bind(s);s.push=t,s=s.slice();for(var c=0;c<s.length;c++)t(s[c]);var u=l;return o.push([702,0]),n()}({0:function(e,t){e.exports=React},16:function(e,t){e.exports=ReactDOM},702:function(e,t,n){"use strict";n.r(t),n.d(t,"states",(function(){return W})),n.d(t,"examples",(function(){return H}));var r=n(0),a=n.n(r),o=n(2),i=n.n(o),s=n(6),l=n(93),c=n(1),u=n.n(c),p=n(8),m=n(11),d=n(196),f=n(62);function b(e){return(b="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})(e)}function y(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function g(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function h(e,t){return(h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function E(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=_(e);if(t){var a=_(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return v(this,n)}}function v(e,t){if(t&&("object"===b(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function _(e){return(_=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var O=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&h(e,t)}(s,e);var t,n,r,o=E(s);function s(){return y(this,s),o.apply(this,arguments)}return t=s,(n=[{key:"render",value:function(){var e=this.props,t=e.title,n=e.description,r=e.action,o=e.duration,s=e.stepProgress,l=e.isActiveStep,c=e.referenceId,u=e.isOpen,b=r&&("button"===r.type?a.a.createElement(m.Button,{isOutlineBrand:!0},r.title):"toggle"===r.type?a.a.createElement(d.CheckboxToggle,{title:r.title,isBare:!0,checked:r.checked,labelTextOn:"On",labelTextOff:"Off"}):a.a.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},r.title)),y=s&&(s.isComplete?a.a.createElement(f.a,{className:"slds-progress-ring_large",percent:100,isComplete:!0},a.a.createElement(p.UtilityIcon,{symbol:"check",title:"Complete",assistiveText:"Complete"})):a.a.createElement(f.a,{className:"slds-progress-ring_large",percent:l?s.percentage:0,isActiveStep:l,isFilling:!0},s.number)),g=a.a.createElement("div",{className:"slds-media"},a.a.createElement("div",{className:"slds-setup-assistant__step-summary-content slds-media__body"},a.a.createElement("h3",{className:"slds-setup-assistant__step-summary-title slds-text-heading_small"},c?a.a.createElement(m.Button,{className:"slds-button_reset","aria-controls":c,"aria-expanded":u?"true":"false"},t):t),a.a.createElement("p",null,n)),a.a.createElement("div",{className:"slds-media__figure slds-media__figure_reverse"},b,o&&a.a.createElement("p",{className:i()("slds-text-align_right","slds-text-color_weak",{"slds-p-top_medium":r})},o)));return a.a.createElement("div",{className:"slds-setup-assistant__step-summary"},s?a.a.createElement("div",{className:"slds-media"},a.a.createElement("div",{className:"slds-media__figure"},y),a.a.createElement("div",{className:"slds-media__body slds-m-top_x-small"},g)):g)}}])&&g(t.prototype,n),r&&g(t,r),Object.defineProperty(t,"prototype",{writable:!1}),s}(a.a.Component);O.propTypes={title:u.a.string.isRequired,description:u.a.string.isRequired,action:u.a.object,duration:u.a.string,stepProgress:u.a.object,isActiveStep:u.a.bool},O.defaultProps={title:"Configure user settings for this org",description:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."};var S=O,P=n(246),x=n(349);function w(e){return(w="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})(e)}function C(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function k(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function j(e,t){return(j=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function T(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,r=A(e);if(t){var a=A(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return N(this,n)}}function N(e,t){if(t&&("object"===w(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}function A(e){return(A=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var D=[{complete:!0,title:"Turn on Lightning for all users.",action:{type:"toggle",title:"Turn on Lightning for all users",checked:!0}},{active:!0,title:"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.",action:{type:"link",title:"View in Trailhead"}},{title:"Lorem ipsum dolor sit amet, lorem ipsum dolor.",action:{type:"button",title:"Add Users"}}],B=function(e){return e.map((function(e,t){return a.a.createElement(P.Step,{key:"progress-step-".concat(t),done:e.complete,hasSuccessMarker:e.complete,active:e.active,assistiveText:e.title},a.a.createElement("div",{className:"slds-size_3-of-4"},e.title),a.a.createElement("div",{className:"slds-grid slds-grid_align-end slds-size_1-of-4"},(n=e.action)&&"button"===n.type?a.a.createElement(m.Button,{isOutlineBrand:!0},n.title):"toggle"===n.type?a.a.createElement(d.CheckboxToggle,{title:n.title,isBare:!0,checked:n.checked,labelTextOn:"On",labelTextOff:"Off"}):a.a.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},n.title)));var n}))},L=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&j(e,t)}(s,e);var t,n,r,o=T(s);function s(){return C(this,s),o.apply(this,arguments)}return t=s,(n=[{key:"render",value:function(){var e=i()("slds-setup-assistant__step-detail",this.props.className);return a.a.createElement("div",{className:e},a.a.createElement(P.Progress,{value:"50",hasBorders:!0,hasSuccessBar:!0},B(D)),a.a.createElement(x.ScopedNotificationThemed,{theme:"light"},a.a.createElement("p",null,"It looks as if duplicates exist for this lead."," ",a.a.createElement("a",{href:"#",onClick:function(e){return e.preventDefault()}},"View Duplicates"))))}}])&&k(t.prototype,n),r&&k(t,r),Object.defineProperty(t,"prototype",{writable:!1}),s}(a.a.Component);L.propTypes={className:u.a.string};var R=L,I=(n(351),[{title:"Add Users to Your Org",description:"Lorem ipsum dolor sit amet, lorem ipsum dolor.",action:{type:"button",title:"Add Users"},duration:"4 mins",stepProgress:{isComplete:!0,number:"1"}},{title:"Create Profiles for Your Users",description:"Lorem ipsum dolor sit amet, lorem ipsum dolor.",action:{type:"button",title:"Add Profiles"},stepProgress:{isComplete:!1,number:"2",percentage:33},isActiveStep:!0,isOpen:!0},{title:"Learn How to Use Profiles to Control Visibility",description:"Lorem ipsum dolor sit amet, lorem ipsum dolor.",action:{type:"link",title:"View on Trailhead"},duration:"15 mins",stepProgress:{isComplete:!0,number:"3",percentage:"0"}},{title:"Turn On Tracking for Profiles",description:"Lorem ipsum dolor sit amet, lorem ipsum dolor.",action:{type:"toggle",title:"Turn on tracking for profiles"},stepProgress:{isComplete:!1,number:"4",percentage:"0"}},{title:"Setup Einstein Visibility for Admins",description:"Lorem ipsum dolor sit amet, lorem ipsum dolor.",action:{type:"link",title:"Watch Video"},stepProgress:{isComplete:!1,number:"5",percentage:"0"}}]),U=function(e){return a.a.createElement("li",{className:"slds-setup-assistant__item"},a.a.createElement("article",{className:"slds-setup-assistant__step"},e.children))},q=function(e){return a.a.createElement("ol",{className:"slds-setup-assistant"},e.children)},V=function(e){var t=e.isBase,n=e.stepsHaveProgress,r=e.stepsAreExpandable;return a.a.createElement(q,null,t&&function(e,t){return e.map((function(e,n){return a.a.createElement(U,{key:"base-step-".concat(e.title,"-").concat(t,"-").concat(n)},a.a.createElement(S,{title:e.title,stepProgress:t&&e.stepProgress,action:e.action,duration:e.duration}))}))}(I,n),r&&I.map((function(e,t){return a.a.createElement(U,{key:"expand-step-".concat(e.title,"-").concat(t)},a.a.createElement(l.SummaryDetail,{className:i()({"slds-is-open":e.isOpen})},a.a.createElement(l.SummaryDetailAction,{className:"slds-m-top_x-small",referenceId:"step-".concat(t,"-summary-action"),isOpen:e.isOpen,summaryTitle:e.title}),a.a.createElement("div",{className:"slds-container_fluid"},a.a.createElement(l.SummaryDetailTitle,null,a.a.createElement(S,{title:e.title,isActiveStep:e.isActiveStep,stepProgress:e.stepProgress,duration:e.duration||"10 mins",referenceId:"step-".concat(t,"-summary-action"),isOpen:e.isOpen})),a.a.createElement(l.SummaryDetailContent,{referenceId:"step-".concat(t,"-summary-action"),isOpen:e.isOpen},a.a.createElement(R,null)))))})))},M=function(e){var t=e.isOpen,n=e.title,r=e.isActiveStep,o=e.stepProgress,c=e.duration,u=s.d.uniqueId("setup-assistant-step-"),p="".concat(u,"-action");return a.a.createElement(U,null,a.a.createElement(l.SummaryDetail,{className:i()({"slds-is-open":t})},a.a.createElement(l.SummaryDetailAction,{className:"slds-m-top_x-small",referenceId:p,isOpen:t,summaryTitle:n}),a.a.createElement("div",null,a.a.createElement(l.SummaryDetailTitle,null,a.a.createElement(S,{title:n,isActiveStep:r,stepProgress:o,duration:c||"10 mins",referenceId:p,isOpen:t})),a.a.createElement(l.SummaryDetailContent,{referenceId:p,isOpen:t},a.a.createElement(R,null)))))},W=(t.default=[{id:"default",label:"Default",element:a.a.createElement(q,null,a.a.createElement(U,null,a.a.createElement(S,null)))}],[{id:"with-button-action",label:"With Button Action",element:a.a.createElement(q,null,a.a.createElement(U,null,a.a.createElement(S,{action:{type:"button",title:"Add Users"},duration:"5 min"})))},{id:"with-link-action",label:"With Link Action",element:a.a.createElement(q,null,a.a.createElement(U,null,a.a.createElement(S,{action:{type:"link",title:"View on Trailhead"}})))},{id:"with-toggle-action",label:"With Toggle Action",element:a.a.createElement(q,null,a.a.createElement(U,null,a.a.createElement(S,{action:{type:"toggle",title:"Configure user settings for this org"}})))},{id:"with-step-number",label:"With Step Number",element:a.a.createElement(q,null,a.a.createElement(U,null,a.a.createElement(S,{stepProgress:{isComplete:!1,number:"3"},action:{type:"button",title:"Add Users"},duration:"5 min"})))},{id:"completed",label:"Completed",element:a.a.createElement(q,null,a.a.createElement(U,null,a.a.createElement(S,{stepProgress:{isComplete:!0,number:"2"},action:{type:"link",title:"View on Trailhead"},duration:"10 min"})))},{id:"closed-expandable-step",label:"Closed Expandable Step",element:a.a.createElement(q,null,a.a.createElement(M,{title:"Configure user settings for this org",stepProgress:{isComplete:!1,number:"1"},duration:"5 min"}))},{id:"open-expandable-step",label:"Open Expandable Step",element:a.a.createElement(q,null,a.a.createElement(M,{title:"Configure user settings for this org",stepProgress:{isComplete:!1,number:"1"},duration:"5 min",isOpen:!0}))},{id:"open-in-progress-expandable-step",label:"Open, In Progress Expandable Step",element:a.a.createElement(q,null,a.a.createElement(M,{title:"Configure user settings for this org",stepProgress:{isComplete:!1,number:"1",percentage:33},duration:"5 min",isOpen:!0,isActiveStep:!0}))},{id:"open-expandable-step-completed",label:"Completed Open Expandable Step",element:a.a.createElement(q,null,a.a.createElement(M,{title:"Configure user settings for this org",stepProgress:{isComplete:!0,number:"1"},duration:"5 min",isOpen:!0}))}]),H=[{id:"consecutive-base-steps",label:"Consecutive Base Steps",element:a.a.createElement(V,{isBase:!0})},{id:"consecutive-progress-steps",label:"Consecutive Progress Steps",element:a.a.createElement(V,{isBase:!0,stepsHaveProgress:!0})},{id:"consecutive-expandable-steps",label:"Consecutive Expandable Steps",element:a.a.createElement(V,{stepsAreExpandable:!0})}]}});