Fix(web-twig): Bugfix boolean props value

packages/web-twig/src/Resources/components/button.twig

@@ -1,9 +1,9 @@
 {% set _className = _spiritClassPrefix ~ 'Button' %}
 {% set _color = (props.color is defined) ? ' ' ~ _className ~ '--' ~ props.color : ' ' ~  _className ~ '--primary' %}
-{% set _block = (props.isBlock is defined) ? ' ' ~ _className ~ '--block' : '' %}
-{% set _square = (props.isSquare is defined) ? ' ' ~ _className ~ '--square' : '' %}
+{% set _block = props.isBlock == 'true'  ? ' ' ~ _className ~ '--block' : '' %}
+{% set _square = props.isSquare == 'true' ? ' ' ~ _className ~ '--square' : '' %}
 {% set _type = (props.type is defined) ? props.type : 'button' %}
-{% set _disabled = (props.isDisabled is defined) ? ' disabled="true"' : '' %}
+{% set _disabled = props.isDisabled == 'true'  ? ' disabled="true"' : '' %}
 {% set _ariaLabel = (props.ariaLabel is defined) ? ' aria-label="' ~ props.ariaLabel ~ '"' : '' %}
 {% set _onClick = (props.onClick is defined) ? ' onclick="' ~ props.onClick ~'"' : '' %}
 {% set _class = (props.class is defined) ? ' ' ~  props.class : '' -%}

packages/web-twig/src/Resources/components/buttonLink.twig

@@ -1,10 +1,10 @@
 {% set _className = _spiritClassPrefix ~ 'Button' %}
 {% set _color = (props.color is defined) ? ' ' ~ _className ~ '--' ~ props.color : ' ' ~  _className ~ '--primary' %}
-{% set _block = (props.isBlock is defined) ? ' ' ~ _className ~ '--block' : '' %}
-{% set _square = (props.isSquare is defined) ? ' ' ~ _className ~ '--square' : '' %}
+{% set _block = (props.isBlock == 'true' ) ? ' ' ~ _className ~ '--block' : '' %}
+{% set _square = (props.isSquare == 'true' ) ? ' ' ~ _className ~ '--square' : '' %}
 {% set _href = (props.href is defined) ? props.href : '#' %}
 {% set _target = (props.target is defined) ? ' target="' ~ props.target ~ '"' : '' %}
-{% set _disabledClass = (props.isDisabled is defined) ? ' ' ~ _className ~ '--disabled' : '' %}
+{% set _disabledClass = (props.isDisabled == 'true') ? ' ' ~ _className ~ '--disabled' : '' %}
 {% set _ariaLabel = (props.ariaLabel is defined) ? ' aria-label="' ~ props.ariaLabel ~ '"' : '' %}
 {% set _onClick = (props.onClick is defined) ? ' onclick="' ~ props.onClick ~'"' : '' %}
 {% set _class = (props.class is defined) ? ' ' ~  props.class : '' -%}

packages/web-twig/src/Resources/components/checkboxField.twig

@@ -6,16 +6,16 @@
 {% set _label = (props.label is defined) ? props.label : '' %}
 {% set _labelClass = _className ~ '__label' %}
 {% set _labelClassRequired = (props.label is defined) ? ' ' ~ _labelClass ~ '--required' : '' %}
-{% set _labelClassHidden = (props.isLabelHidden is defined) ? ' ' ~ _labelClass ~ '--hidden' : '' %}
+{% set _labelClassHidden = (props.isLabelHidden == 'true') ? ' ' ~ _labelClass ~ '--hidden' : '' %}
 
 {% set _inputName = (props.name is defined) ? props.name : '' %}
 {% set _type = (props.type is defined) ? props.type : 'text' %}
 {% set _InputClass = _className ~ '__input' %}
 
-{% set _disabled = (props.isDisabled is defined) ? ' disabled="true"' : '' %}
-{% set _checked = (props.isChecked is defined) ? ' checked="checked"' : '' %}
-{% set _required = (props.isRequired is defined) ? ' required="true"' : '' %}
-{% set _disabledClass = (props.isDisabled is defined) ? ' ' ~ _className ~ '--disabled' : '' %}
+{% set _disabled = (props.isDisabled == 'true') ? ' disabled="true"' : '' %}
+{% set _checked = (props.isChecked == 'true') ? ' checked="checked"' : '' %}
+{% set _required = (props.isRequired == 'true') ? ' required="true"' : '' %}
+{% set _disabledClass = (props.isDisabled == 'true') ? ' ' ~ _className ~ '--disabled' : '' %}
 {% set _validationStateClass = (props.validationState is defined) ? ' ' ~ _className ~ '--' ~ props.validationState : '' %}
 {% set _value = (props.value is defined) ? props.value : '' %}
 {% set _class = (props.class is defined) ? ' ' ~  props.class : '' -%}

packages/web-twig/src/Resources/components/textField.twig

@@ -6,15 +6,15 @@
 {% set _label = (props.label is defined) ? props.label : '' %}
 {% set _labelClass = _className ~ '__label' %}
 {% set _labelClassRequired = (props.label is defined) ? ' ' ~ _labelClass ~ '--required' : '' %}
-{% set _labelClassHidden = (props.isLabelHidden is defined) ? ' ' ~ _labelClass ~ '--hidden' : '' %}
+{% set _labelClassHidden = (props.isLabelHidden == 'true') ? ' ' ~ _labelClass ~ '--hidden' : '' %}
 
 {% set _inputName = (props.name is defined) ? props.name : '' %}
 {% set _type = (props.type is defined) ? props.type : 'text' %}
 {% set _InputClass = _className ~ '__input' %}
 
-{% set _disabled = (props.isDisabled is defined) ? ' disabled="true"' : '' %}
-{% set _required = (props.isRequired is defined) ? ' required="true"' : '' %}
-{% set _disabledClass = (props.isDisabled is defined) ? ' ' ~ _className ~ '--disabled' : '' %}
+{% set _disabled = (props.isDisabled == 'true') ? ' disabled="true"' : '' %}
+{% set _required = (props.isRequired == 'true') ? ' required="true"' : '' %}
+{% set _disabledClass = (props.isDisabled == 'true') ? ' ' ~ _className ~ '--disabled' : '' %}
 {% set _validationStateClass = (props.validationState is defined) ? ' ' ~ _className ~ '--' ~ props.validationState : '' %}
 {% set _placeholder = (props.placeholder is defined) ? ' placeholder="' ~ props.placeholder ~ '"' : '' %}
 {% set _value = (props.value is defined) ? props.value : '' %}

packages/web-twig/tests/__snapshots__/ComponentsSnapshotTest__testShouldSnapshotComponents with data set buttonDisabledDefault.twig__1.html

@@ -0,0 +1,4 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<html><body>
+<button class="Button Button--primary" type="button" disabled>Disabled button</button>
+</body></html>

packages/web-twig/tests/__snapshots__/ComponentsSnapshotTest__testShouldSnapshotComponents with data set buttonWithDisabledFalseDefault.twig__1.html

@@ -0,0 +1,4 @@
+<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd">
+<html><body>
+<button class="Button Button--primary" type="button">Not Disabled button</button>
+</body></html>

packages/web-twig/tests/components-fixtures/buttonDisabledDefault.twig

@@ -0,0 +1 @@
+<Button color="primary" isDisabled>Disabled button</Button>

packages/web-twig/tests/components-fixtures/buttonWithDisabledFalseDefault.twig

@@ -0,0 +1 @@
+<Button color="primary" isDisabled=false>Not Disabled button</Button>