@proprioo/salatim 29.14.0 → 30.0.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/energy/src/interfaces.js +3 -3
- package/lib/energy/src/interfaces.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 +802 -831
- 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 +2 -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.interfaces.js +1 -1
- package/lib/ui/src/accordion/Accordion.interfaces.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.interfaces.js +4 -4
- package/lib/ui/src/button/Button.interfaces.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 +6 -43
- 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/checkbox/interfaces.js +1 -1
- package/lib/ui/src/checkbox/interfaces.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 +6 -28
- 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 +1 -1
- 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 -6
- 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/inputBase/InputBaseEnum.js +1 -1
- package/lib/ui/src/inputBase/InputBaseEnum.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.reducer.js +1 -1
- package/lib/ui/src/modal/Modal.reducer.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 +3 -4
- 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/tag/interfaces.js +2 -2
- package/lib/ui/src/tag/interfaces.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/gmaps.js +1 -1
- package/lib/utils/src/gmaps.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 +18 -18
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NativeSelect.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/nativeSelect/NativeSelect.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NativeSelect.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/nativeSelect/NativeSelect.test.tsx"],"names":[],"mappings":";;;;;;AAEA,kDAAwD;AAExD,kEAAiE;AAEjE,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAC/B,MAAM,kBAAkB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAErC,MAAM,YAAY,GAAsB;IACtC,QAAQ,EAAE,YAAY;IACtB,cAAc,EAAE,kBAAkB;IAClC,OAAO,EAAE;QACP,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE;QAC1B,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE;KAC3B;IACD,aAAa,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE;IACvC,KAAK,EAAE,MAAM;CACd,CAAC;AAEF,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACtC,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,IAAA,cAAM,EAAC,uBAAC,sBAAY,oBAAK,YAAY,EAAI,CAAC,CAAC;QAE3C,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAChE,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACjE,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACjE,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,uBAAuB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC1E,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,27 +1,4 @@
|
|
|
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 __rest = (this && this.__rest) || function (s, e) {
|
|
26
3
|
var t = {};
|
|
27
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -37,7 +14,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
37
14
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
15
|
};
|
|
39
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
40
|
-
const
|
|
17
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
|
+
const react_1 = require("react");
|
|
41
19
|
const InputBase_1 = __importDefault(require("../inputBase/InputBase"));
|
|
42
20
|
const NumberInput_utils_1 = require("./NumberInput.utils");
|
|
43
21
|
const REGEX_FLOAT_NUMBER = /^\d*(\.|\,)?\d*$/;
|
|
@@ -90,7 +68,7 @@ const NumberInput = (_a) => {
|
|
|
90
68
|
setInternalValue(updatedValue);
|
|
91
69
|
}
|
|
92
70
|
}, [initialValue]);
|
|
93
|
-
return (
|
|
71
|
+
return ((0, jsx_runtime_1.jsx)(InputBase_1.default, Object.assign({}, restProps, { onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, value: isFocused ? internalValue : (0, NumberInput_utils_1.formatDisplayValue)(internalValue, isFloat) })));
|
|
94
72
|
};
|
|
95
73
|
exports.default = NumberInput;
|
|
96
74
|
//# sourceMappingURL=NumberInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../../packages/ui/src/numberInput/NumberInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NumberInput.js","sourceRoot":"","sources":["../../../../packages/ui/src/numberInput/NumberInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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 addon_actions_1 = require("@storybook/addon-actions");
|
|
32
10
|
const react_2 = require("@storybook/react");
|
|
@@ -43,17 +21,14 @@ const defaultProps = {
|
|
|
43
21
|
onChange: onChangeAction
|
|
44
22
|
};
|
|
45
23
|
(0, react_2.storiesOf)('NumberInput', module)
|
|
46
|
-
.add('controlled, integer only', () => (react_1.default.
|
|
47
|
-
react_1.default.createElement(storybook_state_1.State, { store: numberState },
|
|
48
|
-
react_1.default.createElement(NumberInput_1.default, Object.assign({}, defaultProps, { value: numberState.get('value'), onChange: value => {
|
|
24
|
+
.add('controlled, integer only', () => ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: (0, jsx_runtime_1.jsx)(storybook_state_1.State, { store: numberState, children: (0, jsx_runtime_1.jsx)(NumberInput_1.default, Object.assign({}, defaultProps, { value: numberState.get('value'), onChange: value => {
|
|
49
25
|
numberState.set({ value });
|
|
50
26
|
onChangeAction(value);
|
|
51
|
-
} }))))))
|
|
52
|
-
.add('controlled, float only', () => (
|
|
53
|
-
react_1.default.createElement(NumberInput_1.default, Object.assign({}, defaultProps, { value: numberState.get('value'), onChange: value => {
|
|
27
|
+
} })) }) })))
|
|
28
|
+
.add('controlled, float only', () => ((0, jsx_runtime_1.jsx)(storybook_state_1.State, { store: numberState, children: (0, jsx_runtime_1.jsx)(NumberInput_1.default, Object.assign({}, defaultProps, { value: numberState.get('value'), onChange: value => {
|
|
54
29
|
numberState.set({ value });
|
|
55
30
|
onChangeAction(value);
|
|
56
|
-
}, isFloat: true })))))
|
|
57
|
-
.add('uncontrolled, integer only', () => (
|
|
58
|
-
.add('uncontrolled, float only', () => (
|
|
31
|
+
}, isFloat: true })) })))
|
|
32
|
+
.add('uncontrolled, integer only', () => ((0, jsx_runtime_1.jsx)(NumberInput_1.default, Object.assign({}, defaultProps, { value: undefined }))))
|
|
33
|
+
.add('uncontrolled, float only', () => ((0, jsx_runtime_1.jsx)(NumberInput_1.default, Object.assign({}, defaultProps, { value: undefined, isFloat: true }))));
|
|
59
34
|
//# sourceMappingURL=NumberInput.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/numberInput/NumberInput.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NumberInput.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/numberInput/NumberInput.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAAwC;AAGxC,8DAAwD;AACxD,4DAAkD;AAClD,4CAA6C;AAE7C,gEAA8D;AAE9D,MAAM,cAAc,GAAG,IAAA,sBAAM,EAAC,UAAU,CAAC,CAAC;AAE1C,MAAM,WAAW,GAAG,IAAI,uBAAK,CAA2B;IACtD,KAAK,EAAE,IAAI;CACZ,CAAC,CAAC;AAEH,MAAM,YAAY,GAAqB;IACrC,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,IAAI;IACX,QAAQ,EAAE,cAAc;CACzB,CAAC;AAEF,IAAA,iBAAS,EAAC,aAAa,EAAE,MAAM,CAAC;KAC7B,GAAG,CAAC,0BAA0B,EAAE,GAAG,EAAE,CAAC,CACrC,uBAAC,gBAAQ,cACP,uBAAC,uBAAK,IAAC,KAAK,EAAE,WAAW,YACvB,uBAAC,qBAAW,oBACN,YAAY,IAChB,KAAK,EAAE,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,EAC/B,QAAQ,EAAE,KAAK,CAAC,EAAE;gBAChB,WAAW,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;gBAC3B,cAAc,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC,IACD,GACI,GACC,CACZ,CAAC;KACD,GAAG,CAAC,wBAAwB,EAAE,GAAG,EAAE,CAAC,CACnC,uBAAC,uBAAK,IAAC,KAAK,EAAE,WAAW,YACvB,uBAAC,qBAAW,oBACN,YAAY,IAChB,KAAK,EAAE,WAAW,CAAC,GAAG,CAAC,OAAO,CAAC,EAC/B,QAAQ,EAAE,KAAK,CAAC,EAAE;YAChB,WAAW,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;YAC3B,cAAc,CAAC,KAAK,CAAC,CAAC;QACxB,CAAC,EACD,OAAO,UACP,GACI,CACT,CAAC;KACD,GAAG,CAAC,4BAA4B,EAAE,GAAG,EAAE,CAAC,CACvC,uBAAC,qBAAW,oBAAK,YAAY,IAAE,KAAK,EAAE,SAAS,IAAI,CACpD,CAAC;KACD,GAAG,CAAC,0BAA0B,EAAE,GAAG,EAAE,CAAC,CACrC,uBAAC,qBAAW,oBAAK,YAAY,IAAE,KAAK,EAAE,SAAS,EAAE,OAAO,UAAG,CAC5D,CAAC,CAAC"}
|
|
@@ -35,6 +35,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
35
35
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
36
36
|
};
|
|
37
37
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
38
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
38
39
|
const react_1 = __importStar(require("react"));
|
|
39
40
|
const react_2 = require("@testing-library/react");
|
|
40
41
|
const user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
@@ -53,68 +54,62 @@ const defaultProps = {
|
|
|
53
54
|
};
|
|
54
55
|
describe('NumberInput', () => {
|
|
55
56
|
it('should render InputBase', () => {
|
|
56
|
-
(0, react_2.render)(
|
|
57
|
+
(0, react_2.render)((0, jsx_runtime_1.jsx)(NumberInput_1.default, Object.assign({}, defaultProps)));
|
|
57
58
|
expect(react_2.screen.getByRole('textbox')).toBeInTheDocument();
|
|
58
59
|
});
|
|
59
60
|
it('should accept digits while typing', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
60
|
-
(0, react_2.render)(
|
|
61
|
+
(0, react_2.render)((0, jsx_runtime_1.jsx)(NumberInput_1.default, Object.assign({}, defaultProps, { value: 10 })));
|
|
61
62
|
expect(react_2.screen.getByRole('textbox')).toHaveAttribute('value', '10');
|
|
62
63
|
yield user_event_1.default.clear(react_2.screen.getByRole('textbox'));
|
|
63
64
|
yield user_event_1.default.type(react_2.screen.getByRole('textbox'), '100');
|
|
64
65
|
expect(react_2.screen.getByRole('textbox')).toHaveAttribute('value', '100');
|
|
65
66
|
}));
|
|
66
67
|
it('should format only when focus', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
67
|
-
(0, react_2.render)(
|
|
68
|
+
(0, react_2.render)((0, jsx_runtime_1.jsx)(NumberInput_1.default, Object.assign({}, defaultProps, { value: 10000000 })));
|
|
68
69
|
expect(react_2.screen.getByRole('textbox')).toHaveAttribute('value', '10 000 000');
|
|
69
70
|
yield user_event_1.default.click(react_2.screen.getByRole('textbox'));
|
|
70
71
|
expect(react_2.screen.getByRole('textbox')).toHaveAttribute('value', '10000000');
|
|
71
72
|
}));
|
|
72
73
|
it('should not accept letters while typing', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
73
|
-
(0, react_2.render)(
|
|
74
|
+
(0, react_2.render)((0, jsx_runtime_1.jsx)(NumberInput_1.default, Object.assign({}, defaultProps, { value: 10 })));
|
|
74
75
|
expect(react_2.screen.getByRole('textbox')).toHaveAttribute('value', '10');
|
|
75
76
|
yield user_event_1.default.clear(react_2.screen.getByRole('textbox'));
|
|
76
77
|
yield user_event_1.default.type(react_2.screen.getByRole('textbox'), '100a');
|
|
77
78
|
expect(react_2.screen.getByRole('textbox')).toHaveAttribute('value', '100');
|
|
78
79
|
}));
|
|
79
80
|
it('should accept digits only and comma while typing when isFloat', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
80
|
-
(0, react_2.render)(
|
|
81
|
+
(0, react_2.render)((0, jsx_runtime_1.jsx)(NumberInput_1.default, Object.assign({}, defaultProps, { value: 10, isFloat: true })));
|
|
81
82
|
yield user_event_1.default.clear(react_2.screen.getByRole('textbox'));
|
|
82
83
|
yield user_event_1.default.type(react_2.screen.getByRole('textbox'), '100,0');
|
|
83
84
|
expect(react_2.screen.getByRole('textbox')).toHaveAttribute('value', '100.0');
|
|
84
85
|
}));
|
|
85
86
|
it('should trigger onBlur', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
86
|
-
(0, react_2.render)(react_1.default.
|
|
87
|
-
react_1.default.createElement(NumberInput_1.default, Object.assign({}, defaultProps)),
|
|
88
|
-
react_1.default.createElement("div", { "data-test": "click-blur" }, "click to blur")));
|
|
87
|
+
(0, react_2.render)((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(NumberInput_1.default, Object.assign({}, defaultProps)), (0, jsx_runtime_1.jsx)("div", { "data-test": "click-blur", children: "click to blur" })] }));
|
|
89
88
|
yield user_event_1.default.click(react_2.screen.getByRole('textbox'));
|
|
90
89
|
yield user_event_1.default.click(react_2.screen.getByTestId('click-blur'));
|
|
91
90
|
expect(mockOnBlur).toHaveBeenCalledTimes(1);
|
|
92
91
|
}));
|
|
93
92
|
it('should trigger onFocus', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
94
|
-
(0, react_2.render)(
|
|
93
|
+
(0, react_2.render)((0, jsx_runtime_1.jsx)(NumberInput_1.default, Object.assign({}, defaultProps)));
|
|
95
94
|
yield user_event_1.default.click(react_2.screen.getByRole('textbox'));
|
|
96
95
|
expect(mockOnFocus).toHaveBeenCalledTimes(1);
|
|
97
96
|
}));
|
|
98
97
|
it('should trigger onChange with integer value', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
99
|
-
(0, react_2.render)(react_1.default.
|
|
100
|
-
react_1.default.createElement(NumberInput_1.default, Object.assign({}, defaultProps, { isFloat: true })),
|
|
101
|
-
react_1.default.createElement("div", { "data-test": "click-blur" }, "click to blur")));
|
|
98
|
+
(0, react_2.render)((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(NumberInput_1.default, Object.assign({}, defaultProps, { isFloat: true })), (0, jsx_runtime_1.jsx)("div", { "data-test": "click-blur", children: "click to blur" })] }));
|
|
102
99
|
yield user_event_1.default.clear(react_2.screen.getByRole('textbox'));
|
|
103
100
|
yield user_event_1.default.type(react_2.screen.getByRole('textbox'), '10,2');
|
|
104
101
|
yield user_event_1.default.click(react_2.screen.getByTestId('click-blur'));
|
|
105
102
|
expect(react_2.screen.getByRole('textbox')).toHaveAttribute('value', '10.2');
|
|
106
103
|
}));
|
|
107
104
|
it('should trigger onChange with float value', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
108
|
-
(0, react_2.render)(react_1.default.
|
|
109
|
-
react_1.default.createElement(NumberInput_1.default, Object.assign({}, defaultProps, { isFloat: true })),
|
|
110
|
-
react_1.default.createElement("div", { "data-test": "click-blur" }, "click to blur")));
|
|
105
|
+
(0, react_2.render)((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(NumberInput_1.default, Object.assign({}, defaultProps, { isFloat: true })), (0, jsx_runtime_1.jsx)("div", { "data-test": "click-blur", children: "click to blur" })] }));
|
|
111
106
|
yield user_event_1.default.clear(react_2.screen.getByRole('textbox'));
|
|
112
107
|
yield user_event_1.default.type(react_2.screen.getByRole('textbox'), '1000,2');
|
|
113
108
|
yield user_event_1.default.click(react_2.screen.getByTestId('click-blur'));
|
|
114
109
|
expect(react_2.screen.getByRole('textbox')).toHaveAttribute('value', '1 000.2');
|
|
115
110
|
}));
|
|
116
111
|
it('should trigger onChange with null value', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
117
|
-
(0, react_2.render)(
|
|
112
|
+
(0, react_2.render)((0, jsx_runtime_1.jsx)(NumberInput_1.default, Object.assign({}, defaultProps, { isFloat: false })));
|
|
118
113
|
yield user_event_1.default.clear(react_2.screen.getByRole('textbox'));
|
|
119
114
|
expect(mockOnChange).toHaveBeenCalledWith(null);
|
|
120
115
|
}));
|
|
@@ -125,9 +120,9 @@ describe('NumberInput', () => {
|
|
|
125
120
|
setValue(newValue);
|
|
126
121
|
mockOnChange(newValue);
|
|
127
122
|
};
|
|
128
|
-
return (
|
|
123
|
+
return ((0, jsx_runtime_1.jsx)(NumberInput_1.default, Object.assign({}, defaultProps, { isFloat: true, value: value, onChange: handleChange })));
|
|
129
124
|
};
|
|
130
|
-
(0, react_2.render)(
|
|
125
|
+
(0, react_2.render)((0, jsx_runtime_1.jsx)(TestComponent, {}));
|
|
131
126
|
yield user_event_1.default.type(react_2.screen.getByRole('textbox'), '1');
|
|
132
127
|
expect(mockOnChange).toHaveBeenCalledWith(1);
|
|
133
128
|
mockOnChange.mockClear();
|
|
@@ -139,18 +134,16 @@ describe('NumberInput', () => {
|
|
|
139
134
|
expect(mockOnChange).toHaveBeenCalledWith(1.2);
|
|
140
135
|
}));
|
|
141
136
|
it('should remove trailing zeros on blur', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
142
|
-
(0, react_2.render)(react_1.default.
|
|
143
|
-
react_1.default.createElement(NumberInput_1.default, Object.assign({}, defaultProps, { isFloat: true })),
|
|
144
|
-
react_1.default.createElement("div", { "data-test": "click-blur" }, "click to blur")));
|
|
137
|
+
(0, react_2.render)((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(NumberInput_1.default, Object.assign({}, defaultProps, { isFloat: true })), (0, jsx_runtime_1.jsx)("div", { "data-test": "click-blur", children: "click to blur" })] }));
|
|
145
138
|
yield user_event_1.default.clear(react_2.screen.getByRole('textbox'));
|
|
146
139
|
yield user_event_1.default.type(react_2.screen.getByRole('textbox'), '1000,2000');
|
|
147
140
|
yield user_event_1.default.click(react_2.screen.getByTestId('click-blur'));
|
|
148
141
|
expect(react_2.screen.getByRole('textbox')).toHaveAttribute('value', '1 000.2');
|
|
149
142
|
}));
|
|
150
143
|
it('should change internal state when changing `value` prop', () => {
|
|
151
|
-
const { rerender } = (0, react_2.render)(
|
|
144
|
+
const { rerender } = (0, react_2.render)((0, jsx_runtime_1.jsx)(NumberInput_1.default, Object.assign({}, defaultProps, { value: 10 })));
|
|
152
145
|
expect(react_2.screen.getByRole('textbox')).toHaveAttribute('value', '10');
|
|
153
|
-
rerender(
|
|
146
|
+
rerender((0, jsx_runtime_1.jsx)(NumberInput_1.default, Object.assign({}, defaultProps, { value: 20 })));
|
|
154
147
|
expect(react_2.screen.getByRole('textbox')).toHaveAttribute('value', '20');
|
|
155
148
|
});
|
|
156
149
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NumberInput.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/numberInput/NumberInput.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"NumberInput.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/numberInput/NumberInput.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,18 +4,14 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.isOptionSelected = void 0;
|
|
7
|
-
const
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
8
|
const Tick_1 = __importDefault(require("../icons/Tick"));
|
|
9
9
|
const Option_styles_1 = require("./Option.styles");
|
|
10
10
|
const isOptionSelected = (optionValue, value) => value === optionValue;
|
|
11
11
|
exports.isOptionSelected = isOptionSelected;
|
|
12
12
|
const Option = ({ option, value, onSelect }) => {
|
|
13
13
|
const isSelected = (0, exports.isOptionSelected)(option.value, value);
|
|
14
|
-
return (
|
|
15
|
-
react_1.default.createElement(Option_styles_1.Label, { "data-test": `option-label-${option.value}`, isSelected: isSelected, title: option.label },
|
|
16
|
-
option.label,
|
|
17
|
-
isSelected && (react_1.default.createElement(Option_styles_1.IconContainer, { "data-test": `checked-icon-${option.value}` },
|
|
18
|
-
react_1.default.createElement(Tick_1.default, null))))));
|
|
14
|
+
return ((0, jsx_runtime_1.jsx)(Option_styles_1.Layout, { "data-test": "option-layout", isSelected: isSelected, onMouseDown: onSelect, children: (0, jsx_runtime_1.jsxs)(Option_styles_1.Label, { "data-test": `option-label-${option.value}`, isSelected: isSelected, title: option.label, children: [option.label, isSelected && ((0, jsx_runtime_1.jsx)(Option_styles_1.IconContainer, { "data-test": `checked-icon-${option.value}`, children: (0, jsx_runtime_1.jsx)(Tick_1.default, {}) }))] }) }));
|
|
19
15
|
};
|
|
20
16
|
exports.default = Option;
|
|
21
17
|
//# sourceMappingURL=Option.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../../packages/ui/src/option/Option.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Option.js","sourceRoot":"","sources":["../../../../packages/ui/src/option/Option.tsx"],"names":[],"mappings":";;;;;;;AAEA,yDAAiC;AACjC,mDAA+D;AAaxD,MAAM,gBAAgB,GAAG,CAAC,WAAmB,EAAE,KAAa,EAAW,EAAE,CAC9E,KAAK,KAAK,WAAW,CAAC;AADX,QAAA,gBAAgB,oBACL;AAExB,MAAM,MAAM,GAAsB,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAChE,MAAM,UAAU,GAAY,IAAA,wBAAgB,EAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IAElE,OAAO,CACL,uBAAC,sBAAM,iBACK,eAAe,EACzB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,QAAQ,YAErB,wBAAC,qBAAK,iBACO,gBAAgB,MAAM,CAAC,KAAK,EAAE,EACzC,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,MAAM,CAAC,KAAK,aAElB,MAAM,CAAC,KAAK,EACZ,UAAU,IAAI,CACb,uBAAC,6BAAa,iBAAY,gBAAgB,MAAM,CAAC,KAAK,EAAE,YACtD,uBAAC,cAAI,KAAG,GACM,CACjB,IACK,GACD,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,MAAM,CAAC"}
|
|
@@ -27,8 +27,7 @@ exports.IconContainer = exports.Layout = exports.Label = void 0;
|
|
|
27
27
|
const styled_components_1 = __importStar(require("styled-components"));
|
|
28
28
|
const utils_1 = require("../../../utils");
|
|
29
29
|
exports.Label = styled_components_1.default.div `
|
|
30
|
-
${utils_1.
|
|
31
|
-
font-weight: lighter;
|
|
30
|
+
${utils_1.InterFont};
|
|
32
31
|
width: 100%;
|
|
33
32
|
overflow: hidden;
|
|
34
33
|
text-overflow: ellipsis;
|
|
@@ -57,17 +56,14 @@ exports.Layout = styled_components_1.default.div `
|
|
|
57
56
|
|
|
58
57
|
${props => !props.isSelected &&
|
|
59
58
|
(0, styled_components_1.css) `
|
|
60
|
-
:hover
|
|
61
|
-
background: ${utils_1.colors.red.base10};
|
|
62
|
-
}
|
|
63
|
-
|
|
59
|
+
:hover,
|
|
64
60
|
:active {
|
|
65
|
-
background: ${utils_1.colors.
|
|
61
|
+
background: ${utils_1.colors.terracota.base20};
|
|
66
62
|
}
|
|
67
63
|
`}
|
|
68
64
|
${props => props.isSelected &&
|
|
69
65
|
(0, styled_components_1.css) `
|
|
70
|
-
background: ${utils_1.colors.
|
|
66
|
+
background: ${utils_1.colors.terracota.base20};
|
|
71
67
|
`};
|
|
72
68
|
`;
|
|
73
69
|
exports.IconContainer = styled_components_1.default.div `
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Option.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/option/Option.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,
|
|
1
|
+
{"version":3,"file":"Option.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/option/Option.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,0CAA2E;AAM9D,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAsB;IACjD,iBAAS;;;;;mBAKM,IAAA,sBAAc,EAAC,EAAE,CAAC;;IAEjC,KAAK,CAAC,EAAE,CACR,CAAC,KAAK,CAAC,UAAU;IACjB,IAAA,uBAAG,EAAA;;KAEF;CACJ,CAAC;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAsB;;;;;;iBAMrC,IAAA,sBAAc,EAAC,EAAE,CAAC;gBACnB,IAAA,sBAAc,EAAC,EAAE,CAAC;mBACf,cAAM,CAAC,MAAM;cAClB,IAAA,sBAAc,EAAC,CAAC,CAAC,MAAM,IAAA,sBAAc,EAAC,CAAC,CAAC;eACvC,IAAA,sBAAc,EAAC,EAAE,CAAC,MAAM,IAAA,sBAAc,EAAC,EAAE,CAAC;WAC9C,cAAM,CAAC,IAAI,CAAC,IAAI;mBACR,cAAM,CAAC,OAAO;;;IAG7B,KAAK,CAAC,EAAE,CACR,CAAC,KAAK,CAAC,UAAU;IACjB,IAAA,uBAAG,EAAA;;;sBAGe,cAAM,CAAC,SAAS,CAAC,MAAM;;KAExC;IACD,KAAK,CAAC,EAAE,CACR,KAAK,CAAC,UAAU;IAChB,IAAA,uBAAG,EAAA;oBACa,cAAM,CAAC,SAAS,CAAC,MAAM;KACtC;CACJ,CAAC;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;WAC5B,IAAA,sBAAc,EAAC,EAAE,CAAC;YACjB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;;;;;;CAU7B,CAAC"}
|
|
@@ -35,8 +35,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
35
35
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
36
36
|
};
|
|
37
37
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
38
|
-
const
|
|
39
|
-
const
|
|
38
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
39
|
+
const react_1 = require("@testing-library/react");
|
|
40
40
|
const user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
41
41
|
const Option_1 = __importStar(require("./Option"));
|
|
42
42
|
const mockOnSelect = jest.fn();
|
|
@@ -47,28 +47,28 @@ const defaultProps = {
|
|
|
47
47
|
};
|
|
48
48
|
describe('Option component', () => {
|
|
49
49
|
it('should render component', () => {
|
|
50
|
-
(0,
|
|
51
|
-
expect(
|
|
50
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Option_1.default, Object.assign({}, defaultProps)));
|
|
51
|
+
expect(react_1.screen.getByTestId('option-layout')).toBeInTheDocument();
|
|
52
52
|
});
|
|
53
53
|
it('should render option label', () => {
|
|
54
|
-
(0,
|
|
55
|
-
expect(
|
|
54
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Option_1.default, Object.assign({}, defaultProps)));
|
|
55
|
+
expect(react_1.screen.getByTestId(`option-label-${defaultProps.option.value}`)).toHaveTextContent('Banane');
|
|
56
56
|
});
|
|
57
57
|
});
|
|
58
58
|
describe('isOptionSelected function', () => {
|
|
59
59
|
it('should return true on matching value', () => {
|
|
60
|
-
(0,
|
|
60
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Option_1.default, Object.assign({}, defaultProps, { value: "banana" })));
|
|
61
61
|
expect((0, Option_1.isOptionSelected)(defaultProps.option.value, 'banana')).toStrictEqual(true);
|
|
62
|
-
expect(
|
|
62
|
+
expect(react_1.screen.getByTestId(`checked-icon-${defaultProps.option.value}`)).toBeInTheDocument();
|
|
63
63
|
});
|
|
64
64
|
it('should return false on non matching value', () => {
|
|
65
|
-
(0,
|
|
65
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Option_1.default, Object.assign({}, defaultProps, { value: "orange" })));
|
|
66
66
|
expect((0, Option_1.isOptionSelected)(defaultProps.option.value, 'orange')).toStrictEqual(false);
|
|
67
|
-
expect(
|
|
67
|
+
expect(react_1.screen.queryByTestId(`checked-icon-${defaultProps.option.value}`)).not.toBeInTheDocument();
|
|
68
68
|
});
|
|
69
69
|
it('should call onSelect function', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
70
|
-
(0,
|
|
71
|
-
yield user_event_1.default.click(
|
|
70
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Option_1.default, Object.assign({}, defaultProps, { value: "orange" })));
|
|
71
|
+
yield user_event_1.default.click(react_1.screen.getByTestId('option-layout'));
|
|
72
72
|
expect(mockOnSelect).toHaveBeenCalled();
|
|
73
73
|
}));
|
|
74
74
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Option.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/option/Option.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Option.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/option/Option.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,kDAAwD;AACxD,6EAAoD;AAEpD,mDAAmE;AAEnE,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,MAAM,YAAY,GAAkB;IAClC,MAAM,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IAC5C,KAAK,EAAE,EAAE;IACT,QAAQ,EAAE,YAAY;CACvB,CAAC;AAEF,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,IAAA,cAAM,EAAC,uBAAC,gBAAM,oBAAK,YAAY,EAAI,CAAC,CAAC;QAErC,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,4BAA4B,EAAE,GAAG,EAAE;QACpC,IAAA,cAAM,EAAC,uBAAC,gBAAM,oBAAK,YAAY,EAAI,CAAC,CAAC;QACrC,MAAM,CACJ,cAAM,CAAC,WAAW,CAAC,gBAAgB,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAChE,CAAC,iBAAiB,CAAC,QAAQ,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACzC,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,IAAA,cAAM,EAAC,uBAAC,gBAAM,oBAAK,YAAY,IAAE,KAAK,EAAC,QAAQ,IAAG,CAAC,CAAC;QAEpD,MAAM,CAAC,IAAA,yBAAgB,EAAC,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CACzE,IAAI,CACL,CAAC;QACF,MAAM,CACJ,cAAM,CAAC,WAAW,CAAC,gBAAgB,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAChE,CAAC,iBAAiB,EAAE,CAAC;IACxB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2CAA2C,EAAE,GAAG,EAAE;QACnD,IAAA,cAAM,EAAC,uBAAC,gBAAM,oBAAK,YAAY,IAAE,KAAK,EAAC,QAAQ,IAAG,CAAC,CAAC;QAEpD,MAAM,CAAC,IAAA,yBAAgB,EAAC,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,aAAa,CACzE,KAAK,CACN,CAAC;QACF,MAAM,CACJ,cAAM,CAAC,aAAa,CAAC,gBAAgB,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAClE,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IAC5B,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,GAAS,EAAE;QAC7C,IAAA,cAAM,EAAC,uBAAC,gBAAM,oBAAK,YAAY,IAAE,KAAK,EAAC,QAAQ,IAAG,CAAC,CAAC;QAEpD,MAAM,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,WAAW,CAAC,eAAe,CAAC,CAAC,CAAC;QAE3D,MAAM,CAAC,YAAY,CAAC,CAAC,gBAAgB,EAAE,CAAC;IAC1C,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,15 +1,10 @@
|
|
|
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 Radio_styles_1 = require("./Radio.styles");
|
|
8
5
|
const Radio = ({ name, label, id, isChecked, onChange, value, dataTest }) => {
|
|
9
6
|
const hash = `${id}-${name}`;
|
|
10
|
-
return (
|
|
11
|
-
react_1.default.createElement(Radio_styles_1.RadioButton, { type: "radio", id: hash, name: name, value: value, onChange: event => onChange(event), checked: isChecked }),
|
|
12
|
-
react_1.default.createElement(Radio_styles_1.RadioLabel, { htmlFor: hash }, label)));
|
|
7
|
+
return ((0, jsx_runtime_1.jsxs)(Radio_styles_1.Layout, { "data-test": dataTest || `radio-${name}`, children: [(0, jsx_runtime_1.jsx)(Radio_styles_1.RadioButton, { type: "radio", id: hash, name: name, value: value, onChange: event => onChange(event), checked: isChecked }), (0, jsx_runtime_1.jsx)(Radio_styles_1.RadioLabel, { htmlFor: hash, children: label })] }));
|
|
13
8
|
};
|
|
14
9
|
exports.default = Radio;
|
|
15
10
|
//# sourceMappingURL=Radio.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.tsx"],"names":[],"mappings":";;;AAEA,iDAAiE;AAYjE,MAAM,KAAK,GAAmB,CAAC,EAC7B,IAAI,EACJ,KAAK,EACL,EAAE,EACF,SAAS,EACT,QAAQ,EACR,KAAK,EACL,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,GAAG,EAAE,IAAI,IAAI,EAAE,CAAC;IAE7B,OAAO,CACL,wBAAC,qBAAM,iBAAY,QAAQ,IAAI,SAAS,IAAI,EAAE,aAC5C,uBAAC,0BAAW,IACV,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAClC,OAAO,EAAE,SAAS,GAClB,EACF,uBAAC,yBAAU,IAAC,OAAO,EAAE,IAAI,YAAG,KAAK,GAAc,IACxC,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}
|
|
@@ -3,9 +3,9 @@ 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 storybook_state_1 = require("@sambego/storybook-state");
|
|
8
|
-
const
|
|
8
|
+
const react_1 = require("@storybook/react");
|
|
9
9
|
const Radio_1 = __importDefault(require("./Radio"));
|
|
10
10
|
const radioState = new storybook_state_1.Store({
|
|
11
11
|
currentOption: ''
|
|
@@ -13,7 +13,5 @@ const radioState = new storybook_state_1.Store({
|
|
|
13
13
|
const option1 = '1';
|
|
14
14
|
const option2 = '2';
|
|
15
15
|
const RadioName = 'options';
|
|
16
|
-
(0,
|
|
17
|
-
react_1.default.createElement(Radio_1.default, { id: "id1", label: "option 1", name: RadioName, value: option1, isChecked: currentOption === option1, onChange: () => radioState.set({ currentOption: option1 }) }),
|
|
18
|
-
react_1.default.createElement(Radio_1.default, { id: "id2", label: "option 2", name: RadioName, value: option2, isChecked: currentOption === option2, onChange: () => radioState.set({ currentOption: option2 }) }))))));
|
|
16
|
+
(0, react_1.storiesOf)('Radio', module).add('Radio', () => ((0, jsx_runtime_1.jsx)(storybook_state_1.State, { store: radioState, children: ({ currentOption }) => ((0, jsx_runtime_1.jsxs)("div", { role: "radiogroup", "aria-label": "Radio buttons", children: [(0, jsx_runtime_1.jsx)(Radio_1.default, { id: "id1", label: "option 1", name: RadioName, value: option1, isChecked: currentOption === option1, onChange: () => radioState.set({ currentOption: option1 }) }), (0, jsx_runtime_1.jsx)(Radio_1.default, { id: "id2", label: "option 2", name: RadioName, value: option2, isChecked: currentOption === option2, onChange: () => radioState.set({ currentOption: option2 }) })] })) })));
|
|
19
17
|
//# sourceMappingURL=Radio.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Radio.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.stories.tsx"],"names":[],"mappings":";;;;;;AAEA,8DAAwD;AACxD,4CAA6C;AAE7C,oDAA4B;AAE5B,MAAM,UAAU,GAAG,IAAI,uBAAK,CAAC;IAC3B,aAAa,EAAE,EAAE;CAClB,CAAC,CAAC;AAEH,MAAM,OAAO,GAAG,GAAG,CAAC;AACpB,MAAM,OAAO,GAAG,GAAG,CAAC;AACpB,MAAM,SAAS,GAAG,SAAS,CAAC;AAE5B,IAAA,iBAAS,EAAC,OAAO,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAC5C,uBAAC,uBAAK,IAAC,KAAK,EAAE,UAAU,YACrB,CAAC,EAAE,aAAa,EAAE,EAAE,EAAE,CAAC,CACtB,iCAAK,IAAI,EAAC,YAAY,gBAAY,eAAe,aAC/C,uBAAC,eAAK,IACJ,EAAE,EAAC,KAAK,EACR,KAAK,EAAC,UAAU,EAChB,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,aAAa,KAAK,OAAO,EACpC,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,GAC1D,EACF,uBAAC,eAAK,IACJ,EAAE,EAAC,KAAK,EACR,KAAK,EAAC,UAAU,EAChB,IAAI,EAAE,SAAS,EACf,KAAK,EAAE,OAAO,EACd,SAAS,EAAE,aAAa,KAAK,OAAO,EACpC,QAAQ,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,aAAa,EAAE,OAAO,EAAE,CAAC,GAC1D,IACE,CACP,GACK,CACT,CAAC,CAAC"}
|
|
@@ -10,7 +10,7 @@ exports.Layout = styled_components_1.default.div `
|
|
|
10
10
|
padding: ${(0, utils_1.convertPxToRem)(4)} ${(0, utils_1.convertPxToRem)(8)} ${(0, utils_1.convertPxToRem)(4)} 0;
|
|
11
11
|
`;
|
|
12
12
|
exports.RadioLabel = styled_components_1.default.label `
|
|
13
|
-
${utils_1.
|
|
13
|
+
${utils_1.InterFont};
|
|
14
14
|
cursor: pointer;
|
|
15
15
|
color: ${utils_1.colors.dark.base};
|
|
16
16
|
font-size: ${utils_1.fonts.small};
|
|
@@ -61,20 +61,20 @@ exports.RadioButton = styled_components_1.default.input `
|
|
|
61
61
|
&:focus,
|
|
62
62
|
&:hover {
|
|
63
63
|
+ ${exports.RadioLabel}::before {
|
|
64
|
-
border-color: ${utils_1.colors.
|
|
64
|
+
border-color: ${utils_1.colors.terracota.base};
|
|
65
65
|
}
|
|
66
66
|
}
|
|
67
67
|
|
|
68
68
|
&:checked {
|
|
69
69
|
+ ${exports.RadioLabel} {
|
|
70
70
|
::before {
|
|
71
|
-
border-color: ${utils_1.colors.
|
|
71
|
+
border-color: ${utils_1.colors.terracota.base20};
|
|
72
72
|
}
|
|
73
73
|
|
|
74
74
|
::after {
|
|
75
75
|
opacity: 1;
|
|
76
76
|
transform: scale(1);
|
|
77
|
-
background-color: ${utils_1.colors.
|
|
77
|
+
background-color: ${utils_1.colors.terracota.base};
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
80
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,0CAMwB;AAEX,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAA;aACnB,IAAA,sBAAc,EAAC,CAAC,CAAC,IAAI,IAAA,sBAAc,EAAC,CAAC,CAAC,IAAI,IAAA,sBAAc,EAAC,CAAC,CAAC;CACvE,CAAC;AAEW,QAAA,UAAU,GAAG,2BAAM,CAAC,KAAK,CAAA;IAClC,
|
|
1
|
+
{"version":3,"file":"Radio.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,0CAMwB;AAEX,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAA;aACnB,IAAA,sBAAc,EAAC,CAAC,CAAC,IAAI,IAAA,sBAAc,EAAC,CAAC,CAAC,IAAI,IAAA,sBAAc,EAAC,CAAC,CAAC;CACvE,CAAC;AAEW,QAAA,UAAU,GAAG,2BAAM,CAAC,KAAK,CAAA;IAClC,iBAAS;;WAEF,cAAM,CAAC,IAAI,CAAC,IAAI;eACZ,aAAK,CAAC,KAAK;iBACT,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;CAKlC,CAAC;AAEW,QAAA,WAAW,GAAG,2BAAM,CAAC,KAAK,CAAA;;kBAErB,IAAA,sBAAc,EAAC,EAAE,CAAC;;MAE9B,kBAAU;;;;;;;;;uBASO,cAAM,CAAC,OAAO;;;;;;cAMvB,IAAA,sBAAc,EAAC,CAAC,CAAC;eAChB,IAAA,sBAAc,EAAC,EAAE,CAAC;eAClB,IAAA,sBAAc,EAAC,EAAE,CAAC;gBACjB,IAAA,sBAAc,EAAC,EAAE,CAAC;gBAClB,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,IAAI,CAAC,MAAM;;;;;;;aAOhD,IAAA,sBAAc,EAAC,CAAC,CAAC;eACf,IAAA,sBAAc,EAAC,EAAE,CAAC;eAClB,IAAA,sBAAc,EAAC,EAAE,CAAC;gBACjB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;;;QAO1B,kBAAU;sBACI,cAAM,CAAC,SAAS,CAAC,IAAI;;;;;QAKnC,kBAAU;;wBAEM,cAAM,CAAC,SAAS,CAAC,MAAM;;;;;;4BAMnB,cAAM,CAAC,SAAS,CAAC,IAAI;;;;CAIhD,CAAC"}
|
|
@@ -12,9 +12,9 @@ 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 Radio_1 = __importDefault(require("./Radio"));
|
|
@@ -28,19 +28,19 @@ const defaultProps = {
|
|
|
28
28
|
onChange: mockChange
|
|
29
29
|
};
|
|
30
30
|
describe('Radio component', () => {
|
|
31
|
-
it('should pass A11y tests', () => (0, test_utils_1.testA11y)(
|
|
31
|
+
it('should pass A11y tests', () => (0, test_utils_1.testA11y)((0, jsx_runtime_1.jsx)(Radio_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)(Radio_1.default, Object.assign({}, defaultProps)));
|
|
34
34
|
expect(tree).toMatchSnapshot();
|
|
35
35
|
});
|
|
36
36
|
it('should render component', () => {
|
|
37
|
-
(0,
|
|
38
|
-
expect(
|
|
37
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Radio_1.default, Object.assign({}, defaultProps)));
|
|
38
|
+
expect(react_1.screen.getByRole('radio', { name: 'Radio' })).not.toBeChecked();
|
|
39
39
|
});
|
|
40
40
|
it('should trigger onChange component', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
41
|
-
(0,
|
|
42
|
-
expect(
|
|
43
|
-
yield user_event_1.default.click(
|
|
41
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Radio_1.default, Object.assign({}, defaultProps)));
|
|
42
|
+
expect(react_1.screen.getByRole('radio')).toBeInTheDocument();
|
|
43
|
+
yield user_event_1.default.click(react_1.screen.getByRole('radio'));
|
|
44
44
|
expect(mockChange).toHaveBeenCalled();
|
|
45
45
|
}));
|
|
46
46
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Radio.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/radio/Radio.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,8EAA2C;AAE3C,kDAAwD;AACxD,6EAAoD;AAEpD,8DAAyD;AACzD,oDAA4C;AAE5C,MAAM,UAAU,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE7B,MAAM,YAAY,GAAe;IAC/B,EAAE,EAAE,IAAI;IACR,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,EAAE;IACT,SAAS,EAAE,KAAK;IAChB,QAAQ,EAAE,UAAU;CACrB,CAAC;AAEF,QAAQ,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC/B,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE,CAAC,IAAA,qBAAQ,EAAC,uBAAC,eAAK,oBAAK,YAAY,EAAI,CAAC,CAAC,CAAC;IAE1E,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAAC,uBAAC,eAAK,oBAAK,YAAY,EAAI,CAAC,CAAC;QAE1D,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,IAAA,cAAM,EAAC,uBAAC,eAAK,oBAAK,YAAY,EAAI,CAAC,CAAC;QAEpC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,WAAW,EAAE,CAAC;IACzE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,GAAS,EAAE;QACjD,IAAA,cAAM,EAAC,uBAAC,eAAK,oBAAK,YAAY,EAAI,CAAC,CAAC;QAEpC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAEtD,MAAM,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC;QAEjD,MAAM,CAAC,UAAU,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACxC,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -16,7 +16,7 @@ export declare class Select extends PureComponent<SelectProps> {
|
|
|
16
16
|
constructor(props: SelectProps);
|
|
17
17
|
selectItem(value: OptionProps): void;
|
|
18
18
|
componentDidUpdate(): void;
|
|
19
|
-
render():
|
|
19
|
+
render(): import("react/jsx-runtime").JSX.Element | null;
|
|
20
20
|
}
|
|
21
21
|
declare const _default: React.ForwardRefExoticComponent<SelectProps & React.RefAttributes<Select>>;
|
|
22
22
|
export default _default;
|