@salesforce-ux/design-system/__internal/chunked/showcase/ui/components/checkbox-button/base/example.jsx.js

Salesforce Lightning Design System

var SLDS;!function(){"use strict";var e,t={1211:function(e,t,n){n.r(t),n.d(t,{default:function(){return x},examples:function(){return _},states:function(){return C}});var o=n(1594),c=n.n(o),r=n(4187),i=n.n(r),l=n(942),a=n.n(l),s=n(806),d=n(538);function u(e){return u="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},u(e)}function b(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,h(o.key),o)}}function h(e){var t=function(e){if("object"!=u(e)||!e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,"string");if("object"!=u(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"==u(t)?t:t+""}function f(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(f=function(){return!!e})()}function p(e){return p=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},p(e)}function y(e,t){return y=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},y(e,t)}var m=function(e){var t=e.isFocused,n=e.isDisabled,o=e.isChecked,r=e.tabIndex,i=e.iconAssistiveText,l=e.iconSize,u=e.iconSymbol,b=e.iconCurrentColor,h=e.onChange,f=e.onFocus,p=e.onBlur,y=s.Ay.uniqueId("example-unique-id-"),m={"slds-checkbox-button_is-focused":t,"slds-checkbox-button_is-checked":o,"slds-checkbox-button_is-disabled":n};return c().createElement("label",{className:a()("slds-checkbox-button",m),htmlFor:y},c().createElement("input",{className:"slds-assistive-text",type:"checkbox",id:y,value:y,disabled:n,defaultChecked:o,tabIndex:r,onChange:h,onFocus:f,onBlur:p}),c().createElement(d.UtilityIcon,{symbol:u,size:l,useCurrentColor:b,assistiveText:i}))};m.defaultProps={iconAssistiveText:"Add product",iconSize:"x-small",iconSymbol:"add",iconCurrentColor:!0},m.propTypes={isDisabled:i().bool,isChecked:i().bool,tabIndex:i().number,iconAssistiveText:i().string,iconSize:i().string,iconSymbol:i().string,iconCurrentColor:i().bool};var k=function(e){function t(e){var n;return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),(n=function(e,t,n){return t=p(t),function(e,t){if(t&&("object"==u(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)}(e,f()?Reflect.construct(t,n||[],p(e).constructor):t.apply(e,n))}(this,t,[e])).state={checked:!!n.props.isChecked,focused:!1},n.handleCheckboxChange=n.handleCheckboxChange.bind(n),n.handleFocus=n.handleFocus.bind(n),n.handleBlur=n.handleBlur.bind(n),n}return 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&&y(e,t)}(t,e),n=t,(o=[{key:"handleCheckboxChange",value:function(){this.setState({checked:!this.state.checked})}},{key:"handleFocus",value:function(){this.state.focused||this.setState({focused:!0})}},{key:"handleBlur",value:function(){this.state.focused&&this.setState({focused:!1})}},{key:"render",value:function(){var e=this.props,t=e.iconChecked,n=e.iconUnchecked,o=e.isDisabled,r=e.tabIndex;return c().createElement(m,{onChange:this.handleCheckboxChange,iconSymbol:this.state.checked?t:n,isChecked:this.state.checked,isDisabled:o,isFocused:this.state.focused,onFocus:this.handleFocus,onBlur:this.handleBlur,tabIndex:r})}}])&&b(n.prototype,o),Object.defineProperty(n,"prototype",{writable:!1}),n;var n,o}(o.Component);k.defaultProps={iconChecked:"check",iconUnchecked:"add"},k.propTypes={iconChecked:i().string,iconUnchecked:i().string};var v=function(e){var t=e.disabled,n=e.checked,o=e.tabIndex,r=e.label,i=s.Ay.uniqueId("add-checkbox-");return c().createElement("div",{className:"slds-checkbox_add-button"},c().createElement("input",{className:"slds-assistive-text",type:"checkbox",id:i,value:i,disabled:t,defaultChecked:n,tabIndex:o}),c().createElement("label",{htmlFor:i,className:"slds-checkbox_faux"},c().createElement("span",{className:"slds-assistive-text"},r||"Add product")))},x=c().createElement(k,null),C=[{id:"checkbox-button-checked",label:"Checked",element:c().createElement(k,{isChecked:!0})},{id:"checkbox-button-disabled",label:"Disabled",element:c().createElement(k,{isDisabled:!0})},{id:"checkbox-button-checked-disabled",label:"Checked and Disabled",element:c().createElement(k,{isChecked:!0,isDisabled:!0})},{id:"checkbox-add-button-checked",label:"Deprecated - Checked",element:c().createElement(v,{checked:!0})},{id:"checkbox-add-button-disabled",label:"Deprecated - Disabled",element:c().createElement(v,{disabled:!0})},{id:"checkbox-add-button-checked-and-disabled",label:"Deprecated - Checked and Disabled",element:c().createElement(v,{checked:!0,disabled:!0})}],_=[{id:"checkbox-button-icon-symbol",label:"Different Icon",element:c().createElement(k,{iconUnchecked:"recycle_bin_empty",iconChecked:"recycle_bin_full"})},{id:"checkbox-button-checked-icon-symbol",label:"Different Icon - Checked",element:c().createElement(k,{iconUnchecked:"recycle_bin_empty",iconChecked:"recycle_bin_full",isChecked:!0})},{id:"checkbox-button-disabled-icon-symbol",label:"Different Icon - Disabled",element:c().createElement(k,{iconUnchecked:"recycle_bin_empty",isDisabled:!0})},{id:"checkbox-button-checked-disabled-icon-symbol",label:"Different Icon - Checked and Disabled",element:c().createElement(k,{iconChecked:"recycle_bin_full",isChecked:!0,isDisabled:!0})}]},1594:function(e){e.exports=React}},n={};function o(e){var c=n[e];if(void 0!==c)return c.exports;var r=n[e]={exports:{}};return t[e](r,r.exports,o),r.exports}o.m=t,o.amdO={},e=[],o.O=function(t,n,c,r){if(!n){var i=1/0;for(d=0;d<e.length;d++){n=e[d][0],c=e[d][1],r=e[d][2];for(var l=!0,a=0;a<n.length;a++)(!1&r||i>=r)&&Object.keys(o.O).every(function(e){return o.O[e](n[a])})?n.splice(a--,1):(l=!1,r<i&&(i=r));if(l){e.splice(d--,1);var s=c();void 0!==s&&(t=s)}}return t}r=r||0;for(var d=e.length;d>0&&e[d-1][2]>r;d--)e[d]=e[d-1];e[d]=[n,c,r]},o.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(t,{a:t}),t},o.d=function(e,t){for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),o.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.j=8822,function(){var e={518:0,1117:0,1252:0,1578: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,8822:0};o.O.j=function(t){return 0===e[t]};var t=function(t,n){var c,r,i=n[0],l=n[1],a=n[2],s=0;if(i.some(function(t){return 0!==e[t]})){for(c in l)o.o(l,c)&&(o.m[c]=l[c]);if(a)var d=a(o)}for(t&&t(n);s<i.length;s++)r=i[s],o.o(e,r)&&e[r]&&e[r][0](),e[r]=0;return o.O(d)},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))}(),o.nc=void 0;var c=o.O(void 0,[6790],function(){return o(1211)});c=o.O(c),(SLDS=void 0===SLDS?{}:SLDS)["__internal/chunked/showcase/./ui/components/checkbox-button/base/example.jsx.js"]=c}();