@proprioo/salatim 29.15.0 → 30.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/lib/date/src/DayPicker.js +2 -2
- package/lib/date/src/DayPicker.js.map +1 -1
- package/lib/date/src/datePicker/DatePicker.js +5 -28
- package/lib/date/src/datePicker/DatePicker.js.map +1 -1
- package/lib/date/src/datePicker/DatePicker.test.js +7 -7
- package/lib/date/src/datePicker/DatePicker.test.js.map +1 -1
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.js +3 -26
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.js.map +1 -1
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.stories.js +13 -13
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.stories.js.map +1 -1
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.test.js +23 -23
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.test.js.map +1 -1
- package/lib/date/src/singleMonth/SingleMonth.js +2 -3
- package/lib/date/src/singleMonth/SingleMonth.js.map +1 -1
- package/lib/date/src/singleMonth/SingleMonth.stories.js +9 -11
- package/lib/date/src/singleMonth/SingleMonth.stories.js.map +1 -1
- package/lib/date/src/singleMonth/SingleMonth.test.js +7 -7
- package/lib/date/src/singleMonth/SingleMonth.test.js.map +1 -1
- package/lib/energy/src/Energy.js +2 -23
- package/lib/energy/src/Energy.js.map +1 -1
- package/lib/energy/src/Energy.stories.js +5 -5
- package/lib/energy/src/Energy.stories.js.map +1 -1
- package/lib/energy/src/Energy.styles.js +0 -1
- package/lib/energy/src/Energy.styles.js.map +1 -1
- package/lib/energy/src/Energy.test.js +5 -5
- package/lib/energy/src/Energy.test.js.map +1 -1
- package/lib/forms/src/errorForm/ErrorFormLayout.js +2 -5
- package/lib/forms/src/errorForm/ErrorFormLayout.js.map +1 -1
- package/lib/forms/src/offerSignatoryForm/OfferSignatoryForm.js +4 -43
- package/lib/forms/src/offerSignatoryForm/OfferSignatoryForm.js.map +1 -1
- package/lib/forms/src/offerSignatoryForm/OfferSignatoryForm.stories.js +11 -21
- package/lib/forms/src/offerSignatoryForm/OfferSignatoryForm.stories.js.map +1 -1
- package/lib/forms/src/offerSignatoryForm/OfferSignatoryForm.test.js +30 -30
- package/lib/forms/src/offerSignatoryForm/OfferSignatoryForm.test.js.map +1 -1
- package/lib/forms/src/userForm/UserForm.js +2 -18
- package/lib/forms/src/userForm/UserForm.js.map +1 -1
- package/lib/forms/src/userForm/UserForm.stories.js +11 -11
- package/lib/forms/src/userForm/UserForm.stories.js.map +1 -1
- package/lib/forms/src/userForm/UserForm.test.js +16 -16
- package/lib/forms/src/userForm/UserForm.test.js.map +1 -1
- package/lib/index.js +796 -830
- package/lib/index.js.map +1 -1
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.js +3 -27
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.js.map +1 -1
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.stories.js +8 -8
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.stories.js.map +1 -1
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.styles.js +1 -1
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.styles.js.map +1 -1
- package/lib/phone/src/phoneAndFlag/PhoneAndFlags.test.js +6 -6
- package/lib/phone/src/phoneAndFlag/PhoneAndFlags.test.js.map +1 -1
- package/lib/phone/src/phoneInput/Phone.js +3 -26
- package/lib/phone/src/phoneInput/Phone.js.map +1 -1
- package/lib/phone/src/phoneInput/Phone.stories.js +13 -19
- package/lib/phone/src/phoneInput/Phone.stories.js.map +1 -1
- package/lib/phone/src/phoneInput/Phone.styles.js +0 -2
- package/lib/phone/src/phoneInput/Phone.styles.js.map +1 -1
- package/lib/phone/src/phoneInput/Phone.test.js +8 -34
- package/lib/phone/src/phoneInput/Phone.test.js.map +1 -1
- package/lib/phone/src/phoneInput/PhoneInput.js +2 -2
- package/lib/phone/src/phoneInput/PhoneInput.js.map +1 -1
- package/lib/ui/src/accordion/Accordion.js +2 -5
- package/lib/ui/src/accordion/Accordion.js.map +1 -1
- package/lib/ui/src/accordion/Accordion.stories.js +5 -64
- package/lib/ui/src/accordion/Accordion.stories.js.map +1 -1
- package/lib/ui/src/accordion/Accordion.styles.js +2 -1
- package/lib/ui/src/accordion/Accordion.styles.js.map +1 -1
- package/lib/ui/src/accordion/Accordion.test.js +10 -79
- package/lib/ui/src/accordion/Accordion.test.js.map +1 -1
- package/lib/ui/src/accordion/AccordionContextConsumer.js +3 -25
- package/lib/ui/src/accordion/AccordionContextConsumer.js.map +1 -1
- package/lib/ui/src/accordion/AccordionContextProvider.d.ts +1 -1
- package/lib/ui/src/accordion/AccordionContextProvider.js +4 -26
- package/lib/ui/src/accordion/AccordionContextProvider.js.map +1 -1
- package/lib/ui/src/accordion/AccordionHeader.js +2 -5
- package/lib/ui/src/accordion/AccordionHeader.js.map +1 -1
- package/lib/ui/src/accordion/AccordionItem.js +2 -6
- package/lib/ui/src/accordion/AccordionItem.js.map +1 -1
- package/lib/ui/src/accordion/AccordionPanel.js +3 -25
- package/lib/ui/src/accordion/AccordionPanel.js.map +1 -1
- package/lib/ui/src/accordion/ItemContextConsumer.js +3 -25
- package/lib/ui/src/accordion/ItemContextConsumer.js.map +1 -1
- package/lib/ui/src/accordion/ItemContextProvider.js +4 -26
- package/lib/ui/src/accordion/ItemContextProvider.js.map +1 -1
- package/lib/ui/src/agentBanner/AgentBanner.js +2 -10
- package/lib/ui/src/agentBanner/AgentBanner.js.map +1 -1
- package/lib/ui/src/agentBanner/AgentBanner.stories.js +4 -5
- package/lib/ui/src/agentBanner/AgentBanner.stories.js.map +1 -1
- package/lib/ui/src/agentBanner/AgentBanner.styles.js +1 -7
- package/lib/ui/src/agentBanner/AgentBanner.styles.js.map +1 -1
- package/lib/ui/src/agentBanner/AgentBanner.test.js +9 -9
- package/lib/ui/src/agentBanner/AgentBanner.test.js.map +1 -1
- package/lib/ui/src/agentCard/AgentCard.js +2 -15
- package/lib/ui/src/agentCard/AgentCard.js.map +1 -1
- package/lib/ui/src/agentCard/AgentCard.stories.js +4 -5
- package/lib/ui/src/agentCard/AgentCard.stories.js.map +1 -1
- package/lib/ui/src/agentCard/AgentCard.styles.js +3 -3
- package/lib/ui/src/agentCard/AgentCard.styles.js.map +1 -1
- package/lib/ui/src/agentCard/AgentCard.test.js +25 -25
- package/lib/ui/src/agentCard/AgentCard.test.js.map +1 -1
- package/lib/ui/src/autocomplete/Autocomplete.js +3 -25
- package/lib/ui/src/autocomplete/Autocomplete.js.map +1 -1
- package/lib/ui/src/autocomplete/Autocomplete.stories.js +11 -36
- package/lib/ui/src/autocomplete/Autocomplete.stories.js.map +1 -1
- package/lib/ui/src/autocomplete/Autocomplete.test.js +18 -18
- package/lib/ui/src/autocomplete/Autocomplete.test.js.map +1 -1
- package/lib/ui/src/block/Block.js +2 -7
- package/lib/ui/src/block/Block.js.map +1 -1
- package/lib/ui/src/block/Block.stories.js +6 -39
- package/lib/ui/src/block/Block.stories.js.map +1 -1
- package/lib/ui/src/block/Block.test.js +9 -13
- package/lib/ui/src/block/Block.test.js.map +1 -1
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.js +2 -8
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.js.map +1 -1
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.stories.js +3 -29
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.stories.js.map +1 -1
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.styles.js +5 -5
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.styles.js.map +1 -1
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.test.js +16 -16
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.test.js.map +1 -1
- package/lib/ui/src/blockIcon/BlockIcon.d.ts +2 -2
- package/lib/ui/src/blockIcon/BlockIcon.js +2 -8
- package/lib/ui/src/blockIcon/BlockIcon.js.map +1 -1
- package/lib/ui/src/blockIcon/BlockIcon.stories.js +4 -8
- package/lib/ui/src/blockIcon/BlockIcon.stories.js.map +1 -1
- package/lib/ui/src/blockIcon/BlockIcon.styles.js +4 -4
- package/lib/ui/src/blockIcon/BlockIcon.styles.js.map +1 -1
- package/lib/ui/src/blockIcon/BlockIcon.test.js +14 -14
- package/lib/ui/src/blockIcon/BlockIcon.test.js.map +1 -1
- package/lib/ui/src/burger/Burger.js +2 -8
- package/lib/ui/src/burger/Burger.js.map +1 -1
- package/lib/ui/src/burger/Burger.stories.js +3 -27
- package/lib/ui/src/burger/Burger.stories.js.map +1 -1
- package/lib/ui/src/burger/Burger.test.js +7 -7
- package/lib/ui/src/burger/Burger.test.js.map +1 -1
- package/lib/ui/src/button/Button.js +9 -33
- package/lib/ui/src/button/Button.js.map +1 -1
- package/lib/ui/src/button/Button.stories.js +9 -14
- package/lib/ui/src/button/Button.stories.js.map +1 -1
- package/lib/ui/src/button/Button.styles.js +13 -14
- package/lib/ui/src/button/Button.styles.js.map +1 -1
- package/lib/ui/src/button/Button.test.js +19 -19
- package/lib/ui/src/button/Button.test.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadio.js +3 -27
- package/lib/ui/src/buttonRadioGroup/ButtonRadio.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadio.stories.js +3 -29
- package/lib/ui/src/buttonRadioGroup/ButtonRadio.stories.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.js +2 -2
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.stories.js +4 -5
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.stories.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.test.js +8 -8
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.test.js.map +1 -1
- package/lib/ui/src/card/Card.js +5 -42
- package/lib/ui/src/card/Card.js.map +1 -1
- package/lib/ui/src/card/Card.stories.js +20 -22
- package/lib/ui/src/card/Card.stories.js.map +1 -1
- package/lib/ui/src/card/Card.styles.js +2 -2
- package/lib/ui/src/card/Card.styles.js.map +1 -1
- package/lib/ui/src/card/Card.test.js +45 -46
- package/lib/ui/src/card/Card.test.js.map +1 -1
- package/lib/ui/src/checkbox/Checkbox.js +2 -7
- package/lib/ui/src/checkbox/Checkbox.js.map +1 -1
- package/lib/ui/src/checkbox/Checkbox.stories.js +30 -60
- package/lib/ui/src/checkbox/Checkbox.stories.js.map +1 -1
- package/lib/ui/src/checkbox/Checkbox.styles.js +5 -5
- package/lib/ui/src/checkbox/Checkbox.styles.js.map +1 -1
- package/lib/ui/src/checkbox/Checkbox.test.js +17 -18
- package/lib/ui/src/checkbox/Checkbox.test.js.map +1 -1
- package/lib/ui/src/dateInput/DateInput.js +3 -25
- package/lib/ui/src/dateInput/DateInput.js.map +1 -1
- package/lib/ui/src/dateInput/DateInput.stories.js +7 -35
- package/lib/ui/src/dateInput/DateInput.stories.js.map +1 -1
- package/lib/ui/src/dateInput/DateInput.test.js +8 -9
- package/lib/ui/src/dateInput/DateInput.test.js.map +1 -1
- package/lib/ui/src/emailInput/EmailInput.d.ts +1 -2
- package/lib/ui/src/emailInput/EmailInput.js +3 -34
- package/lib/ui/src/emailInput/EmailInput.js.map +1 -1
- package/lib/ui/src/emailInput/EmailInput.stories.js +5 -6
- package/lib/ui/src/emailInput/EmailInput.stories.js.map +1 -1
- package/lib/ui/src/emailInput/EmailInput.test.js +8 -30
- package/lib/ui/src/emailInput/EmailInput.test.js.map +1 -1
- package/lib/ui/src/fieldset/Fieldset.js +2 -9
- package/lib/ui/src/fieldset/Fieldset.js.map +1 -1
- package/lib/ui/src/fieldset/Fieldset.stories.js +4 -9
- package/lib/ui/src/fieldset/Fieldset.stories.js.map +1 -1
- package/lib/ui/src/fieldset/Fieldset.styles.js +3 -3
- package/lib/ui/src/fieldset/Fieldset.styles.js.map +1 -1
- package/lib/ui/src/fieldset/Fieldset.test.js +6 -7
- package/lib/ui/src/fieldset/Fieldset.test.js.map +1 -1
- package/lib/ui/src/gmapsAutoComplete/GmapsAutocomplete.js +9 -8
- package/lib/ui/src/gmapsAutoComplete/GmapsAutocomplete.js.map +1 -1
- package/lib/ui/src/gmapsAutoComplete/GmapsAutocomplete.stories.js +16 -22
- package/lib/ui/src/gmapsAutoComplete/GmapsAutocomplete.stories.js.map +1 -1
- package/lib/ui/src/gmapsGeocode/GmapsGeocode.js +2 -2
- package/lib/ui/src/gmapsGeocode/GmapsGeocode.js.map +1 -1
- package/lib/ui/src/gmapsGeocode/GmapsGeocode.stories.js +10 -14
- package/lib/ui/src/gmapsGeocode/GmapsGeocode.stories.js.map +1 -1
- package/lib/ui/src/gmapsSuggestions/GmapsSuggestions.js +10 -10
- package/lib/ui/src/gmapsSuggestions/GmapsSuggestions.js.map +1 -1
- package/lib/ui/src/gmapsSuggestions/GmapsSuggestions.test.js +8 -8
- package/lib/ui/src/gmapsSuggestions/GmapsSuggestions.test.js.map +1 -1
- package/lib/ui/src/icons/Alert.d.ts +1 -2
- package/lib/ui/src/icons/Alert.js +2 -6
- package/lib/ui/src/icons/Alert.js.map +1 -1
- package/lib/ui/src/icons/Arrow.d.ts +1 -2
- package/lib/ui/src/icons/Arrow.js +2 -6
- package/lib/ui/src/icons/Arrow.js.map +1 -1
- package/lib/ui/src/icons/Certificate.js +2 -6
- package/lib/ui/src/icons/Certificate.js.map +1 -1
- package/lib/ui/src/icons/CheckGreen.d.ts +1 -2
- package/lib/ui/src/icons/CheckGreen.js +2 -6
- package/lib/ui/src/icons/CheckGreen.js.map +1 -1
- package/lib/ui/src/icons/ChevronRight.js +2 -6
- package/lib/ui/src/icons/ChevronRight.js.map +1 -1
- package/lib/ui/src/icons/Close.js +2 -6
- package/lib/ui/src/icons/Close.js.map +1 -1
- package/lib/ui/src/icons/CloseBox.d.ts +1 -2
- package/lib/ui/src/icons/CloseBox.js +2 -6
- package/lib/ui/src/icons/CloseBox.js.map +1 -1
- package/lib/ui/src/icons/DropDown.d.ts +1 -2
- package/lib/ui/src/icons/DropDown.js +2 -6
- package/lib/ui/src/icons/DropDown.js.map +1 -1
- package/lib/ui/src/icons/EmoticonCool.js +2 -6
- package/lib/ui/src/icons/EmoticonCool.js.map +1 -1
- package/lib/ui/src/icons/Help.js +2 -6
- package/lib/ui/src/icons/Help.js.map +1 -1
- package/lib/ui/src/icons/Less.js +2 -6
- package/lib/ui/src/icons/Less.js.map +1 -1
- package/lib/ui/src/icons/Plus.js +2 -6
- package/lib/ui/src/icons/Plus.js.map +1 -1
- package/lib/ui/src/icons/Tick.d.ts +1 -2
- package/lib/ui/src/icons/Tick.js +2 -6
- package/lib/ui/src/icons/Tick.js.map +1 -1
- package/lib/ui/src/icons/TrustPilot.d.ts +1 -2
- package/lib/ui/src/icons/TrustPilot.js +2 -8
- package/lib/ui/src/icons/TrustPilot.js.map +1 -1
- package/lib/ui/src/icons/index.d.ts +5 -5
- package/lib/ui/src/input/Input.js +5 -27
- package/lib/ui/src/input/Input.js.map +1 -1
- package/lib/ui/src/input/Input.stories.js +18 -49
- package/lib/ui/src/input/Input.stories.js.map +1 -1
- package/lib/ui/src/input/Input.styles.js +2 -3
- package/lib/ui/src/input/Input.styles.js.map +1 -1
- package/lib/ui/src/input/Input.test.js +9 -12
- package/lib/ui/src/input/Input.test.js.map +1 -1
- package/lib/ui/src/inputBase/InputBase.js +5 -14
- package/lib/ui/src/inputBase/InputBase.js.map +1 -1
- package/lib/ui/src/inputBase/InputBase.styles.js +6 -8
- package/lib/ui/src/inputBase/InputBase.styles.js.map +1 -1
- package/lib/ui/src/inputBase/InputBase.test.js +8 -32
- package/lib/ui/src/inputBase/InputBase.test.js.map +1 -1
- package/lib/ui/src/inputLoader/InputLoader.d.ts +1 -2
- package/lib/ui/src/inputLoader/InputLoader.js +2 -6
- package/lib/ui/src/inputLoader/InputLoader.js.map +1 -1
- package/lib/ui/src/inputLoading/InputLoading.js +2 -5
- package/lib/ui/src/inputLoading/InputLoading.js.map +1 -1
- package/lib/ui/src/inputLoading/InputLoading.stories.js +3 -3
- package/lib/ui/src/inputLoading/InputLoading.stories.js.map +1 -1
- package/lib/ui/src/inputLoading/InputLoading.test.js +4 -4
- package/lib/ui/src/inputLoading/InputLoading.test.js.map +1 -1
- package/lib/ui/src/loader/Loader.js +4 -10
- package/lib/ui/src/loader/Loader.js.map +1 -1
- package/lib/ui/src/loader/Loader.stories.js +8 -10
- package/lib/ui/src/loader/Loader.stories.js.map +1 -1
- package/lib/ui/src/loader/Loader.styles.js +2 -2
- package/lib/ui/src/loader/Loader.styles.js.map +1 -1
- package/lib/ui/src/loader/Loader.test.js +4 -4
- package/lib/ui/src/loader/Loader.test.js.map +1 -1
- package/lib/ui/src/logo/Logo.d.ts +1 -2
- package/lib/ui/src/logo/Logo.js +2 -7
- package/lib/ui/src/logo/Logo.js.map +1 -1
- package/lib/ui/src/logo/Logo.stories.js +3 -27
- package/lib/ui/src/logo/Logo.stories.js.map +1 -1
- package/lib/ui/src/mockForm/MockForm.js +2 -7
- package/lib/ui/src/mockForm/MockForm.js.map +1 -1
- package/lib/ui/src/mockForm/MockForm.test.js +4 -5
- package/lib/ui/src/mockForm/MockForm.test.js.map +1 -1
- package/lib/ui/src/modal/Modal.d.ts +2 -2
- package/lib/ui/src/modal/Modal.js +5 -37
- package/lib/ui/src/modal/Modal.js.map +1 -1
- package/lib/ui/src/modal/Modal.stories.js +34 -76
- package/lib/ui/src/modal/Modal.stories.js.map +1 -1
- package/lib/ui/src/modal/Modal.styles.js +1 -1
- package/lib/ui/src/modal/Modal.styles.js.map +1 -1
- package/lib/ui/src/modal/Modal.test.js +12 -36
- package/lib/ui/src/modal/Modal.test.js.map +1 -1
- package/lib/ui/src/nativeSelect/NativeSelect.js +2 -7
- package/lib/ui/src/nativeSelect/NativeSelect.js.map +1 -1
- package/lib/ui/src/nativeSelect/NativeSelect.test.js +7 -7
- package/lib/ui/src/nativeSelect/NativeSelect.test.js.map +1 -1
- package/lib/ui/src/numberInput/NumberInput.js +3 -25
- package/lib/ui/src/numberInput/NumberInput.js.map +1 -1
- package/lib/ui/src/numberInput/NumberInput.stories.js +8 -33
- package/lib/ui/src/numberInput/NumberInput.stories.js.map +1 -1
- package/lib/ui/src/numberInput/NumberInput.test.js +16 -23
- package/lib/ui/src/numberInput/NumberInput.test.js.map +1 -1
- package/lib/ui/src/option/Option.js +2 -6
- package/lib/ui/src/option/Option.js.map +1 -1
- package/lib/ui/src/option/Option.styles.js +4 -8
- package/lib/ui/src/option/Option.styles.js.map +1 -1
- package/lib/ui/src/option/Option.test.js +12 -12
- package/lib/ui/src/option/Option.test.js.map +1 -1
- package/lib/ui/src/radio/Radio.js +2 -7
- package/lib/ui/src/radio/Radio.js.map +1 -1
- package/lib/ui/src/radio/Radio.stories.js +3 -5
- package/lib/ui/src/radio/Radio.stories.js.map +1 -1
- package/lib/ui/src/radio/Radio.styles.js +4 -4
- package/lib/ui/src/radio/Radio.styles.js.map +1 -1
- package/lib/ui/src/radio/Radio.test.js +9 -9
- package/lib/ui/src/radio/Radio.test.js.map +1 -1
- package/lib/ui/src/select/Select.d.ts +1 -1
- package/lib/ui/src/select/Select.js +6 -7
- package/lib/ui/src/select/Select.js.map +1 -1
- package/lib/ui/src/select/Select.styles.js +2 -3
- package/lib/ui/src/select/Select.styles.js.map +1 -1
- package/lib/ui/src/select/Select.test.js +6 -28
- package/lib/ui/src/select/Select.test.js.map +1 -1
- package/lib/ui/src/selectWrapper/SelectWrapper.js +5 -8
- package/lib/ui/src/selectWrapper/SelectWrapper.js.map +1 -1
- package/lib/ui/src/selectWrapper/SelectWrapper.stories.js +62 -88
- package/lib/ui/src/selectWrapper/SelectWrapper.stories.js.map +1 -1
- package/lib/ui/src/selectWrapper/SelectWrapper.test.js +19 -19
- package/lib/ui/src/selectWrapper/SelectWrapper.test.js.map +1 -1
- package/lib/ui/src/subtitle/Subtitle.d.ts +0 -1
- package/lib/ui/src/subtitle/Subtitle.js +2 -6
- package/lib/ui/src/subtitle/Subtitle.js.map +1 -1
- package/lib/ui/src/subtitle/Subtitle.stories.js +3 -26
- package/lib/ui/src/subtitle/Subtitle.stories.js.map +1 -1
- package/lib/ui/src/subtitle/Subtitle.styles.d.ts +0 -1
- package/lib/ui/src/subtitle/Subtitle.styles.js +5 -29
- package/lib/ui/src/subtitle/Subtitle.styles.js.map +1 -1
- package/lib/ui/src/subtitle/Subtitle.test.js +6 -6
- package/lib/ui/src/subtitle/Subtitle.test.js.map +1 -1
- package/lib/ui/src/tag/Tag.js +5 -37
- package/lib/ui/src/tag/Tag.js.map +1 -1
- package/lib/ui/src/tag/Tag.stories.js +8 -36
- package/lib/ui/src/tag/Tag.stories.js.map +1 -1
- package/lib/ui/src/tag/Tag.styles.js +5 -8
- package/lib/ui/src/tag/Tag.styles.js.map +1 -1
- package/lib/ui/src/tag/Tag.test.js +8 -30
- package/lib/ui/src/tag/Tag.test.js.map +1 -1
- package/lib/ui/src/tag/TagColors.js +8 -8
- package/lib/ui/src/tag/TagColors.js.map +1 -1
- package/lib/ui/src/textToggle/TextToggle.js +3 -28
- package/lib/ui/src/textToggle/TextToggle.js.map +1 -1
- package/lib/ui/src/textToggle/TextToggle.stories.js +6 -6
- package/lib/ui/src/textToggle/TextToggle.stories.js.map +1 -1
- package/lib/ui/src/textToggle/TextToggle.styles.js +3 -3
- package/lib/ui/src/textToggle/TextToggle.styles.js.map +1 -1
- package/lib/ui/src/textToggle/TextToggle.test.js +33 -33
- package/lib/ui/src/textToggle/TextToggle.test.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.d.ts +2 -2
- package/lib/ui/src/textarea/Textarea.js +3 -30
- package/lib/ui/src/textarea/Textarea.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.stories.js +22 -49
- package/lib/ui/src/textarea/Textarea.stories.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.styles.js +5 -5
- package/lib/ui/src/textarea/Textarea.styles.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.test.js +11 -11
- package/lib/ui/src/textarea/Textarea.test.js.map +1 -1
- package/lib/ui/src/title/H1.js +2 -5
- package/lib/ui/src/title/H1.js.map +1 -1
- package/lib/ui/src/title/H1.test.js +4 -4
- package/lib/ui/src/title/H1.test.js.map +1 -1
- package/lib/ui/src/title/H2.js +2 -5
- package/lib/ui/src/title/H2.js.map +1 -1
- package/lib/ui/src/title/H2.test.js +4 -4
- package/lib/ui/src/title/H2.test.js.map +1 -1
- package/lib/ui/src/title/H3.js +2 -5
- package/lib/ui/src/title/H3.js.map +1 -1
- package/lib/ui/src/title/H3.test.js +4 -4
- package/lib/ui/src/title/H3.test.js.map +1 -1
- package/lib/ui/src/title/H4.js +2 -5
- package/lib/ui/src/title/H4.js.map +1 -1
- package/lib/ui/src/title/H4.test.js +4 -4
- package/lib/ui/src/title/H4.test.js.map +1 -1
- package/lib/ui/src/title/H5.js +2 -5
- package/lib/ui/src/title/H5.js.map +1 -1
- package/lib/ui/src/title/H5.test.js +4 -4
- package/lib/ui/src/title/H5.test.js.map +1 -1
- package/lib/ui/src/title/H6.js +2 -5
- package/lib/ui/src/title/H6.js.map +1 -1
- package/lib/ui/src/title/H6.test.js +4 -4
- package/lib/ui/src/title/H6.test.js.map +1 -1
- package/lib/ui/src/title/Title.stories.js +11 -11
- package/lib/ui/src/title/Title.stories.js.map +1 -1
- package/lib/ui/src/title/Title.styles.js +10 -24
- package/lib/ui/src/title/Title.styles.js.map +1 -1
- package/lib/ui/src/toggle/Toggle.js +4 -6
- package/lib/ui/src/toggle/Toggle.js.map +1 -1
- package/lib/ui/src/toggle/Toggle.stories.js +11 -37
- package/lib/ui/src/toggle/Toggle.stories.js.map +1 -1
- package/lib/ui/src/toggle/Toggle.styles.js +3 -3
- package/lib/ui/src/toggle/Toggle.styles.js.map +1 -1
- package/lib/ui/src/toggle/Toggle.test.js +13 -13
- package/lib/ui/src/toggle/Toggle.test.js.map +1 -1
- package/lib/ui/src/tooltip/Tooltip.js +9 -36
- package/lib/ui/src/tooltip/Tooltip.js.map +1 -1
- package/lib/ui/src/tooltip/Tooltip.stories.js +12 -20
- package/lib/ui/src/tooltip/Tooltip.stories.js.map +1 -1
- package/lib/ui/src/tooltip/Tooltip.styles.js +1 -1
- package/lib/ui/src/tooltip/Tooltip.styles.js.map +1 -1
- package/lib/ui/src/tooltip/Tooltip.test.js +16 -16
- package/lib/ui/src/tooltip/Tooltip.test.js.map +1 -1
- package/lib/utils/index.d.ts +1 -1
- package/lib/utils/index.js +3 -3
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/src/colors.d.ts +0 -18
- package/lib/utils/src/colors.js +4 -6
- package/lib/utils/src/colors.js.map +1 -1
- package/lib/utils/src/fonts.d.ts +2 -2
- package/lib/utils/src/fonts.js +5 -5
- package/lib/utils/src/fonts.js.map +1 -1
- package/lib/utils/src/paragraphs.js +2 -3
- package/lib/utils/src/paragraphs.js.map +1 -1
- package/lib/utils/src/scrollbars.js +1 -1
- package/lib/utils/src/scrollbars.js.map +1 -1
- package/lib/utils/src/test-utils.js +5 -8
- package/lib/utils/src/test-utils.js.map +1 -1
- package/lib/utils/src/utils.stories.js +12 -181
- package/lib/utils/src/utils.stories.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,58 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
4
|
};
|
|
28
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
const
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const react_1 = require("react");
|
|
30
8
|
const addon_knobs_1 = require("@storybook/addon-knobs");
|
|
31
9
|
const react_2 = require("@storybook/react");
|
|
32
10
|
const Block_1 = __importDefault(require("./Block"));
|
|
33
11
|
(0, react_2.storiesOf)('Block', module)
|
|
34
12
|
.add('Simple block', () => {
|
|
35
13
|
const isRounded = (0, addon_knobs_1.boolean)('Rounded', false);
|
|
36
|
-
return (
|
|
37
|
-
react_1.default.createElement("span", null, "Contenu du block")));
|
|
14
|
+
return ((0, jsx_runtime_1.jsx)(Block_1.default, { isRounded: isRounded, children: (0, jsx_runtime_1.jsx)("span", { children: "Contenu du block" }) }));
|
|
38
15
|
})
|
|
39
16
|
.add('Double block', () => {
|
|
40
|
-
return (react_1.default.
|
|
41
|
-
react_1.default.createElement(Block_1.default, null,
|
|
42
|
-
react_1.default.createElement("span", null, "Contenu du block 1")),
|
|
43
|
-
react_1.default.createElement(Block_1.default, null,
|
|
44
|
-
react_1.default.createElement("span", null, "Contenu du block 2"))));
|
|
17
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Block_1.default, { children: (0, jsx_runtime_1.jsx)("span", { children: "Contenu du block 1" }) }), (0, jsx_runtime_1.jsx)(Block_1.default, { children: (0, jsx_runtime_1.jsx)("span", { children: "Contenu du block 2" }) })] }));
|
|
45
18
|
})
|
|
46
19
|
.add('Block with picture', () => {
|
|
47
|
-
return (
|
|
48
|
-
react_1.default.createElement("span", null,
|
|
49
|
-
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer elementum et velit sed gravida. Curabitur condimentum suscipit fringilla. Sed et vehicula est, luctus venenatis erat. Ut quis luctus libero. In hac habitasse platea dictumst. Fusce porttitor mi eget tincidunt aliquam. Aenean efficitur iaculis diam, sit amet molestie tortor commodo eget. Donec aliquet id enim in egestas. Vestibulum sit amet metus sapien. Suspendisse id ipsum quis est gravida efficitur in ut tellus. Donec lectus odio, consequat eget mauris in, molestie condimentum lectus. Donec non ornare odio. Proin convallis laoreet sem, non cursus odio lacinia id. In ornare, urna sed tincidunt feugiat, metus ligula suscipit leo, a ornare nisl sem eu mauris. Nulla bibendum fringilla commodo. Nulla eget iaculis nunc. Duis vestibulum nibh ut dui auctor tempor. Cras nec mi magna. Quisque eget ornare massa. Suspendisse venenatis aliquet nisl non mollis. Quisque id purus sem. Nunc faucibus nisl quis metus varius, sed sagittis est feugiat. Morbi quis erat commodo velit lacinia rutrum sed non lacus. Aenean vehicula a elit tincidunt viverra. Duis ac ultricies lectus, non malesuada velit. Pellentesque condimentum quis odio non blandit. Fusce vitae sodales odio, sit amet molestie leo. Donec quis ligula dapibus nisi dignissim lacinia in congue ipsum.",
|
|
50
|
-
react_1.default.createElement("br", null),
|
|
51
|
-
react_1.default.createElement("br", null),
|
|
52
|
-
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer elementum et velit sed gravida. Curabitur condimentum suscipit fringilla. Sed et vehicula est, luctus venenatis erat. Ut quis luctus libero. In hac habitasse platea dictumst. Fusce porttitor mi eget tincidunt aliquam. Aenean efficitur iaculis diam, sit amet molestie tortor commodo eget. Donec aliquet id enim in egestas. Vestibulum sit amet metus sapien. Suspendisse id ipsum quis est gravida efficitur in ut tellus. Donec lectus odio, consequat eget mauris in, molestie condimentum lectus. Donec non ornare odio. Proin convallis laoreet sem, non cursus odio lacinia id. In ornare, urna sed tincidunt feugiat, metus ligula suscipit leo, a ornare nisl sem eu mauris. Nulla bibendum fringilla commodo. Nulla eget iaculis nunc. Duis vestibulum nibh ut dui auctor tempor. Cras nec mi magna. Quisque eget ornare massa. Suspendisse venenatis aliquet nisl non mollis. Quisque id purus sem. Nunc faucibus nisl quis metus varius, sed sagittis est feugiat. Morbi quis erat commodo velit lacinia rutrum sed non lacus. Aenean vehicula a elit tincidunt viverra. Duis ac ultricies lectus, non malesuada velit. Pellentesque condimentum quis odio non blandit. Fusce vitae sodales odio, sit amet molestie leo. Donec quis ligula dapibus nisi dignissim lacinia in congue ipsum.")));
|
|
20
|
+
return ((0, jsx_runtime_1.jsx)(Block_1.default, { picture: 'https://cdn.pixabay.com/photo/2014/03/09/17/12/zebra-283869_960_720.jpg', children: (0, jsx_runtime_1.jsxs)("span", { children: ["Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer elementum et velit sed gravida. Curabitur condimentum suscipit fringilla. Sed et vehicula est, luctus venenatis erat. Ut quis luctus libero. In hac habitasse platea dictumst. Fusce porttitor mi eget tincidunt aliquam. Aenean efficitur iaculis diam, sit amet molestie tortor commodo eget. Donec aliquet id enim in egestas. Vestibulum sit amet metus sapien. Suspendisse id ipsum quis est gravida efficitur in ut tellus. Donec lectus odio, consequat eget mauris in, molestie condimentum lectus. Donec non ornare odio. Proin convallis laoreet sem, non cursus odio lacinia id. In ornare, urna sed tincidunt feugiat, metus ligula suscipit leo, a ornare nisl sem eu mauris. Nulla bibendum fringilla commodo. Nulla eget iaculis nunc. Duis vestibulum nibh ut dui auctor tempor. Cras nec mi magna. Quisque eget ornare massa. Suspendisse venenatis aliquet nisl non mollis. Quisque id purus sem. Nunc faucibus nisl quis metus varius, sed sagittis est feugiat. Morbi quis erat commodo velit lacinia rutrum sed non lacus. Aenean vehicula a elit tincidunt viverra. Duis ac ultricies lectus, non malesuada velit. Pellentesque condimentum quis odio non blandit. Fusce vitae sodales odio, sit amet molestie leo. Donec quis ligula dapibus nisi dignissim lacinia in congue ipsum.", (0, jsx_runtime_1.jsx)("br", {}), (0, jsx_runtime_1.jsx)("br", {}), "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer elementum et velit sed gravida. Curabitur condimentum suscipit fringilla. Sed et vehicula est, luctus venenatis erat. Ut quis luctus libero. In hac habitasse platea dictumst. Fusce porttitor mi eget tincidunt aliquam. Aenean efficitur iaculis diam, sit amet molestie tortor commodo eget. Donec aliquet id enim in egestas. Vestibulum sit amet metus sapien. Suspendisse id ipsum quis est gravida efficitur in ut tellus. Donec lectus odio, consequat eget mauris in, molestie condimentum lectus. Donec non ornare odio. Proin convallis laoreet sem, non cursus odio lacinia id. In ornare, urna sed tincidunt feugiat, metus ligula suscipit leo, a ornare nisl sem eu mauris. Nulla bibendum fringilla commodo. Nulla eget iaculis nunc. Duis vestibulum nibh ut dui auctor tempor. Cras nec mi magna. Quisque eget ornare massa. Suspendisse venenatis aliquet nisl non mollis. Quisque id purus sem. Nunc faucibus nisl quis metus varius, sed sagittis est feugiat. Morbi quis erat commodo velit lacinia rutrum sed non lacus. Aenean vehicula a elit tincidunt viverra. Duis ac ultricies lectus, non malesuada velit. Pellentesque condimentum quis odio non blandit. Fusce vitae sodales odio, sit amet molestie leo. Donec quis ligula dapibus nisi dignissim lacinia in congue ipsum."] }) }));
|
|
53
21
|
})
|
|
54
22
|
.add('Compact block', () => {
|
|
55
|
-
return (
|
|
56
|
-
react_1.default.createElement("span", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer elementum et velit sed gravida. Curabitur condimentum suscipit fringilla. Sed et vehicula est, luctus venenatis erat. Ut quis luctus libero. In hac habitasse platea dictumst. Fusce porttitor mi eget tincidunt aliquam. Aenean efficitur iaculis diam, sit amet molestie tortor commodo eget. Donec aliquet id enim in egestas. Vestibulum sit amet metus sapien. Suspendisse id ipsum quis est gravida efficitur in ut tellus. Donec lectus odio, consequat eget mauris in, molestie condimentum lectus. Donec non ornare odio. Proin convallis laoreet sem, non cursus odio lacinia id. In ornare, urna sed tincidunt feugiat, metus ligula suscipit leo, a ornare nisl sem eu mauris. Nulla bibendum fringilla commodo. Nulla eget iaculis nunc. Duis vestibulum nibh ut dui auctor tempor. Cras nec mi magna. Quisque eget ornare massa. Suspendisse venenatis aliquet nisl non mollis. Quisque id purus sem. Nunc faucibus nisl quis metus varius, sed sagittis est feugiat. Morbi quis erat commodo velit lacinia rutrum sed non lacus. Aenean vehicula a elit tincidunt viverra. Duis ac ultricies lectus, non malesuada velit. Pellentesque condimentum quis odio non blandit. Fusce vitae sodales odio, sit amet molestie leo. Donec quis ligula dapibus nisi dignissim lacinia in congue ipsum.")));
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)(Block_1.default, { isCompact: true, children: (0, jsx_runtime_1.jsx)("span", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer elementum et velit sed gravida. Curabitur condimentum suscipit fringilla. Sed et vehicula est, luctus venenatis erat. Ut quis luctus libero. In hac habitasse platea dictumst. Fusce porttitor mi eget tincidunt aliquam. Aenean efficitur iaculis diam, sit amet molestie tortor commodo eget. Donec aliquet id enim in egestas. Vestibulum sit amet metus sapien. Suspendisse id ipsum quis est gravida efficitur in ut tellus. Donec lectus odio, consequat eget mauris in, molestie condimentum lectus. Donec non ornare odio. Proin convallis laoreet sem, non cursus odio lacinia id. In ornare, urna sed tincidunt feugiat, metus ligula suscipit leo, a ornare nisl sem eu mauris. Nulla bibendum fringilla commodo. Nulla eget iaculis nunc. Duis vestibulum nibh ut dui auctor tempor. Cras nec mi magna. Quisque eget ornare massa. Suspendisse venenatis aliquet nisl non mollis. Quisque id purus sem. Nunc faucibus nisl quis metus varius, sed sagittis est feugiat. Morbi quis erat commodo velit lacinia rutrum sed non lacus. Aenean vehicula a elit tincidunt viverra. Duis ac ultricies lectus, non malesuada velit. Pellentesque condimentum quis odio non blandit. Fusce vitae sodales odio, sit amet molestie leo. Donec quis ligula dapibus nisi dignissim lacinia in congue ipsum." }) }));
|
|
57
24
|
});
|
|
58
25
|
//# sourceMappingURL=Block.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Block.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/block/Block.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Block.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/block/Block.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAAwC;AAExC,wDAAiD;AACjD,4CAA6C;AAE7C,oDAA4B;AAE5B,IAAA,iBAAS,EAAC,OAAO,EAAE,MAAM,CAAC;KACvB,GAAG,CAAC,cAAc,EAAE,GAAG,EAAE;IACxB,MAAM,SAAS,GAAG,IAAA,qBAAO,EAAC,SAAS,EAAE,KAAK,CAAC,CAAC;IAC5C,OAAO,CACL,uBAAC,eAAK,IAAC,SAAS,EAAE,SAAS,YACzB,gEAA6B,GACvB,CACT,CAAC;AACJ,CAAC,CAAC;KACD,GAAG,CAAC,cAAc,EAAE,GAAG,EAAE;IACxB,OAAO,CACL,wBAAC,gBAAQ,eACP,uBAAC,eAAK,cACJ,kEAA+B,GACzB,EACR,uBAAC,eAAK,cACJ,kEAA+B,GACzB,IACC,CACZ,CAAC;AACJ,CAAC,CAAC;KACD,GAAG,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAC9B,OAAO,CACL,uBAAC,eAAK,IACJ,OAAO,EACL,yEAAyE,YAG3E,61CAqBE,gCAAM,EACN,gCAAM,ozCAqBD,GACD,CACT,CAAC;AACJ,CAAC,CAAC;KACD,GAAG,CAAC,eAAe,EAAE,GAAG,EAAE;IACzB,OAAO,CACL,uBAAC,eAAK,IAAC,SAAS,kBACd,41CAqBO,GACD,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -3,30 +3,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
7
|
const react_test_renderer_1 = __importDefault(require("react-test-renderer"));
|
|
8
|
-
const
|
|
8
|
+
const react_1 = require("@testing-library/react");
|
|
9
9
|
const Block_1 = __importDefault(require("./Block"));
|
|
10
10
|
describe('Block component', () => {
|
|
11
11
|
it('should render an element without picture', () => {
|
|
12
12
|
const tree = react_test_renderer_1.default
|
|
13
|
-
.create(
|
|
14
|
-
react_1.default.createElement("div", null)))
|
|
13
|
+
.create((0, jsx_runtime_1.jsx)(Block_1.default, { children: (0, jsx_runtime_1.jsx)("div", {}) }))
|
|
15
14
|
.toJSON();
|
|
16
|
-
(0,
|
|
17
|
-
|
|
18
|
-
expect(
|
|
19
|
-
expect(react_2.screen.queryByTestId('picture')).not.toBeInTheDocument();
|
|
15
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Block_1.default, { children: (0, jsx_runtime_1.jsx)("div", {}) }));
|
|
16
|
+
expect(react_1.screen.getByTestId('block')).toBeInTheDocument();
|
|
17
|
+
expect(react_1.screen.queryByTestId('picture')).not.toBeInTheDocument();
|
|
20
18
|
expect(tree).toMatchSnapshot();
|
|
21
19
|
});
|
|
22
20
|
it('should render an element with picture', () => {
|
|
23
21
|
const tree = react_test_renderer_1.default
|
|
24
|
-
.create(
|
|
25
|
-
react_1.default.createElement("div", null)))
|
|
22
|
+
.create((0, jsx_runtime_1.jsx)(Block_1.default, { picture: "picture", children: (0, jsx_runtime_1.jsx)("div", {}) }))
|
|
26
23
|
.toJSON();
|
|
27
|
-
(0,
|
|
28
|
-
|
|
29
|
-
expect(react_2.screen.getByTestId('picture')).toBeInTheDocument();
|
|
24
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Block_1.default, { picture: "picture", children: (0, jsx_runtime_1.jsx)("div", {}) }));
|
|
25
|
+
expect(react_1.screen.getByTestId('picture')).toBeInTheDocument();
|
|
30
26
|
expect(tree).toMatchSnapshot();
|
|
31
27
|
});
|
|
32
28
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Block.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/block/Block.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Block.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/block/Block.test.tsx"],"names":[],"mappings":";;;;;;AACA,8EAA2C;AAE3C,kDAAwD;AAExD,oDAA4B;AAE5B,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,0CAA0C,EAAE,GAAG,EAAE;QAClD,MAAM,IAAI,GAAG,6BAAQ;aAClB,MAAM,CACL,uBAAC,eAAK,cACJ,iCAAO,GACD,CACT;aACA,MAAM,EAAE,CAAC;QAEZ,IAAA,cAAM,EACJ,uBAAC,eAAK,cACJ,iCAAO,GACD,CACT,CAAC;QAEF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACxD,MAAM,CAAC,cAAM,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;QAChE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC/C,MAAM,IAAI,GAAG,6BAAQ;aAClB,MAAM,CACL,uBAAC,eAAK,IAAC,OAAO,EAAC,SAAS,YACtB,iCAAO,GACD,CACT;aACA,MAAM,EAAE,CAAC;QAEZ,IAAA,cAAM,EACJ,uBAAC,eAAK,IAAC,OAAO,EAAC,SAAS,YACtB,iCAAO,GACD,CACT,CAAC;QAEF,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC1D,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,17 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
4
|
const BlockIcon_styles_1 = require("../blockIcon/BlockIcon.styles");
|
|
8
5
|
const BlockCheckIcon_styles_1 = require("./BlockCheckIcon.styles");
|
|
9
6
|
const BlockCheckIcon = ({ onClick, image, checked, name, text, dataTest }) => {
|
|
10
7
|
const labelId = `checkbox-input-label-${text}`;
|
|
11
|
-
return (
|
|
12
|
-
react_1.default.createElement(BlockIcon_styles_1.InputLayout, { "aria-labelledby": labelId, checked: checked, name: name, onChange: ({ target }) => onClick(target.checked), type: "checkbox" }),
|
|
13
|
-
react_1.default.createElement(BlockCheckIcon_styles_1.IconLayout, null, image),
|
|
14
|
-
react_1.default.createElement("span", { id: labelId }, text)));
|
|
8
|
+
return ((0, jsx_runtime_1.jsxs)(BlockCheckIcon_styles_1.Layout, { checked: checked, "data-test": dataTest || `checkbox-button-${text}`, children: [(0, jsx_runtime_1.jsx)(BlockIcon_styles_1.InputLayout, { "aria-labelledby": labelId, checked: checked, name: name, onChange: ({ target }) => onClick(target.checked), type: "checkbox" }), (0, jsx_runtime_1.jsx)(BlockCheckIcon_styles_1.IconLayout, { children: image }), (0, jsx_runtime_1.jsx)("span", { id: labelId, children: text })] }));
|
|
15
9
|
};
|
|
16
10
|
exports.default = BlockCheckIcon;
|
|
17
11
|
//# sourceMappingURL=BlockCheckIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockCheckIcon.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockCheckIcon/BlockCheckIcon.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BlockCheckIcon.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockCheckIcon/BlockCheckIcon.tsx"],"names":[],"mappings":";;;AAEA,oEAA4D;AAC5D,mEAA6D;AAW7D,MAAM,cAAc,GAA4B,CAAC,EAC/C,OAAO,EACP,KAAK,EACL,OAAO,EACP,IAAI,EACJ,IAAI,EACJ,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,OAAO,GAAG,wBAAwB,IAAI,EAAE,CAAC;IAE/C,OAAO,CACL,wBAAC,8BAAM,IAAC,OAAO,EAAE,OAAO,eAAa,QAAQ,IAAI,mBAAmB,IAAI,EAAE,aACxE,uBAAC,8BAAW,uBACO,OAAO,EACxB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,EACjD,IAAI,EAAC,UAAU,GACf,EACF,uBAAC,kCAAU,cAAE,KAAK,GAAc,EAChC,iCAAM,EAAE,EAAE,OAAO,YAAG,IAAI,GAAQ,IACzB,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,cAAc,CAAC"}
|
|
@@ -1,32 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
4
|
};
|
|
28
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
const
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const react_1 = require("react");
|
|
30
8
|
const storybook_state_1 = require("@sambego/storybook-state");
|
|
31
9
|
const react_2 = require("@storybook/react");
|
|
32
10
|
const utils_1 = require("../../../utils");
|
|
@@ -38,10 +16,6 @@ const propertyState = new storybook_state_1.Store({
|
|
|
38
16
|
});
|
|
39
17
|
const { Arrow } = icons_1.default;
|
|
40
18
|
(0, react_2.storiesOf)('BlockCheckIcon', module).add('BlockCheckIcon', () => {
|
|
41
|
-
return (react_1.default.
|
|
42
|
-
react_1.default.createElement(storybook_state_1.State, { store: propertyState }, state => (react_1.default.createElement(utils_1.Line, null,
|
|
43
|
-
react_1.default.createElement(utils_1.Row, null,
|
|
44
|
-
react_1.default.createElement(BlockCheckIcon_1.default, { dataTest: "data-test", key: "block-flat", image: react_1.default.createElement(Arrow, null), text: "Appartement", name: 'flat', checked: state.isFlat, onClick: isFlat => propertyState.set({ isFlat }) }),
|
|
45
|
-
react_1.default.createElement(BlockCheckIcon_1.default, { dataTest: "data-test", key: "block-house", image: react_1.default.createElement(Arrow, null), text: "Maison", name: 'house', checked: state.isHouse, onClick: isHouse => propertyState.set({ isHouse }) })))))));
|
|
19
|
+
return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: (0, jsx_runtime_1.jsx)(storybook_state_1.State, { store: propertyState, children: state => ((0, jsx_runtime_1.jsx)(utils_1.Line, { children: (0, jsx_runtime_1.jsxs)(utils_1.Row, { children: [(0, jsx_runtime_1.jsx)(BlockCheckIcon_1.default, { dataTest: "data-test", image: (0, jsx_runtime_1.jsx)(Arrow, {}), text: "Appartement", name: 'flat', checked: state.isFlat, onClick: isFlat => propertyState.set({ isFlat }) }, "block-flat"), (0, jsx_runtime_1.jsx)(BlockCheckIcon_1.default, { dataTest: "data-test", image: (0, jsx_runtime_1.jsx)(Arrow, {}), text: "Maison", name: 'house', checked: state.isHouse, onClick: isHouse => propertyState.set({ isHouse }) }, "block-house")] }) })) }) }));
|
|
46
20
|
});
|
|
47
21
|
//# sourceMappingURL=BlockCheckIcon.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockCheckIcon.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockCheckIcon/BlockCheckIcon.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BlockCheckIcon.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockCheckIcon/BlockCheckIcon.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAAwC;AAExC,8DAAwD;AACxD,4CAA6C;AAE7C,0CAA2C;AAC3C,qDAA6B;AAC7B,sEAA8C;AAE9C,MAAM,aAAa,GAAG,IAAI,uBAAK,CAAC;IAC9B,MAAM,EAAE,KAAK;IACb,OAAO,EAAE,KAAK;CACf,CAAC,CAAC;AAEH,MAAM,EAAE,KAAK,EAAE,GAAG,eAAK,CAAC;AAExB,IAAA,iBAAS,EAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC7D,OAAO,CACL,uBAAC,gBAAQ,cACP,uBAAC,uBAAK,IAAC,KAAK,EAAE,aAAa,YACxB,KAAK,CAAC,EAAE,CAAC,CACR,uBAAC,YAAI,cACH,wBAAC,WAAG,eACF,uBAAC,wBAAc,IACb,QAAQ,EAAC,WAAW,EAEpB,KAAK,EAAE,uBAAC,KAAK,KAAG,EAChB,IAAI,EAAC,aAAa,EAClB,IAAI,EAAE,MAAM,EACZ,OAAO,EAAE,KAAK,CAAC,MAAM,EACrB,OAAO,EAAE,MAAM,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,IAL5C,YAAY,CAMhB,EACF,uBAAC,wBAAc,IACb,QAAQ,EAAC,WAAW,EAEpB,KAAK,EAAE,uBAAC,KAAK,KAAG,EAChB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,OAAO,EACb,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,OAAO,EAAE,OAAO,CAAC,EAAE,CAAC,aAAa,CAAC,GAAG,CAAC,EAAE,OAAO,EAAE,CAAC,IAL9C,aAAa,CAMjB,IACE,GACD,CACR,GACK,GACC,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -58,7 +58,7 @@ exports.Layout = styled_components_1.default.label `
|
|
|
58
58
|
cursor: pointer;
|
|
59
59
|
background-color: white;
|
|
60
60
|
padding: ${(0, spacing_1.convertPxToRem)(8)};
|
|
61
|
-
color: ${colors_1.default.dark.
|
|
61
|
+
color: ${colors_1.default.dark.base};
|
|
62
62
|
|
|
63
63
|
& + & {
|
|
64
64
|
margin-top: ${(0, spacing_1.convertPxToRem)(12)};
|
|
@@ -67,19 +67,19 @@ exports.Layout = styled_components_1.default.label `
|
|
|
67
67
|
${({ checked }) => checked &&
|
|
68
68
|
(0, styled_components_1.css) `
|
|
69
69
|
${exports.IconLayout} {
|
|
70
|
-
color: ${colors_1.default.
|
|
70
|
+
color: ${colors_1.default.terracota.base};
|
|
71
71
|
border-color: currentColor;
|
|
72
|
-
background-color: ${colors_1.default.
|
|
72
|
+
background-color: ${colors_1.default.terracota.base5};
|
|
73
73
|
}
|
|
74
74
|
`};
|
|
75
75
|
|
|
76
76
|
@media (hover: hover) {
|
|
77
77
|
:hover {
|
|
78
78
|
${exports.IconLayout} {
|
|
79
|
-
border-color: ${colors_1.default.
|
|
79
|
+
border-color: ${colors_1.default.terracota.base};
|
|
80
80
|
|
|
81
81
|
> svg {
|
|
82
|
-
color: ${colors_1.default.
|
|
82
|
+
color: ${colors_1.default.terracota.base};
|
|
83
83
|
}
|
|
84
84
|
}
|
|
85
85
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockCheckIcon.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockCheckIcon/BlockCheckIcon.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,iFAAyD;AACzD,uEAA+C;AAC/C,+EAAuD;AACvD,uEAA+C;AAC/C,wDAA4D;AAE/C,QAAA,UAAU,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;YAIzB,IAAA,wBAAc,EAAC,CAAC,CAAC,UAAU,gBAAM,CAAC,IAAI,CAAC,MAAM;mBACtC,gBAAM,CAAC,OAAO;mBACd,IAAA,wBAAc,EAAC,CAAC,CAAC;;YAExB,IAAA,wBAAc,EAAC,EAAE,CAAC;WACnB,IAAA,wBAAc,EAAC,EAAE,CAAC;;;cAGf,IAAA,wBAAc,EAAC,EAAE,CAAC;aACnB,IAAA,wBAAc,EAAC,EAAE,CAAC;;;CAG9B,CAAC;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,KAAK,CAEhC;IACE,oBAAU,CAAC,UAAU;;;;;;aAMZ,IAAA,wBAAc,EAAC,CAAC,CAAC;WACnB,gBAAM,CAAC,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"BlockCheckIcon.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockCheckIcon/BlockCheckIcon.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,iFAAyD;AACzD,uEAA+C;AAC/C,+EAAuD;AACvD,uEAA+C;AAC/C,wDAA4D;AAE/C,QAAA,UAAU,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;YAIzB,IAAA,wBAAc,EAAC,CAAC,CAAC,UAAU,gBAAM,CAAC,IAAI,CAAC,MAAM;mBACtC,gBAAM,CAAC,OAAO;mBACd,IAAA,wBAAc,EAAC,CAAC,CAAC;;YAExB,IAAA,wBAAc,EAAC,EAAE,CAAC;WACnB,IAAA,wBAAc,EAAC,EAAE,CAAC;;;cAGf,IAAA,wBAAc,EAAC,EAAE,CAAC;aACnB,IAAA,wBAAc,EAAC,EAAE,CAAC;;;CAG9B,CAAC;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,KAAK,CAEhC;IACE,oBAAU,CAAC,UAAU;;;;;;aAMZ,IAAA,wBAAc,EAAC,CAAC,CAAC;WACnB,gBAAM,CAAC,IAAI,CAAC,IAAI;;;kBAGT,IAAA,wBAAc,EAAC,EAAE,CAAC;;;IAGhC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAChB,OAAO;IACP,IAAA,uBAAG,EAAA;QACC,kBAAU;iBACD,gBAAM,CAAC,SAAS,CAAC,IAAI;;4BAEV,gBAAM,CAAC,SAAS,CAAC,KAAK;;KAE7C;;;;QAIG,kBAAU;wBACM,gBAAM,CAAC,SAAS,CAAC,IAAI;;;mBAG1B,gBAAM,CAAC,SAAS,CAAC,IAAI;;;;;;uBAMjB,qBAAW,CAAC,MAAM;eAC1B,IAAA,wBAAc,EAAC,EAAE,CAAC;;;sBAGX,IAAA,wBAAc,EAAC,EAAE,CAAC;;;CAGvC,CAAC"}
|
|
@@ -12,15 +12,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
12
12
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
13
13
|
};
|
|
14
14
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
15
|
-
const
|
|
15
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
16
|
const react_test_renderer_1 = __importDefault(require("react-test-renderer"));
|
|
17
|
-
const
|
|
17
|
+
const react_1 = require("@testing-library/react");
|
|
18
18
|
const user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
19
19
|
const test_utils_1 = require("../../../utils/src/test-utils");
|
|
20
20
|
const BlockCheckIcon_1 = __importDefault(require("./BlockCheckIcon"));
|
|
21
21
|
const mockOnChange = jest.fn();
|
|
22
22
|
const defaultProps = {
|
|
23
|
-
image:
|
|
23
|
+
image: (0, jsx_runtime_1.jsx)("div", { "data-test": "image" }),
|
|
24
24
|
text: 'text',
|
|
25
25
|
dataTest: 'test',
|
|
26
26
|
name: 'test',
|
|
@@ -28,31 +28,31 @@ const defaultProps = {
|
|
|
28
28
|
onClick: mockOnChange
|
|
29
29
|
};
|
|
30
30
|
describe('BlockCheckIcon', () => {
|
|
31
|
-
it('should pass A11y test', () => (0, test_utils_1.testA11y)(
|
|
31
|
+
it('should pass A11y test', () => (0, test_utils_1.testA11y)((0, jsx_runtime_1.jsx)(BlockCheckIcon_1.default, Object.assign({}, defaultProps))));
|
|
32
32
|
it('should equal snapshot rendering', () => {
|
|
33
|
-
const tree = react_test_renderer_1.default.create(
|
|
33
|
+
const tree = react_test_renderer_1.default.create((0, jsx_runtime_1.jsx)(BlockCheckIcon_1.default, Object.assign({}, defaultProps))).toJSON();
|
|
34
34
|
expect(tree).toMatchSnapshot();
|
|
35
35
|
});
|
|
36
36
|
it('should render', () => {
|
|
37
|
-
(0,
|
|
38
|
-
expect(
|
|
39
|
-
expect(
|
|
40
|
-
expect(
|
|
41
|
-
expect(
|
|
37
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlockCheckIcon_1.default, Object.assign({}, defaultProps)));
|
|
38
|
+
expect(react_1.screen.getByTestId('test')).toBeInTheDocument();
|
|
39
|
+
expect(react_1.screen.getByRole('checkbox', { name: 'text' })).toBeInTheDocument();
|
|
40
|
+
expect(react_1.screen.getByRole('checkbox', { name: 'text' })).not.toBeChecked();
|
|
41
|
+
expect(react_1.screen.getByTestId('image')).toBeInTheDocument();
|
|
42
42
|
});
|
|
43
43
|
it('should trigger true onChange', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
44
|
-
(0,
|
|
45
|
-
yield user_event_1.default.click(
|
|
44
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlockCheckIcon_1.default, Object.assign({}, defaultProps)));
|
|
45
|
+
yield user_event_1.default.click(react_1.screen.getByRole('checkbox', { name: 'text' }));
|
|
46
46
|
expect(mockOnChange).toHaveBeenCalledWith(true);
|
|
47
47
|
}));
|
|
48
48
|
it('should trigger false onChange', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
49
|
-
(0,
|
|
50
|
-
yield user_event_1.default.click(
|
|
49
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlockCheckIcon_1.default, Object.assign({}, defaultProps, { checked: true })));
|
|
50
|
+
yield user_event_1.default.click(react_1.screen.getByRole('checkbox', { name: 'text' }));
|
|
51
51
|
expect(mockOnChange).toHaveBeenCalledWith(false);
|
|
52
52
|
}));
|
|
53
53
|
it('should be checked', () => {
|
|
54
|
-
(0,
|
|
55
|
-
expect(
|
|
54
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlockCheckIcon_1.default, Object.assign({}, defaultProps, { checked: true })));
|
|
55
|
+
expect(react_1.screen.getByRole('checkbox', { name: 'text' })).toBeChecked();
|
|
56
56
|
});
|
|
57
57
|
});
|
|
58
58
|
//# sourceMappingURL=BlockCheckIcon.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockCheckIcon.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockCheckIcon/BlockCheckIcon.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BlockCheckIcon.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockCheckIcon/BlockCheckIcon.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,8EAA2C;AAE3C,kDAAwD;AACxD,6EAAoD;AAEpD,8DAAyD;AACzD,sEAAuE;AAEvE,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,MAAM,YAAY,GAAwB;IACxC,KAAK,EAAE,6CAAe,OAAO,GAAG;IAChC,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,MAAM;IAChB,IAAI,EAAE,MAAM;IACZ,OAAO,EAAE,KAAK;IACd,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE,CAC/B,IAAA,qBAAQ,EAAC,uBAAC,wBAAc,oBAAK,YAAY,EAAI,CAAC,CAAC,CAAC;IAElD,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAAC,uBAAC,wBAAc,oBAAK,YAAY,EAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QAE5E,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;QACvB,IAAA,cAAM,EAAC,uBAAC,wBAAc,oBAAK,YAAY,EAAI,CAAC,CAAC;QAE7C,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACvD,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAC3E,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QACzE,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,8BAA8B,EAAE,GAAS,EAAE;QAC5C,IAAA,cAAM,EAAC,uBAAC,wBAAc,oBAAK,YAAY,EAAI,CAAC,CAAC;QAE7C,MAAM,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;QAEtE,MAAM,CAAC,YAAY,CAAC,CAAC,oBAAoB,CAAC,IAAI,CAAC,CAAC;IAClD,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,GAAS,EAAE;QAC7C,IAAA,cAAM,EAAC,uBAAC,wBAAc,oBAAK,YAAY,IAAE,OAAO,EAAE,IAAI,IAAI,CAAC,CAAC;QAE5D,MAAM,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;QAEtE,MAAM,CAAC,YAAY,CAAC,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IACnD,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;QAC3B,IAAA,cAAM,EAAC,uBAAC,wBAAc,oBAAK,YAAY,IAAE,OAAO,EAAE,IAAI,IAAI,CAAC,CAAC;QAE5D,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,UAAU,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IACvE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ReactElement } from 'react';
|
|
2
2
|
export type BlockIconProps<T> = {
|
|
3
3
|
text: string;
|
|
4
4
|
name: string;
|
|
@@ -9,5 +9,5 @@ export type BlockIconProps<T> = {
|
|
|
9
9
|
image?: ReactElement;
|
|
10
10
|
isContentCentered?: boolean;
|
|
11
11
|
};
|
|
12
|
-
declare function BlockIcon<T>({ onClick, image, text, name, selectedValue, dataTest, value, isContentCentered }: BlockIconProps<T>):
|
|
12
|
+
declare function BlockIcon<T>({ onClick, image, text, name, selectedValue, dataTest, value, isContentCentered }: BlockIconProps<T>): import("react/jsx-runtime").JSX.Element;
|
|
13
13
|
export default BlockIcon;
|
|
@@ -1,17 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
4
|
const BlockIcon_styles_1 = require("./BlockIcon.styles");
|
|
8
5
|
function BlockIcon({ onClick, image, text, name, selectedValue, dataTest, value, isContentCentered = false }) {
|
|
9
6
|
const isActive = selectedValue === value;
|
|
10
7
|
const labelId = `radio-input-label-${text}`;
|
|
11
|
-
return (
|
|
12
|
-
react_1.default.createElement(BlockIcon_styles_1.InputLayout, { "aria-labelledby": labelId, checked: isActive, name: name, onChange: () => onClick(value), type: "radio" }),
|
|
13
|
-
react_1.default.createElement("span", { id: labelId }, text),
|
|
14
|
-
image));
|
|
8
|
+
return ((0, jsx_runtime_1.jsxs)(BlockIcon_styles_1.Layout, { "data-test": dataTest || `radio-button-${text}`, isActive: isActive, isContentCentered: isContentCentered, children: [(0, jsx_runtime_1.jsx)(BlockIcon_styles_1.InputLayout, { "aria-labelledby": labelId, checked: isActive, name: name, onChange: () => onClick(value), type: "radio" }), (0, jsx_runtime_1.jsx)("span", { id: labelId, children: text }), image] }));
|
|
15
9
|
}
|
|
16
10
|
exports.default = BlockIcon;
|
|
17
11
|
//# sourceMappingURL=BlockIcon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockIcon.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BlockIcon.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.tsx"],"names":[],"mappings":";;;AAEA,yDAAyD;AAazD,SAAS,SAAS,CAAI,EACpB,OAAO,EACP,KAAK,EACL,IAAI,EACJ,IAAI,EACJ,aAAa,EACb,QAAQ,EACR,KAAK,EACL,iBAAiB,GAAG,KAAK,EACP;IAClB,MAAM,QAAQ,GAAG,aAAa,KAAK,KAAK,CAAC;IACzC,MAAM,OAAO,GAAG,qBAAqB,IAAI,EAAE,CAAC;IAE5C,OAAO,CACL,wBAAC,yBAAM,iBACM,QAAQ,IAAI,gBAAgB,IAAI,EAAE,EAC7C,QAAQ,EAAE,QAAQ,EAClB,iBAAiB,EAAE,iBAAiB,aAEpC,uBAAC,8BAAW,uBACO,OAAO,EACxB,OAAO,EAAE,QAAQ,EACjB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAC9B,IAAI,EAAC,OAAO,GACZ,EACF,iCAAM,EAAE,EAAE,OAAO,YAAG,IAAI,GAAQ,EAC/B,KAAK,IACC,CACV,CAAC;AACJ,CAAC;AAED,kBAAe,SAAS,CAAC"}
|
|
@@ -3,10 +3,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
7
|
const hokkaido_1 = require("@proprioo/hokkaido");
|
|
8
8
|
const storybook_state_1 = require("@sambego/storybook-state");
|
|
9
|
-
const
|
|
9
|
+
const react_1 = require("@storybook/react");
|
|
10
10
|
const utils_1 = require("../../../utils");
|
|
11
11
|
const icons_1 = __importDefault(require("../icons"));
|
|
12
12
|
const BlockIcon_1 = __importDefault(require("./BlockIcon"));
|
|
@@ -15,14 +15,10 @@ const propertyState = new storybook_state_1.Store({
|
|
|
15
15
|
});
|
|
16
16
|
const radioGroupName = 'property-type';
|
|
17
17
|
const { Arrow } = icons_1.default;
|
|
18
|
-
(0,
|
|
18
|
+
(0, react_1.storiesOf)('BlockIcon', module).add('BlockIcon', () => {
|
|
19
19
|
const updateProperty = (property) => {
|
|
20
20
|
propertyState.set({ property });
|
|
21
21
|
};
|
|
22
|
-
return (
|
|
23
|
-
react_1.default.createElement("h2", { id: "property-type-label" }, "Type de logement :"),
|
|
24
|
-
react_1.default.createElement(utils_1.Row, { role: "radiogroup", "aria-labelledby": "property-type-label" },
|
|
25
|
-
react_1.default.createElement(BlockIcon_1.default, { dataTest: "data-test", key: "block-flat", image: react_1.default.createElement(Arrow, null), text: "Appartement", name: radioGroupName, value: hokkaido_1.PropertyEnum.FLAT, selectedValue: state.property, onClick: updateProperty }),
|
|
26
|
-
react_1.default.createElement(BlockIcon_1.default, { dataTest: "data-test", key: "block-house", image: react_1.default.createElement(Arrow, null), text: "Maison", name: radioGroupName, value: hokkaido_1.PropertyEnum.HOUSE, selectedValue: state.property, onClick: updateProperty }))))));
|
|
22
|
+
return ((0, jsx_runtime_1.jsx)(storybook_state_1.State, { store: propertyState, children: state => ((0, jsx_runtime_1.jsxs)(utils_1.Line, { children: [(0, jsx_runtime_1.jsx)("h2", { id: "property-type-label", children: "Type de logement :" }), (0, jsx_runtime_1.jsxs)(utils_1.Row, { role: "radiogroup", "aria-labelledby": "property-type-label", children: [(0, jsx_runtime_1.jsx)(BlockIcon_1.default, { dataTest: "data-test", image: (0, jsx_runtime_1.jsx)(Arrow, {}), text: "Appartement", name: radioGroupName, value: hokkaido_1.PropertyEnum.FLAT, selectedValue: state.property, onClick: updateProperty }, "block-flat"), (0, jsx_runtime_1.jsx)(BlockIcon_1.default, { dataTest: "data-test", image: (0, jsx_runtime_1.jsx)(Arrow, {}), text: "Maison", name: radioGroupName, value: hokkaido_1.PropertyEnum.HOUSE, selectedValue: state.property, onClick: updateProperty }, "block-house")] })] })) }));
|
|
27
23
|
});
|
|
28
24
|
//# sourceMappingURL=BlockIcon.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockIcon.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BlockIcon.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.stories.tsx"],"names":[],"mappings":";;;;;;AAEA,iDAAkD;AAClD,8DAAwD;AACxD,4CAA6C;AAE7C,0CAA2C;AAC3C,qDAA6B;AAC7B,4DAAoC;AAEpC,MAAM,aAAa,GAAG,IAAI,uBAAK,CAAC;IAC9B,QAAQ,EAAE,uBAAY,CAAC,IAAI;CAC5B,CAAC,CAAC;AACH,MAAM,cAAc,GAAG,eAAe,CAAC;AAEvC,MAAM,EAAE,KAAK,EAAE,GAAG,eAAK,CAAC;AAExB,IAAA,iBAAS,EAAC,WAAW,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,GAAG,EAAE;IACnD,MAAM,cAAc,GAAG,CAAC,QAAsB,EAAE,EAAE;QAChD,aAAa,CAAC,GAAG,CAAC,EAAE,QAAQ,EAAE,CAAC,CAAC;IAClC,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,uBAAK,IAAC,KAAK,EAAE,aAAa,YACxB,KAAK,CAAC,EAAE,CAAC,CACR,wBAAC,YAAI,eACH,+BAAI,EAAE,EAAC,qBAAqB,mCAAwB,EACpD,wBAAC,WAAG,IAAC,IAAI,EAAC,YAAY,qBAAiB,qBAAqB,aAC1D,uBAAC,mBAAS,IACR,QAAQ,EAAC,WAAW,EAEpB,KAAK,EAAE,uBAAC,KAAK,KAAG,EAChB,IAAI,EAAC,aAAa,EAClB,IAAI,EAAE,cAAc,EACpB,KAAK,EAAE,uBAAY,CAAC,IAAI,EACxB,aAAa,EAAE,KAAK,CAAC,QAAQ,EAC7B,OAAO,EAAE,cAAc,IANnB,YAAY,CAOhB,EACF,uBAAC,mBAAS,IACR,QAAQ,EAAC,WAAW,EAEpB,KAAK,EAAE,uBAAC,KAAK,KAAG,EAChB,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,cAAc,EACpB,KAAK,EAAE,uBAAY,CAAC,KAAK,EACzB,aAAa,EAAE,KAAK,CAAC,QAAQ,EAC7B,OAAO,EAAE,cAAc,IANnB,aAAa,CAOjB,IACE,IACD,CACR,GACK,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -39,7 +39,7 @@ exports.Layout = styled_components_1.default.label `
|
|
|
39
39
|
height: ${(0, utils_1.convertPxToRem)(48)};
|
|
40
40
|
border: ${(0, utils_1.convertPxToRem)(1)} solid ${utils_1.colors.grey.base80};
|
|
41
41
|
border-radius: ${utils_1.radius.biggest};
|
|
42
|
-
color: ${utils_1.colors.dark.
|
|
42
|
+
color: ${utils_1.colors.dark.base};
|
|
43
43
|
transition: border 0.1s ease-in, background 0.2s ease-in;
|
|
44
44
|
|
|
45
45
|
& + & {
|
|
@@ -62,9 +62,9 @@ exports.Layout = styled_components_1.default.label `
|
|
|
62
62
|
${({ isActive }) => isActive &&
|
|
63
63
|
(0, styled_components_1.css) `
|
|
64
64
|
box-shadow: ${utils_1.shadows.level5};
|
|
65
|
-
border-color: ${utils_1.colors.
|
|
66
|
-
background-color: ${utils_1.colors.
|
|
67
|
-
color: ${utils_1.colors.
|
|
65
|
+
border-color: ${utils_1.colors.terracota.base40};
|
|
66
|
+
background-color: ${utils_1.colors.terracota.base5};
|
|
67
|
+
color: ${utils_1.colors.dark.base};
|
|
68
68
|
`};
|
|
69
69
|
`;
|
|
70
70
|
exports.InputLayout = styled_components_1.default.input `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockIcon.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAwC;AACxC,uEAAgD;AAEhD,0CAOwB;AAEX,QAAA,MAAM,GAAG,2BAAM,CAAC,KAAK,CAGhC;IACE,kBAAU,CAAC,KAAK;;;;qBAIC,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAC3C,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe;;;aAGrC,IAAA,sBAAc,EAAC,EAAE,CAAC;YACnB,IAAA,sBAAc,EAAC,EAAE,CAAC;YAClB,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,IAAI,CAAC,MAAM;mBACtC,cAAM,CAAC,OAAO;WACtB,cAAM,CAAC,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"BlockIcon.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAAwC;AACxC,uEAAgD;AAEhD,0CAOwB;AAEX,QAAA,MAAM,GAAG,2BAAM,CAAC,KAAK,CAGhC;IACE,kBAAU,CAAC,KAAK;;;;qBAIC,CAAC,EAAE,iBAAiB,EAAE,EAAE,EAAE,CAC3C,iBAAiB,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,eAAe;;;aAGrC,IAAA,sBAAc,EAAC,EAAE,CAAC;YACnB,IAAA,sBAAc,EAAC,EAAE,CAAC;YAClB,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,IAAI,CAAC,MAAM;mBACtC,cAAM,CAAC,OAAO;WACtB,cAAM,CAAC,IAAI,CAAC,IAAI;;;;kBAIT,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;cAItB,IAAA,sBAAc,EAAC,EAAE,CAAC;aACnB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;uBAGR,mBAAW,CAAC,MAAM;;;;sBAInB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;IAIpC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,IAAA,uBAAG,EAAA;oBACa,eAAO,CAAC,MAAM;sBACZ,cAAM,CAAC,SAAS,CAAC,MAAM;0BACnB,cAAM,CAAC,SAAS,CAAC,KAAK;eACjC,cAAM,CAAC,IAAI,CAAC,IAAI;KAC1B;CACJ,CAAC;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,CAAA;IACnC,IAAA,uBAAY,GAAE;CACjB,CAAC"}
|
|
@@ -12,16 +12,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
12
12
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
13
13
|
};
|
|
14
14
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
15
|
-
const
|
|
15
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
16
|
const react_test_renderer_1 = __importDefault(require("react-test-renderer"));
|
|
17
17
|
const hokkaido_1 = require("@proprioo/hokkaido");
|
|
18
|
-
const
|
|
18
|
+
const react_1 = require("@testing-library/react");
|
|
19
19
|
const user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
20
20
|
const test_utils_1 = require("../../../utils/src/test-utils");
|
|
21
21
|
const BlockIcon_1 = __importDefault(require("./BlockIcon"));
|
|
22
22
|
const mockOnChange = jest.fn();
|
|
23
23
|
const defaultProps = {
|
|
24
|
-
image:
|
|
24
|
+
image: (0, jsx_runtime_1.jsx)("div", { "data-test": "image" }),
|
|
25
25
|
text: 'text',
|
|
26
26
|
dataTest: 'test',
|
|
27
27
|
name: 'radio-group-name',
|
|
@@ -30,26 +30,26 @@ const defaultProps = {
|
|
|
30
30
|
onClick: mockOnChange
|
|
31
31
|
};
|
|
32
32
|
describe('BlockIcon', () => {
|
|
33
|
-
it('should pass A11y test', () => (0, test_utils_1.testA11y)(
|
|
33
|
+
it('should pass A11y test', () => (0, test_utils_1.testA11y)((0, jsx_runtime_1.jsx)(BlockIcon_1.default, Object.assign({}, defaultProps))));
|
|
34
34
|
it('should equal snapshot rendering', () => {
|
|
35
|
-
const tree = react_test_renderer_1.default.create(
|
|
35
|
+
const tree = react_test_renderer_1.default.create((0, jsx_runtime_1.jsx)(BlockIcon_1.default, Object.assign({}, defaultProps))).toJSON();
|
|
36
36
|
expect(tree).toMatchSnapshot();
|
|
37
37
|
});
|
|
38
38
|
it('should render', () => {
|
|
39
|
-
(0,
|
|
40
|
-
expect(
|
|
41
|
-
expect(
|
|
42
|
-
expect(
|
|
43
|
-
expect(
|
|
39
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlockIcon_1.default, Object.assign({}, defaultProps)));
|
|
40
|
+
expect(react_1.screen.getByTestId('test')).toBeInTheDocument();
|
|
41
|
+
expect(react_1.screen.getByRole('radio', { name: 'text' })).toBeInTheDocument();
|
|
42
|
+
expect(react_1.screen.getByRole('radio', { name: 'text' })).not.toBeChecked();
|
|
43
|
+
expect(react_1.screen.getByTestId('image')).toBeInTheDocument();
|
|
44
44
|
});
|
|
45
45
|
it('should trigger onChange', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
46
|
-
(0,
|
|
47
|
-
yield user_event_1.default.click(
|
|
46
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlockIcon_1.default, Object.assign({}, defaultProps)));
|
|
47
|
+
yield user_event_1.default.click(react_1.screen.getByRole('radio', { name: 'text' }));
|
|
48
48
|
expect(mockOnChange).toHaveBeenCalled();
|
|
49
49
|
}));
|
|
50
50
|
it('should be selected', () => {
|
|
51
|
-
(0,
|
|
52
|
-
expect(
|
|
51
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(BlockIcon_1.default, Object.assign({}, defaultProps, { selectedValue: hokkaido_1.PropertyEnum.FLAT })));
|
|
52
|
+
expect(react_1.screen.getByRole('radio', { name: 'text' })).toBeChecked();
|
|
53
53
|
});
|
|
54
54
|
});
|
|
55
55
|
//# sourceMappingURL=BlockIcon.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BlockIcon.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"BlockIcon.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/blockIcon/BlockIcon.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,8EAA2C;AAE3C,iDAAkD;AAClD,kDAAwD;AACxD,6EAAoD;AAEpD,8DAAyD;AACzD,4DAAwD;AAExD,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,MAAM,YAAY,GAAiC;IACjD,KAAK,EAAE,6CAAe,OAAO,GAAG;IAChC,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,MAAM;IAChB,IAAI,EAAE,kBAAkB;IACxB,KAAK,EAAE,uBAAY,CAAC,IAAI;IACxB,aAAa,EAAE,uBAAY,CAAC,KAAK;IACjC,OAAO,EAAE,YAAY;CACtB,CAAC;AAEF,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE,CAAC,IAAA,qBAAQ,EAAC,uBAAC,mBAAS,oBAAK,YAAY,EAAI,CAAC,CAAC,CAAC;IAE7E,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAAC,uBAAC,mBAAS,oBAAK,YAAY,EAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QAEvE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,eAAe,EAAE,GAAG,EAAE;QACvB,IAAA,cAAM,EAAC,uBAAC,mBAAS,oBAAK,YAAY,EAAI,CAAC,CAAC;QAExC,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACvD,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACxE,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;QACtE,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC1D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,GAAS,EAAE;QACvC,IAAA,cAAM,EAAC,uBAAC,mBAAS,oBAAK,YAAY,EAAI,CAAC,CAAC;QAExC,MAAM,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC;QAEnE,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC1C,CAAC,CAAA,CAAC,CAAC;IAEH,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;QAC5B,IAAA,cAAM,EAAC,uBAAC,mBAAS,oBAAK,YAAY,IAAE,aAAa,EAAE,uBAAY,CAAC,IAAI,IAAI,CAAC,CAAC;QAE1E,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IACpE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,13 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
4
|
const Burger_styles_1 = require("./Burger.styles");
|
|
8
|
-
const Burger = ({ isOpen, isSmall = false, onClick, color }) => (
|
|
9
|
-
react_1.default.createElement(Burger_styles_1.BurgerLine, null),
|
|
10
|
-
react_1.default.createElement(Burger_styles_1.BurgerLine, null),
|
|
11
|
-
react_1.default.createElement(Burger_styles_1.BurgerLine, null)));
|
|
5
|
+
const Burger = ({ isOpen, isSmall = false, onClick, color }) => ((0, jsx_runtime_1.jsxs)(Burger_styles_1.ButtonBurger, { "data-test": "burger", onClick: onClick, isOpen: isOpen, isSmall: isSmall, color: color, children: [(0, jsx_runtime_1.jsx)(Burger_styles_1.BurgerLine, {}), (0, jsx_runtime_1.jsx)(Burger_styles_1.BurgerLine, {}), (0, jsx_runtime_1.jsx)(Burger_styles_1.BurgerLine, {})] }));
|
|
12
6
|
exports.default = Burger;
|
|
13
7
|
//# sourceMappingURL=Burger.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Burger.js","sourceRoot":"","sources":["../../../../packages/ui/src/burger/Burger.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Burger.js","sourceRoot":"","sources":["../../../../packages/ui/src/burger/Burger.tsx"],"names":[],"mappings":";;;AAEA,mDAA2D;AAS3D,MAAM,MAAM,GAAoB,CAAC,EAC/B,MAAM,EACN,OAAO,GAAG,KAAK,EACf,OAAO,EACP,KAAK,EACN,EAAE,EAAE,CAAC,CACJ,wBAAC,4BAAY,iBACD,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,aAEZ,uBAAC,0BAAU,KAAG,EACd,uBAAC,0BAAU,KAAG,EACd,uBAAC,0BAAU,KAAG,IACD,CAChB,CAAC;AAEF,kBAAe,MAAM,CAAC"}
|