From cb2128410be42a5d0786ddc5656628abc5c932be Mon Sep 17 00:00:00 2001 From: Supreeth Date: Thu, 13 Aug 2020 21:18:33 +0530 Subject: [PATCH] Added isBlock prop to Switch. (#3122) * Added isBlock prop to Switch * revereted form_factors added for testing * linter error * updated doc comments * grammar corrections Co-authored-by: Saket Bajaj <42207428+saket2403@users.noreply.github.com> --- packages/terra-switch/CHANGELOG.md | 2 + packages/terra-switch/src/Switch.jsx | 14 +++- packages/terra-switch/src/Switch.module.scss | 8 ++ .../doc/example/BlockSwitch.jsx | 16 ++++ .../doc/switch/Switch.1.doc.mdx | 2 + .../test/switch/BlockSwitch.test.jsx | 17 +++++ .../jest/__snapshots__/switch.test.jsx.snap | 69 ++++++++++++++++++ .../terra-switch/tests/jest/switch.test.jsx | 6 ++ .../switch-spec/Block_Switch[default].png | Bin 0 -> 2207 bytes .../switch-spec/Block_Switch[default].png | Bin 0 -> 2154 bytes .../switch-spec/Block_Switch[default].png | Bin 0 -> 2041 bytes .../switch-spec/Block_Switch[default].png | Bin 0 -> 3126 bytes .../switch-spec/Block_Switch[default].png | Bin 0 -> 3069 bytes .../switch-spec/Block_Switch[default].png | Bin 0 -> 2945 bytes .../switch-spec/Block_Switch[default].png | Bin 0 -> 2775 bytes .../switch-spec/Block_Switch[default].png | Bin 0 -> 2722 bytes .../switch-spec/Block_Switch[default].png | Bin 0 -> 2614 bytes .../terra-switch/tests/wdio/switch-spec.js | 7 ++ 18 files changed, 140 insertions(+), 1 deletion(-) create mode 100644 packages/terra-switch/src/terra-dev-site/doc/example/BlockSwitch.jsx create mode 100644 packages/terra-switch/src/terra-dev-site/test/switch/BlockSwitch.test.jsx create mode 100644 packages/terra-switch/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/switch-spec/Block_Switch[default].png create mode 100644 packages/terra-switch/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_medium/switch-spec/Block_Switch[default].png create mode 100644 packages/terra-switch/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/switch-spec/Block_Switch[default].png create mode 100644 packages/terra-switch/tests/wdio/__snapshots__/reference/en/chrome_large/switch-spec/Block_Switch[default].png create mode 100644 packages/terra-switch/tests/wdio/__snapshots__/reference/en/chrome_medium/switch-spec/Block_Switch[default].png create mode 100644 packages/terra-switch/tests/wdio/__snapshots__/reference/en/chrome_tiny/switch-spec/Block_Switch[default].png create mode 100644 packages/terra-switch/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_large/switch-spec/Block_Switch[default].png create mode 100644 packages/terra-switch/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/switch-spec/Block_Switch[default].png create mode 100644 packages/terra-switch/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_tiny/switch-spec/Block_Switch[default].png diff --git a/packages/terra-switch/CHANGELOG.md b/packages/terra-switch/CHANGELOG.md index bde6fa927ab..6b9b8bfe610 100644 --- a/packages/terra-switch/CHANGELOG.md +++ b/packages/terra-switch/CHANGELOG.md @@ -1,6 +1,8 @@ # Changelog ## Unreleased +* Added + * Added `isBlock` prop to render the switch as block element when specified. ## 1.2.0 - (August 4, 2020) diff --git a/packages/terra-switch/src/Switch.jsx b/packages/terra-switch/src/Switch.jsx index 5a730e3cbb0..e0bd358c484 100644 --- a/packages/terra-switch/src/Switch.jsx +++ b/packages/terra-switch/src/Switch.jsx @@ -28,6 +28,10 @@ const propTypes = { * The label text of the Switch component. */ labelText: PropTypes.string.isRequired, + /** + * Whether or not to render the switch as block element when specified. + */ + isBlock: PropTypes.bool, /** * Callback function when switch value changes from ON / OFF. * Returns Parameters: 1. switch value 2. event. @@ -38,6 +42,7 @@ const propTypes = { const defaultProps = { isChecked: false, isDisabled: false, + isBlock: false, onChange: undefined, }; @@ -45,6 +50,7 @@ const Switch = (props) => { const { isChecked, isDisabled, + isBlock, onChange, labelText, ...customProps @@ -86,10 +92,16 @@ const Switch = (props) => { { 'is-enabled': !isDisabled }, { 'is-disabled': isDisabled }, { 'is-selected': isChecked }, + { 'is-block': isBlock }, theme.className, ), customProps.className); + const labelContainerClassNames = cx([ + 'label-container', + { 'is-block': isBlock }, + ]); + let switchAttrs; if (!isDisabled) { switchAttrs = { @@ -116,7 +128,7 @@ const Switch = (props) => { data-terra-switch-show-focus-styles ref={sliderButton} > -
+
{labelText}
{statusLabelText}
diff --git a/packages/terra-switch/src/Switch.module.scss b/packages/terra-switch/src/Switch.module.scss index a6c224467bd..d2b310907db 100644 --- a/packages/terra-switch/src/Switch.module.scss +++ b/packages/terra-switch/src/Switch.module.scss @@ -9,11 +9,19 @@ display: inline-flex; flex-direction: row; outline: 0; + + &.is-block { + width: 100%; + } } .label-container { flex: 0 1 auto; margin-right: var(--terra-switch-label-margin-right, 1.42857rem); + + &.is-block { + flex: 1 1 auto; + } } .label-text { diff --git a/packages/terra-switch/src/terra-dev-site/doc/example/BlockSwitch.jsx b/packages/terra-switch/src/terra-dev-site/doc/example/BlockSwitch.jsx new file mode 100644 index 00000000000..49ffbcd412f --- /dev/null +++ b/packages/terra-switch/src/terra-dev-site/doc/example/BlockSwitch.jsx @@ -0,0 +1,16 @@ +import React, { useState } from 'react'; +import Switch from 'terra-switch'; + +const BlockSwitch = () => { + const [value, setValue] = useState(true); + return ( + + ); +}; + +export default BlockSwitch; diff --git a/packages/terra-switch/src/terra-dev-site/doc/switch/Switch.1.doc.mdx b/packages/terra-switch/src/terra-dev-site/doc/switch/Switch.1.doc.mdx index ad9de04d483..7808c62f234 100644 --- a/packages/terra-switch/src/terra-dev-site/doc/switch/Switch.1.doc.mdx +++ b/packages/terra-switch/src/terra-dev-site/doc/switch/Switch.1.doc.mdx @@ -3,6 +3,7 @@ import { Badge } from 'terra-switch/package.json?dev-site-package'; import DefaultSwitch from '../example/DefaultSwitch?dev-site-example'; import SwitchWithOnChange from '../example/SwitchWithOnChange?dev-site-example'; import DisabledSwitch from '../example/DisabledSwitch?dev-site-example'; +import BlockSwitch from '../example/BlockSwitch?dev-site-example'; import SwitchPropsTable from 'terra-switch/src/Switch?dev-site-props-table'; @@ -60,6 +61,7 @@ import Switch from 'terra-switch'; + ## Switch Props diff --git a/packages/terra-switch/src/terra-dev-site/test/switch/BlockSwitch.test.jsx b/packages/terra-switch/src/terra-dev-site/test/switch/BlockSwitch.test.jsx new file mode 100644 index 00000000000..3bc75b448b1 --- /dev/null +++ b/packages/terra-switch/src/terra-dev-site/test/switch/BlockSwitch.test.jsx @@ -0,0 +1,17 @@ +import React, { useState } from 'react'; +import Switch from '../../../Switch'; + +const BlockSwitch = () => { + const [value, setValue] = useState(false); + return ( + + ); +}; + +export default BlockSwitch; diff --git a/packages/terra-switch/tests/jest/__snapshots__/switch.test.jsx.snap b/packages/terra-switch/tests/jest/__snapshots__/switch.test.jsx.snap index 5280faf1624..7bbc0e688db 100644 --- a/packages/terra-switch/tests/jest/__snapshots__/switch.test.jsx.snap +++ b/packages/terra-switch/tests/jest/__snapshots__/switch.test.jsx.snap @@ -133,3 +133,72 @@ exports[`Switch should render as disabled when set 1`] = `
`; + +exports[`Switch should render block switch element when isBlock is specified 1`] = ` +
+
+
+ default +
+
+ +
+
+
+
+
+
+`; diff --git a/packages/terra-switch/tests/jest/switch.test.jsx b/packages/terra-switch/tests/jest/switch.test.jsx index 5d4b1a0366c..eb3bf697c37 100644 --- a/packages/terra-switch/tests/jest/switch.test.jsx +++ b/packages/terra-switch/tests/jest/switch.test.jsx @@ -29,4 +29,10 @@ describe('Switch', () => { const wrapper = shallowWithIntl(defaultRender); expect(wrapper.prop('className')).toContain('switch'); }); + + it('should render block switch element when isBlock is specified', () => { + const wrapper = shallowWithIntl(); + expect(wrapper.prop('className')).toContain('is-block'); + expect(wrapper).toMatchSnapshot(); + }); }); diff --git a/packages/terra-switch/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/switch-spec/Block_Switch[default].png b/packages/terra-switch/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_large/switch-spec/Block_Switch[default].png new file mode 100644 index 0000000000000000000000000000000000000000..09ea3d93be9b846c20e7b61a1b948f6719f0939d GIT binary patch literal 2207 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 literal 0 HcmV?d00001 diff --git a/packages/terra-switch/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/switch-spec/Block_Switch[default].png b/packages/terra-switch/tests/wdio/__snapshots__/reference/clinical-lowlight-theme/en/chrome_tiny/switch-spec/Block_Switch[default].png new file mode 100644 index 0000000000000000000000000000000000000000..d25ebac582400100f2979abc11e7391f1c1cacc4 GIT binary patch literal 2041 zcmZ`)dpy&7AIDQ7qwP>;7SR-s)vH;psI$Y)rsk67zTr%UQ6UFUxs)fP<1%$}a>-d! zLpXBVNRDf{jIc#9mxz&tF?SX6{B}BjJ{^0FZu5)&Us92Bz7%L;WbiTD&W_E#BLQNd=*l z74wm|p5>`<2V8B`FkY4U!{JY^Wkkz1*y{ttA>X)T=xQ|X_GS*h%Oi$piO1s)B@pB` z^_%sJ3$FisX#V+@8mlB4^RAokRsuvPo11=qwcfCGq~Ght2}46eGt@o^1oGfGWTHG~ z+Rw9g4ff<(gyWn{@<4)FmS#wFru%;n_HAA2EE4HniTWCe!7d}4#iyn+bVIy5!~{Fj z%z@f%g~sjXX1HwHO5XpF4~XY47+V|03d>@bJw^xWQ)(pCCQ;*(-*iNAW#wI;-yZG{6+OJRz{uIW z4^{#u*4&G0qN~>lO_t!Y@8d07 z>f`|F=qcG50Td1w7tv3WibaDJ%j#>=5q?^$wkF}u-b|`sLN_N*Hc4DMBk5@j&Z~F4 z2uvl%#W=?gw6gXZ3d?IZdx}DY+GRh<3$*#a<~zPS&6um4`q=7Abo4@`HP5gOjPw57 zYfG-UqVwiSx_bUi z+gBk1E4w%$8n$XN;m0&cqH)jA3Zv2-JrWknnHNXjsSVUzJ{i5P@9kdX?Bjp!yRmYMwv~zLjymXNHwr?;gF|mE{5A_vIoE57jFW>BFvQA2hPp_j6O}#rY z7mBkAD$iLgXSp8D{5T`cE9U)HDmeeA#p$GpEVkz1Ec6DP(tCf+CSe#GtyX{IMrF0z zsazh9k?w}%oAU|!4}^6!+6zO^=0L;T)t#k{|N0)FT9Y~7#nkPp@OEt=(FuSq`vVV@ zLvJD3rDXsZ{nSrMtHkp-#xLnQSRvH5B~VmC?TnZene{RnxAqHzZ?ZpY3qE|6y|)da z>c_@R3Z+*rPlV;vBwdR5cRTr~;b)BHsjl&i4Xk~A&zQsAt%SdztvJj^*gIj~t)5_o z!Ow*MO2vKxS4Hgyp!JUjLt%w!Ehu8PPf0$xpTa>Hgd7jBh7&+84rV2}YBZ3n^>4}g z?rztOfc?lo1lrgZb>ZLMR#qigp}EL|Ch19O_t$;o6f~?8qT0qhTkz)EJxCg8G}@Z> zmpl0kpOO-hk;E1B0&W5u1xo?2*BYk!DUE}&qO419+3&8Uq!mdO*_qON`jcJ z^74e|#%-;rNcNk;JtVE26E0diQ@?<_Uvc4?i08)sNQiy*;7E6JzOCxxv3rLx+^Ek# zPqEM`nbkowVZ&BpV&Z0F6+riyABeeZNU~+x6QJlgdGtWp$pBZj#9b0#Qf;OODR3DY z`t7%v{f=$>`n*t2)_C-U8>xy8ARW#Q>eeooZw8Oy!E z_O06%Rp9`VT4w(-b1qVnJ~uqb3(*I_mQ{n5u$RZ`3)<0j>tH2&l(GblNe&f2 zj7;bUX9_Fdkct+>re!|Ni+LOsY0UDG(&th~v9Wl%+r#}@-zAOx*sj^y_rCqi;L?UA z8@-z=Bw%)|aT}C_FcLH99v+>b*<$wO24i|5M zW&=VbBjL{fyiUEa9|~juDaBh`tdDbkJuedgwRAw632IYe3v)kSmjTqi*F!!Zx!4zb zEbL2oDY+``!N{Ay-!Z9Vw14^hAAR>JlEW%{we6$=A6-`RhXP_7<9;@k)m8OTHmg^|FzpYO;|nXMJq*B;4W7n63*jGao%zN E0sRWeW&i*H literal 0 HcmV?d00001 diff --git a/packages/terra-switch/tests/wdio/__snapshots__/reference/en/chrome_large/switch-spec/Block_Switch[default].png b/packages/terra-switch/tests/wdio/__snapshots__/reference/en/chrome_large/switch-spec/Block_Switch[default].png new file mode 100644 index 0000000000000000000000000000000000000000..a7be85c49af51963f914b38b6fc667c242e22e13 GIT binary patch literal 3126 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 literal 0 HcmV?d00001 diff --git a/packages/terra-switch/tests/wdio/__snapshots__/reference/en/chrome_medium/switch-spec/Block_Switch[default].png b/packages/terra-switch/tests/wdio/__snapshots__/reference/en/chrome_medium/switch-spec/Block_Switch[default].png new file mode 100644 index 0000000000000000000000000000000000000000..ccc30894f3daafff0d3fb4bb3c2dc6a49b413b64 GIT binary patch literal 3069 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 ClF%an literal 0 HcmV?d00001 diff --git a/packages/terra-switch/tests/wdio/__snapshots__/reference/en/chrome_tiny/switch-spec/Block_Switch[default].png b/packages/terra-switch/tests/wdio/__snapshots__/reference/en/chrome_tiny/switch-spec/Block_Switch[default].png new file mode 100644 index 0000000000000000000000000000000000000000..8d107d8aa232cfdbe2a2ed31b203f3f67ec99321 GIT binary patch literal 2945 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 LmGKip*T4S{1S3c@ literal 0 HcmV?d00001 diff --git a/packages/terra-switch/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/switch-spec/Block_Switch[default].png b/packages/terra-switch/tests/wdio/__snapshots__/reference/orion-fusion-theme/en/chrome_medium/switch-spec/Block_Switch[default].png new file mode 100644 index 0000000000000000000000000000000000000000..4c52c61a54fd576ad460adcea2e1d5f6d27288fb GIT binary patch literal 2722 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 F{2!$aEh?85tKD zQBs!d#x`U|#I4*g7?W!Y*9_P8p2xkP&-?!IJm)#*d7kq-=l5OCFUI=3**5qtxRjLC zHuG}?TPZ2&KJcso+YIjOH`|;*BV$f5wkJzZ?z+=0B_%%t^`;tr@L>o;>u1;JYqR(U zS+uFeV2_iXRNu(1yrt&ZjMMTSPTfL&V*JssKZZYiJyZRiC3}1R< zF89bbca#E;lG**!CYdPV7%okAIDB&PlO@lbXE0cbx}Ji5$cR!!TJmSK!jxK6J>$}m z3Z8M87OP#+7|_*x)FBLbPwzc*;ew*~2&<3Z)zicIO#UV?t5^yzzYKkNf@n&#A=>Zw z|K`+rY4G!VWF9+i!X0>n<^{>FZO zkZpl9CD;&I=l zG5^}FTUQ3EE0GbxFE^J2UnL2hS2vb$A1q;XJ~W^bm6MZW_|_k5YAS7moGlnmV7FiO zD3LPu8?ZylBAa8Wts_ky{vIW&1L4&YDhz$rSd&CgOhnl3-yawkI49;YUbvRfSu8Y< zP%rz??!emYmh~p4QTXgVQCIfST5)fkht(CLhNp$4rFrhps%mP2g{gk0YA-dk}8D{ zy}c%e2rZ{y{)04a8u5o$OF)uh2y_A~!|QbhW$m8ybmXFnOU(_9ET&ECxUALCK=`^G zLQt?!rwNm}{cdRn*ZcjuZlo?rQ;t*M-rkX)c&^E*EKpwY^r93*IWJqHeX@3Jn=oK< z;uF8axxD06(W7_oE?siIwD?SS>vbQWXC)=~0`Z-t&P;FqK+SuGQKk%_=J$adHWij{ z;ow+0+V zl63X;wY<*l__WrN85mq^+2DLK*l&4vh&v>Z%|wkXJ{FH}Z^_TfE68Rp6&(Q}`{CVH zUxx|dJCC@ul{vcYXPhSuH_5ZKFCa~=ygqoVyt>2D1Q09BFP^5Q9v-n@7k|^aST0tN z5Vd5IhhwzTPuC@%^sRfO?)xsi%<|~I%ud_WH+MR^yrtXUh^kv(E3&$vd7whVtXdjd z7}QMSTHD$-{t`0q7*L3GbVIFNVF1J)QbuM$VPS4rSxV`LF98@JiOGp?L&LN&uw7oL zeXuS-8ipTaq?uKplI;Q4P zau-s7sp>?eC+emoK$uouNgC>?^P@`vj7P1DLU?Vu=Aq4Om*=CLwEO z<fBNZ1vX~&nBxU{^MC9Fcwel( zw$EKviPr4L8=-rmU)HYS-7b~FXN;8PapSXEOfOOK*A=1LiortZ(b2X<_defGZ8htE zD^FKUIaHIXm&E-MOMmvR2)Z?VLItK7>grC*3ojus!2+UWL@49!U7xHKwI}p_Jb34n zIULT@PnJ4CxLAESh7cil0!FcSy+(F ze-Z01c4rXZKQ9~!q-5_mBMWi|Nupcj){f4W#uuGA<;BbRkQI(1`O3tJpUuoZ*Ldq} zQ9yaQwcZiGDNpJUF3$3&M|^Kr>;d?VC85zs^2~v2H+)9_emgj%udeU^VqVqew!vMEUBU7+l_R5-qDV8x5Jk7u_O}p^ zvh)zy_2KbU$S00Riu2#h^qcv*ovx{=sg8V3v(nrIm^xrU2azFQObFWB5iL)frj>?;}8hV%*-IcgRR>X zX4kS!=oZA#)lU8N!EVY%G$oK18AO9Yv}DhW5p?j8XZ}5l(T%MQ$tfv*%_=&g+AVwX zes$aO*(YT`hhw8CdgXsjRJ>iid7~%=$ hap`*hlv)|ot*+#f)GbjY5%uUY|iqBrA{1^D=1bYAg literal 0 HcmV?d00001 diff --git a/packages/terra-switch/tests/wdio/switch-spec.js b/packages/terra-switch/tests/wdio/switch-spec.js index e1ff2155ddb..efab41c58a1 100644 --- a/packages/terra-switch/tests/wdio/switch-spec.js +++ b/packages/terra-switch/tests/wdio/switch-spec.js @@ -44,4 +44,11 @@ Terra.describeViewports('Switch', ['tiny', 'medium', 'large'], () => { Terra.validates.element(); }); }); + + describe('Block Switch', () => { + it('renders switch as block element', () => { + browser.url('/#/raw/tests/terra-switch/switch/block-switch'); + Terra.validates.element(); + }); + }); });