@salesforce-ux/design-system
Version:
Salesforce Lightning Design System
1 lines • 4.76 kB
JavaScript
var SLDS="object"==typeof SLDS?SLDS:{};SLDS["__internal/chunked/showcase/./ui/components/buttons/dual-stateful/example.jsx.js"]=function(e){function t(t){for(var r,o,s=t[0],u=t[1],i=t[2],d=0,f=[];d<s.length;d++)o=s[d],Object.prototype.hasOwnProperty.call(l,o)&&l[o]&&f.push(l[o][0]),l[o]=0;for(r in u)Object.prototype.hasOwnProperty.call(u,r)&&(e[r]=u[r]);for(c&&c(t);f.length;)f.shift()();return a.push.apply(a,i||[]),n()}function n(){for(var e,t=0;t<a.length;t++){for(var n=a[t],r=!0,s=1;s<n.length;s++){var u=n[s];0!==l[u]&&(r=!1)}r&&(a.splice(t--,1),e=o(o.s=n[0]))}return e}var r={},l={25: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},a=[];function o(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,o),n.l=!0,n.exports}o.m=e,o.c=r,o.d=function(e,t,n){o.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,t){if(1&t&&(e=o(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(o.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var r in e)o.d(n,r,function(t){return e[t]}.bind(null,r));return n},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,"a",t),t},o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.p="/assets/scripts/bundle/";var s=this.webpackJsonpSLDS___internal_chunked_showcase=this.webpackJsonpSLDS___internal_chunked_showcase||[],u=s.push.bind(s);s.push=t,s=s.slice();for(var i=0;i<s.length;i++)t(s[i]);var c=u;return a.push([667,0]),n()}({0:function(e,t){e.exports=React},14:function(e,t){e.exports=ReactDOM},667:function(e,t,n){"use strict";n.r(t),n.d(t,"DualStatefulButton",(function(){return m})),n.d(t,"DefaultText",(function(){return p})),n.d(t,"PressedText",(function(){return b})),n.d(t,"states",(function(){return y})),n.d(t,"examples",(function(){return h}));var r=n(0),l=n.n(r),a=n(1),o=n.n(a),s=n(8),u=n(2),i=n.n(u),c=n(11);function d(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null==n)return;var r,l,a=[],o=!0,s=!1;try{for(n=n.call(e);!(o=(r=n.next()).done)&&(a.push(r.value),!t||a.length!==t);o=!0);}catch(e){s=!0,l=e}finally{try{o||null==n.return||n.return()}finally{if(s)throw l}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return f(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return f(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function f(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var p=function(e){return l.a.createElement("span",{className:"slds-text-not-pressed"},l.a.createElement(s.a,{className:"slds-button__icon slds-button__icon_small slds-button__icon_left",sprite:"utility",symbol:"add"}),e.children)};p.propTypes={children:o.a.string.isRequired};var b=function(e){return l.a.createElement("span",{className:"slds-text-pressed"},l.a.createElement(s.a,{className:"slds-button__icon slds-button__icon_small slds-button__icon_left",sprite:"utility",symbol:"check"}),e.children)};b.propTypes={children:o.a.string.isRequired};var m=function(e){var t=e.isDisabled,n=e.isPressed,a=d(Object(r.useState)(n),2),o=a[0],s=a[1];return l.a.createElement(c.Button,{isNeutral:!0,className:i()("slds-button_dual-stateful",{"slds-is-pressed":o}),disabled:t,"aria-live":"assertive","aria-pressed":Boolean(o).toString(),onClick:function(){return s(!o)}},l.a.createElement(p,null,"Follow"),l.a.createElement(b,null,"Following"))};m.propTypes={isDisabled:o.a.bool,isPressed:o.a.bool},t.default=[{id:"default",label:"Default",element:l.a.createElement(m,null,l.a.createElement(p,null,"Follow"),l.a.createElement(b,null,"Following"))}];var y=[{id:"disabled",label:"disabled",element:l.a.createElement(m,{isDisabled:!0},l.a.createElement(p,null,"Follow"),l.a.createElement(b,null,"Following"))}],h=[{id:"pressed",label:"pressed",element:l.a.createElement(m,{isPressed:!0},l.a.createElement(p,null,"Follow"),l.a.createElement(b,null,"Following"))}]}});