@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,38 +1,14 @@
|
|
|
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
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
const
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const react_1 = require("react");
|
|
27
5
|
const utils_1 = require("../../../utils");
|
|
28
6
|
const constants_1 = require("../phoneInput/constants");
|
|
29
7
|
const utils_2 = require("../utils");
|
|
30
8
|
const PhoneAndFlag_styles_1 = require("./PhoneAndFlag.styles");
|
|
31
9
|
const PhoneAndFlag = ({ phone, color = utils_1.colors.dark.base, errorMessage }) => {
|
|
32
10
|
const phoneData = phone ? (0, utils_2.parsePhoneNumber)(phone) : null;
|
|
33
|
-
return (
|
|
34
|
-
react_1.default.createElement(PhoneAndFlag_styles_1.Flag, { "data-test": "flag", alt: phoneData.country, src: `https://cdn.proprioo.fr/assets/flags/${phoneData.country}.svg` }),
|
|
35
|
-
react_1.default.createElement(PhoneAndFlag_styles_1.Phone, { "data-test": "phone", color: color }, (0, utils_2.formatInternationalPhone)(phoneData.number)))) : (react_1.default.createElement("span", { "data-test": "incorrect-phone" }, errorMessage))));
|
|
11
|
+
return ((0, jsx_runtime_1.jsx)(PhoneAndFlag_styles_1.Wrapper, { children: phoneData && (phoneData === null || phoneData === void 0 ? void 0 : phoneData.country) === constants_1.FRENCH_COUNTRY ? ((0, jsx_runtime_1.jsx)(PhoneAndFlag_styles_1.Phone, { "data-test": "french-phone", color: color, children: (0, utils_2.formatInternationalPhone)(phoneData.number) })) : phoneData ? ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(PhoneAndFlag_styles_1.Flag, { "data-test": "flag", alt: phoneData.country, src: `https://cdn.proprioo.fr/assets/flags/${phoneData.country}.svg` }), (0, jsx_runtime_1.jsx)(PhoneAndFlag_styles_1.Phone, { "data-test": "phone", color: color, children: (0, utils_2.formatInternationalPhone)(phoneData.number) })] })) : ((0, jsx_runtime_1.jsx)("span", { "data-test": "incorrect-phone", children: errorMessage })) }));
|
|
36
12
|
};
|
|
37
13
|
exports.default = PhoneAndFlag;
|
|
38
14
|
//# sourceMappingURL=PhoneAndFlag.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneAndFlag.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneAndFlag/PhoneAndFlag.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PhoneAndFlag.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneAndFlag/PhoneAndFlag.tsx"],"names":[],"mappings":";;;AAAA,iCAA4C;AAI5C,0CAAwC;AACxC,uDAAyD;AACzD,oCAAsE;AACtE,+DAA6D;AAQ7D,MAAM,YAAY,GAA0B,CAAC,EAC3C,KAAK,EACL,KAAK,GAAG,cAAM,CAAC,IAAI,CAAC,IAAI,EACxB,YAAY,EACb,EAAE,EAAE;IACH,MAAM,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC;IAEzD,OAAO,CACL,uBAAC,6BAAO,cACL,SAAS,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,OAAO,MAAK,0BAAc,CAAC,CAAC,CAAC,CACpD,uBAAC,2BAAK,iBAAW,cAAc,EAAC,KAAK,EAAE,KAAK,YACzC,IAAA,gCAAwB,EAAC,SAAS,CAAC,MAAM,CAAC,GACrC,CACT,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CACd,wBAAC,gBAAQ,eACP,uBAAC,0BAAI,iBACO,MAAM,EAChB,GAAG,EAAE,SAAS,CAAC,OAAO,EACtB,GAAG,EAAE,wCAAwC,SAAS,CAAC,OAAO,MAAM,GACpE,EACF,uBAAC,2BAAK,iBAAW,OAAO,EAAC,KAAK,EAAE,KAAK,YAClC,IAAA,gCAAwB,EAAC,SAAS,CAAC,MAAM,CAAC,GACrC,IACC,CACZ,CAAC,CAAC,CAAC,CACF,8CAAgB,iBAAiB,YAAE,YAAY,GAAQ,CACxD,GACO,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}
|
|
@@ -3,13 +3,13 @@ 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
|
|
7
|
-
const
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const react_1 = require("@storybook/react");
|
|
8
8
|
const PhoneAndFlag_1 = __importDefault(require("./PhoneAndFlag"));
|
|
9
|
-
(0,
|
|
10
|
-
.add('FR phone number', () => (
|
|
11
|
-
.add('Flag BE', () => (
|
|
12
|
-
.add('Flag GB', () => (
|
|
13
|
-
.add('Incorrect phone number', () => (
|
|
14
|
-
.add('Null phone', () => (
|
|
9
|
+
(0, react_1.storiesOf)('PhoneAndFlag', module)
|
|
10
|
+
.add('FR phone number', () => ((0, jsx_runtime_1.jsx)(PhoneAndFlag_1.default, { phone: "+33600000000", errorMessage: "Num\u00E9ro incorrect" })))
|
|
11
|
+
.add('Flag BE', () => ((0, jsx_runtime_1.jsx)(PhoneAndFlag_1.default, { phone: "+3206000000", errorMessage: "Num\u00E9ro incorrect" })))
|
|
12
|
+
.add('Flag GB', () => ((0, jsx_runtime_1.jsx)(PhoneAndFlag_1.default, { phone: "+447000000000", errorMessage: "Num\u00E9ro incorrect" })))
|
|
13
|
+
.add('Incorrect phone number', () => ((0, jsx_runtime_1.jsx)(PhoneAndFlag_1.default, { phone: "+999999999999", errorMessage: "Num\u00E9ro incorrect" })))
|
|
14
|
+
.add('Null phone', () => ((0, jsx_runtime_1.jsx)(PhoneAndFlag_1.default, { phone: null, errorMessage: "Num\u00E9ro incorrect" })));
|
|
15
15
|
//# sourceMappingURL=PhoneAndFlag.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneAndFlag.stories.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneAndFlag/PhoneAndFlag.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PhoneAndFlag.stories.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneAndFlag/PhoneAndFlag.stories.tsx"],"names":[],"mappings":";;;;;;AAEA,4CAA6C;AAE7C,kEAA0C;AAE1C,IAAA,iBAAS,EAAC,cAAc,EAAE,MAAM,CAAC;KAC9B,GAAG,CAAC,iBAAiB,EAAE,GAAG,EAAE,CAAC,CAC5B,uBAAC,sBAAY,IAAC,KAAK,EAAC,cAAc,EAAC,YAAY,EAAC,uBAAkB,GAAG,CACtE,CAAC;KACD,GAAG,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,CACpB,uBAAC,sBAAY,IAAC,KAAK,EAAC,aAAa,EAAC,YAAY,EAAC,uBAAkB,GAAG,CACrE,CAAC;KACD,GAAG,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,CACpB,uBAAC,sBAAY,IAAC,KAAK,EAAC,eAAe,EAAC,YAAY,EAAC,uBAAkB,GAAG,CACvE,CAAC;KACD,GAAG,CAAC,wBAAwB,EAAE,GAAG,EAAE,CAAC,CACnC,uBAAC,sBAAY,IAAC,KAAK,EAAC,eAAe,EAAC,YAAY,EAAC,uBAAkB,GAAG,CACvE,CAAC;KACD,GAAG,CAAC,YAAY,EAAE,GAAG,EAAE,CAAC,CACvB,uBAAC,sBAAY,IAAC,KAAK,EAAE,IAAI,EAAE,YAAY,EAAC,uBAAkB,GAAG,CAC9D,CAAC,CAAC"}
|
|
@@ -18,7 +18,7 @@ exports.Flag = styled_components_1.default.img `
|
|
|
18
18
|
inset 0 0 0 ${(0, utils_1.convertPxToRem)(1)} ${utils_1.colors.dark.base};
|
|
19
19
|
`;
|
|
20
20
|
exports.Phone = styled_components_1.default.span `
|
|
21
|
-
${utils_1.
|
|
21
|
+
${utils_1.InterFont};
|
|
22
22
|
color: ${({ color }) => color};
|
|
23
23
|
`;
|
|
24
24
|
//# sourceMappingURL=PhoneAndFlag.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneAndFlag.styles.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneAndFlag/PhoneAndFlag.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,
|
|
1
|
+
{"version":3,"file":"PhoneAndFlag.styles.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneAndFlag/PhoneAndFlag.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,0CAAmE;AAEtD,QAAA,OAAO,GAAG,2BAAM,CAAC,IAAI,CAAA;;;CAGjC,CAAC;AAEW,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;;kBAGZ,IAAA,sBAAc,EAAC,CAAC,CAAC;sBACb,IAAA,sBAAc,EAAC,CAAC,CAAC,IAAI,cAAM,CAAC,IAAI,CAAC,IAAI;kBACzC,IAAA,sBAAc,EAAC,CAAC,CAAC,IAAI,cAAM,CAAC,IAAI,CAAC,IAAI;CACtD,CAAC;AAEW,QAAA,KAAK,GAAG,2BAAM,CAAC,IAAI,CAAmB;IAC/C,iBAAS;WACF,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;CAC9B,CAAC"}
|
|
@@ -3,28 +3,28 @@ 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
8
|
const PhoneAndFlag_1 = __importDefault(require("./PhoneAndFlag"));
|
|
9
9
|
describe('PhoneAndFlag', () => {
|
|
10
10
|
it('should render component french phone without flag', () => {
|
|
11
|
-
const tree = react_test_renderer_1.default.create(
|
|
11
|
+
const tree = react_test_renderer_1.default.create((0, jsx_runtime_1.jsx)(PhoneAndFlag_1.default, { phone: "+33600000000", errorMessage: "Num\u00E9ro incorrect" }));
|
|
12
12
|
expect(tree).toMatchSnapshot();
|
|
13
13
|
});
|
|
14
14
|
it('should render component with BE flag', () => {
|
|
15
|
-
const tree = react_test_renderer_1.default.create(
|
|
15
|
+
const tree = react_test_renderer_1.default.create((0, jsx_runtime_1.jsx)(PhoneAndFlag_1.default, { phone: "+3206000000", errorMessage: "Num\u00E9ro incorrect" }));
|
|
16
16
|
expect(tree).toMatchSnapshot();
|
|
17
17
|
});
|
|
18
18
|
it('should render component with GB flag', () => {
|
|
19
|
-
const tree = react_test_renderer_1.default.create(
|
|
19
|
+
const tree = react_test_renderer_1.default.create((0, jsx_runtime_1.jsx)(PhoneAndFlag_1.default, { phone: "+447000000000", errorMessage: "Num\u00E9ro incorrect" }));
|
|
20
20
|
expect(tree).toMatchSnapshot();
|
|
21
21
|
});
|
|
22
22
|
it('should render component with incorrect phone number', () => {
|
|
23
|
-
const tree = react_test_renderer_1.default.create(
|
|
23
|
+
const tree = react_test_renderer_1.default.create((0, jsx_runtime_1.jsx)(PhoneAndFlag_1.default, { phone: "+999999999999", errorMessage: "Num\u00E9ro incorrect" }));
|
|
24
24
|
expect(tree).toMatchSnapshot();
|
|
25
25
|
});
|
|
26
26
|
it('should render component with null phone', () => {
|
|
27
|
-
const tree = react_test_renderer_1.default.create(
|
|
27
|
+
const tree = react_test_renderer_1.default.create((0, jsx_runtime_1.jsx)(PhoneAndFlag_1.default, { phone: null, errorMessage: "Num\u00E9ro incorrect" }));
|
|
28
28
|
expect(tree).toMatchSnapshot();
|
|
29
29
|
});
|
|
30
30
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneAndFlags.test.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneAndFlag/PhoneAndFlags.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PhoneAndFlags.test.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneAndFlag/PhoneAndFlags.test.tsx"],"names":[],"mappings":";;;;;;AACA,8EAA2C;AAE3C,kEAA0C;AAE1C,QAAQ,CAAC,cAAc,EAAE,GAAG,EAAE;IAC5B,EAAE,CAAC,mDAAmD,EAAE,GAAG,EAAE;QAC3D,MAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAC1B,uBAAC,sBAAY,IAAC,KAAK,EAAC,cAAc,EAAC,YAAY,EAAC,uBAAkB,GAAG,CACtE,CAAC;QAEF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAC1B,uBAAC,sBAAY,IAAC,KAAK,EAAC,aAAa,EAAC,YAAY,EAAC,uBAAkB,GAAG,CACrE,CAAC;QAEF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,GAAG,EAAE;QAC9C,MAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAC1B,uBAAC,sBAAY,IAAC,KAAK,EAAC,eAAe,EAAC,YAAY,EAAC,uBAAkB,GAAG,CACvE,CAAC;QAEF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE,GAAG,EAAE;QAC7D,MAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAC1B,uBAAC,sBAAY,IAAC,KAAK,EAAC,eAAe,EAAC,YAAY,EAAC,uBAAkB,GAAG,CACvE,CAAC;QAEF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QACjD,MAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAC1B,uBAAC,sBAAY,IAAC,KAAK,EAAE,IAAI,EAAE,YAAY,EAAC,uBAAkB,GAAG,CAC9D,CAAC;QAEF,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,33 +1,11 @@
|
|
|
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 });
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
29
7
|
require("react-phone-number-input/style.css");
|
|
30
|
-
const react_1 =
|
|
8
|
+
const react_1 = require("react");
|
|
31
9
|
const core_1 = __importDefault(require("react-phone-number-input/core"));
|
|
32
10
|
const metadata_custom_json_1 = __importDefault(require("../metadata.custom.json"));
|
|
33
11
|
const constants_1 = require("./constants");
|
|
@@ -42,8 +20,7 @@ const Phone = ({ id, disabled, value, handleBlur, handleOnChange, handleFocus, d
|
|
|
42
20
|
}
|
|
43
21
|
setPhoneValue(phone);
|
|
44
22
|
};
|
|
45
|
-
return (
|
|
46
|
-
react_1.default.createElement(core_1.default, { addInternationalOption: false, id: id, metadata: metadata_custom_json_1.default, "data-test": "phone-input", defaultCountry: constants_1.FRENCH_COUNTRY, countries: constants_1.COUNTRIES, flagUrl: "https://cdn.proprioo.fr/assets/flags/{XX}.svg", labels: constants_1.LABELS, value: value || '', disabled: disabled, autoComplete: "off", required: required, onFocus: handleFocus, onChange: handleInputChange, countrySelectProps: { arrowComponent: () => react_1.default.createElement(react_1.Fragment, null) } })));
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)(Phone_styles_1.PhoneWrapper, { "data-test": dataTest || 'phone-wrapper', onBlur: handleBlur, onFocus: handleFocus, phoneWithFlags: phoneWithFlags, children: (0, jsx_runtime_1.jsx)(core_1.default, { addInternationalOption: false, id: id, metadata: metadata_custom_json_1.default, "data-test": "phone-input", defaultCountry: constants_1.FRENCH_COUNTRY, countries: constants_1.COUNTRIES, flagUrl: "https://cdn.proprioo.fr/assets/flags/{XX}.svg", labels: constants_1.LABELS, value: value || '', disabled: disabled, autoComplete: "off", required: required, onFocus: handleFocus, onChange: handleInputChange, countrySelectProps: { arrowComponent: () => (0, jsx_runtime_1.jsx)(react_1.Fragment, {}) } }) }));
|
|
47
24
|
};
|
|
48
25
|
exports.default = Phone;
|
|
49
26
|
//# sourceMappingURL=Phone.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Phone.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneInput/Phone.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Phone.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneInput/Phone.tsx"],"names":[],"mappings":";;;;;;AAAA,8CAA4C;AAE5C,iCAAsD;AAEtD,yEAAuD;AAGvD,mFAA+C;AAC/C,2CAAgE;AAChE,iDAA8C;AAE9C,MAAM,KAAK,GAAmB,CAAC,EAC7B,EAAE,EACF,QAAQ,EACR,KAAK,EACL,UAAU,EACV,cAAc,EACd,WAAW,EACX,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,cAAc,GAAG,IAAI,EACtB,EAAE,EAAE;IACH,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAqB,KAAK,IAAI,EAAE,CAAC,CAAC;IAE9E,MAAM,iBAAiB,GAAG,CAAC,KAAa,EAAE,EAAE;QAC1C,IAAI,KAAK,KAAK,UAAU,EAAE;YACxB,cAAc,CAAC;gBACb,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,cAAc,EAAE,IAAI,EAAE;aAC/C,CAAC,CAAC;SACJ;QAED,aAAa,CAAC,KAAK,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,2BAAY,iBACA,QAAQ,IAAI,eAAe,EACtC,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,WAAW,EACpB,cAAc,EAAE,cAAc,YAE9B,uBAAC,cAAU,IACT,sBAAsB,EAAE,KAAK,EAC7B,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,8BAAoB,eACpB,aAAa,EACvB,cAAc,EAAE,0BAAc,EAC9B,SAAS,EAAE,qBAAS,EACpB,OAAO,EAAC,+CAA+C,EACvD,MAAM,EAAE,kBAAM,EACd,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAC,KAAK,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,iBAAiB,EAC3B,kBAAkB,EAAE,EAAE,cAAc,EAAE,GAAG,EAAE,CAAC,uBAAC,gBAAQ,KAAG,EAAE,GAC1D,GACW,CAChB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,KAAK,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 storybook_state_1 = require("@sambego/storybook-state");
|
|
8
8
|
const addon_actions_1 = require("@storybook/addon-actions");
|
|
9
|
-
const
|
|
9
|
+
const react_1 = require("@storybook/react");
|
|
10
10
|
const ui_1 = require("../../../ui/");
|
|
11
11
|
const MockForm_1 = __importDefault(require("../../../ui/src/mockForm/MockForm"));
|
|
12
12
|
const PhoneInput_1 = __importDefault(require("./PhoneInput"));
|
|
@@ -22,46 +22,40 @@ const defaultProps = {
|
|
|
22
22
|
value: '',
|
|
23
23
|
onChange: onChangeAction
|
|
24
24
|
};
|
|
25
|
-
(0,
|
|
25
|
+
(0, react_1.storiesOf)('Phone', module)
|
|
26
26
|
.add('Default', () => {
|
|
27
27
|
phoneState.set({ value: '' });
|
|
28
|
-
return (
|
|
29
|
-
react_1.default.createElement(PhoneInput_1.default, Object.assign({}, defaultProps, { value: phoneState.get('value'), onChange: value => {
|
|
28
|
+
return ((0, jsx_runtime_1.jsx)(storybook_state_1.State, { store: phoneState, children: (0, jsx_runtime_1.jsx)(PhoneInput_1.default, Object.assign({}, defaultProps, { value: phoneState.get('value'), onChange: value => {
|
|
30
29
|
phoneState.set({ value });
|
|
31
30
|
onChangeAction(value);
|
|
32
|
-
} }))));
|
|
31
|
+
} })) }));
|
|
33
32
|
})
|
|
34
33
|
.add('With flags', () => {
|
|
35
34
|
phoneState.set({ value: '' });
|
|
36
|
-
return (
|
|
37
|
-
react_1.default.createElement(PhoneInput_1.default, Object.assign({}, defaultProps, { value: phoneState.get('value'), onChange: value => {
|
|
35
|
+
return ((0, jsx_runtime_1.jsx)(storybook_state_1.State, { store: phoneState, children: (0, jsx_runtime_1.jsx)(PhoneInput_1.default, Object.assign({}, defaultProps, { value: phoneState.get('value'), onChange: value => {
|
|
38
36
|
phoneState.set({ value });
|
|
39
37
|
onChangeAction(value);
|
|
40
|
-
}, phoneWithFlags: true }))));
|
|
38
|
+
}, phoneWithFlags: true })) }));
|
|
41
39
|
})
|
|
42
40
|
.add('With value', () => {
|
|
43
41
|
phoneState.set({ value: '+33686106094' });
|
|
44
|
-
return (
|
|
45
|
-
react_1.default.createElement(PhoneInput_1.default, Object.assign({}, defaultProps, { value: phoneState.get('value'), onChange: value => {
|
|
42
|
+
return ((0, jsx_runtime_1.jsx)(storybook_state_1.State, { store: phoneState, children: (0, jsx_runtime_1.jsx)(PhoneInput_1.default, Object.assign({}, defaultProps, { value: phoneState.get('value'), onChange: value => {
|
|
46
43
|
phoneState.set({ value });
|
|
47
44
|
onChangeAction(value);
|
|
48
|
-
}, phoneWithFlags: true }))));
|
|
45
|
+
}, phoneWithFlags: true })) }));
|
|
49
46
|
})
|
|
50
47
|
.add('Default with error', () => {
|
|
51
48
|
phoneState.set({ value: '' });
|
|
52
|
-
return (
|
|
53
|
-
react_1.default.createElement(PhoneInput_1.default, Object.assign({}, defaultProps, { value: phoneState.get('value'), onChange: value => {
|
|
49
|
+
return ((0, jsx_runtime_1.jsx)(storybook_state_1.State, { store: phoneState, children: (0, jsx_runtime_1.jsx)(PhoneInput_1.default, Object.assign({}, defaultProps, { value: phoneState.get('value'), onChange: value => {
|
|
54
50
|
phoneState.set({ value });
|
|
55
51
|
onChangeAction(value);
|
|
56
|
-
}, error: true, phoneWithFlags: true }))));
|
|
52
|
+
}, error: true, phoneWithFlags: true })) }));
|
|
57
53
|
})
|
|
58
54
|
.add('Required', () => {
|
|
59
55
|
phoneState.set({ value: '' });
|
|
60
|
-
return (
|
|
61
|
-
react_1.default.createElement(storybook_state_1.State, { store: phoneState },
|
|
62
|
-
react_1.default.createElement(PhoneInput_1.default, Object.assign({}, defaultProps, { value: phoneState.get('value'), required: true, onChange: value => {
|
|
56
|
+
return ((0, jsx_runtime_1.jsx)(MockForm_1.default, { children: (0, jsx_runtime_1.jsx)(storybook_state_1.State, { store: phoneState, children: (0, jsx_runtime_1.jsx)(PhoneInput_1.default, Object.assign({}, defaultProps, { value: phoneState.get('value'), required: true, onChange: value => {
|
|
63
57
|
phoneState.set({ value });
|
|
64
58
|
onChangeAction(value);
|
|
65
|
-
}, phoneWithFlags: true })))));
|
|
59
|
+
}, phoneWithFlags: true })) }) }));
|
|
66
60
|
});
|
|
67
61
|
//# sourceMappingURL=Phone.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Phone.stories.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneInput/Phone.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Phone.stories.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneInput/Phone.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -37,7 +37,6 @@ exports.PhoneWrapper = styled_components_1.default.div `
|
|
|
37
37
|
|
|
38
38
|
input {
|
|
39
39
|
${Input_styles_1.BaseLayout};
|
|
40
|
-
${utils_1.ArchivoFont};
|
|
41
40
|
position: relative;
|
|
42
41
|
min-height: ${(0, utils_1.convertPxToRem)(48)};
|
|
43
42
|
padding-left: ${(0, utils_1.convertPxToRem)(8)};
|
|
@@ -50,7 +49,6 @@ exports.PhoneWrapper = styled_components_1.default.div `
|
|
|
50
49
|
|
|
51
50
|
.PhoneInputCountrySelect {
|
|
52
51
|
option {
|
|
53
|
-
${utils_1.ArchivoFont};
|
|
54
52
|
font-size: ${utils_1.fonts.base};
|
|
55
53
|
font-weight: lighter;
|
|
56
54
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Phone.styles.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneInput/Phone.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,qEAAgE;AAChE,
|
|
1
|
+
{"version":3,"file":"Phone.styles.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneInput/Phone.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,qEAAgE;AAChE,0CAAwE;AAE3D,QAAA,YAAY,GAAG,2BAAM,CAAC,GAAG,CAA6B;;kBAEjD,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;;;MAO9B,yBAAU;;kBAEE,IAAA,sBAAc,EAAC,EAAE,CAAC;oBAChB,IAAA,sBAAc,EAAC,CAAC,CAAC;;;;;;;;;;mBAUlB,aAAK,CAAC,IAAI;;;;;;kBAMX,cAAM,CAAC,IAAI,CAAC,MAAM;kBAClB,eAAO,CAAC,MAAM;qBACX,IAAA,sBAAc,EAAC,CAAC,CAAC;;mBAEnB,IAAA,sBAAc,EAAC,CAAC,CAAC;;;;;aAKvB,cAAM,CAAC,IAAI,CAAC,IAAI;;;IAGzB,CAAC,EAAE,cAAc,EAAE,EAAE,EAAE,CACvB,CAAC,cAAc;IACf,IAAA,uBAAG,EAAA;;;;wBAIiB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;;;;KAQrC;CACJ,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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
26
3
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
27
4
|
return new (P || (P = Promise))(function (resolve, reject) {
|
|
@@ -35,7 +12,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
35
12
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
36
13
|
};
|
|
37
14
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
38
|
-
const
|
|
15
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
+
const react_1 = require("react");
|
|
39
17
|
const react_test_renderer_1 = __importDefault(require("react-test-renderer"));
|
|
40
18
|
const react_2 = require("@testing-library/react");
|
|
41
19
|
const user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
@@ -56,26 +34,22 @@ const defaultProps = {
|
|
|
56
34
|
};
|
|
57
35
|
describe('Phone', () => {
|
|
58
36
|
it('should equal snapshot rendering', () => {
|
|
59
|
-
const tree = react_test_renderer_1.default.create(
|
|
37
|
+
const tree = react_test_renderer_1.default.create((0, jsx_runtime_1.jsx)(Phone_1.default, Object.assign({}, defaultProps))).toJSON();
|
|
60
38
|
expect(tree).toMatchSnapshot();
|
|
61
39
|
});
|
|
62
40
|
it('should trigger handleFocus', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
63
|
-
(0, react_2.render)(react_1.default.
|
|
64
|
-
react_1.default.createElement(Phone_1.default, Object.assign({}, defaultProps)),
|
|
65
|
-
react_1.default.createElement("div", { "data-test": "click-blur" }, "click to blur")));
|
|
41
|
+
(0, react_2.render)((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Phone_1.default, Object.assign({}, defaultProps)), (0, jsx_runtime_1.jsx)("div", { "data-test": "click-blur", children: "click to blur" })] }));
|
|
66
42
|
yield user_event_1.default.click(react_2.screen.getByRole('textbox'));
|
|
67
43
|
expect(mockHandleFocus).toHaveBeenCalled();
|
|
68
44
|
}));
|
|
69
45
|
it('should trigger handleBlur', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
70
|
-
(0, react_2.render)(react_1.default.
|
|
71
|
-
react_1.default.createElement(Phone_1.default, Object.assign({}, defaultProps)),
|
|
72
|
-
react_1.default.createElement("div", { "data-test": "click-blur" }, "click to blur")));
|
|
46
|
+
(0, react_2.render)((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Phone_1.default, Object.assign({}, defaultProps)), (0, jsx_runtime_1.jsx)("div", { "data-test": "click-blur", children: "click to blur" })] }));
|
|
73
47
|
yield user_event_1.default.click(react_2.screen.getByRole('textbox'));
|
|
74
48
|
yield user_event_1.default.click(react_2.screen.getByTestId('click-blur'));
|
|
75
49
|
expect(mockHandleBlur).toHaveBeenCalled();
|
|
76
50
|
}));
|
|
77
51
|
it('should trigger handleOnChange', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
78
|
-
(0, react_2.render)(
|
|
52
|
+
(0, react_2.render)((0, jsx_runtime_1.jsx)(Phone_1.default, Object.assign({}, defaultProps)));
|
|
79
53
|
yield user_event_1.default.type(react_2.screen.getByRole('textbox'), '0686106094');
|
|
80
54
|
expect(react_2.screen.getByRole('textbox')).toHaveAttribute('value', '06 86 10 60 94');
|
|
81
55
|
expect(mockHandleOnChange).toHaveBeenLastCalledWith({
|
|
@@ -83,7 +57,7 @@ describe('Phone', () => {
|
|
|
83
57
|
});
|
|
84
58
|
}));
|
|
85
59
|
it('should trigger only once handleOnChange when phone input is empty', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
86
|
-
(0, react_2.render)(
|
|
60
|
+
(0, react_2.render)((0, jsx_runtime_1.jsx)(Phone_1.default, Object.assign({}, defaultProps)));
|
|
87
61
|
yield user_event_1.default.type(react_2.screen.getByRole('textbox'), '06');
|
|
88
62
|
expect(mockHandleOnChange).toHaveBeenCalledWith({
|
|
89
63
|
target: { selectionStart: null, value: '+336' }
|
|
@@ -103,7 +77,7 @@ describe('Phone', () => {
|
|
|
103
77
|
expect(mockHandleOnChange).not.toHaveBeenCalled();
|
|
104
78
|
}));
|
|
105
79
|
it('should trigger handleOnChange when clearing complete value', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
106
|
-
(0, react_2.render)(
|
|
80
|
+
(0, react_2.render)((0, jsx_runtime_1.jsx)(Phone_1.default, Object.assign({}, defaultProps, { value: "+33686106094" })));
|
|
107
81
|
yield user_event_1.default.clear(react_2.screen.getByRole('textbox'));
|
|
108
82
|
expect(mockHandleOnChange).toHaveBeenCalledWith({
|
|
109
83
|
target: { selectionStart: null, value: undefined }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Phone.test.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneInput/Phone.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Phone.test.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneInput/Phone.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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 Input_1 = require("../../../ui/src/input/Input");
|
|
8
8
|
const InputBase_1 = __importDefault(require("../../../ui/src/inputBase/InputBase"));
|
|
9
9
|
const Phone_1 = __importDefault(require("./Phone"));
|
|
10
|
-
const PhoneInput = ({ label, value, onChange, dataTest, disabled = false, error = false, phoneWithFlags = false, required = false }) => (
|
|
10
|
+
const PhoneInput = ({ label, value, onChange, dataTest, disabled = false, error = false, phoneWithFlags = false, required = false }) => ((0, jsx_runtime_1.jsx)(InputBase_1.default, { dataTest: dataTest || 'customer-phone', name: "phone", type: Input_1.InputType.TEL, disabled: disabled, error: error, label: label, value: value, onChange: onChange, inputElement: Phone_1.default, phoneWithFlags: phoneWithFlags, required: required }));
|
|
11
11
|
exports.default = PhoneInput;
|
|
12
12
|
//# sourceMappingURL=PhoneInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneInput.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneInput/PhoneInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"PhoneInput.js","sourceRoot":"","sources":["../../../../packages/phone/src/phoneInput/PhoneInput.tsx"],"names":[],"mappings":";;;;;;AAEA,uDAAwD;AACxD,oFAAgF;AAChF,oDAA4B;AAE5B,MAAM,UAAU,GAAuB,CAAC,EACtC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,cAAc,GAAG,KAAK,EACtB,QAAQ,GAAG,KAAK,EACjB,EAAE,EAAE,CAAC,CACJ,uBAAC,mBAAS,IACR,QAAQ,EAAE,QAAQ,IAAI,gBAAgB,EACtC,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,iBAAS,CAAC,GAAG,EACnB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,eAAK,EACnB,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,GAClB,CACH,CAAC;AAEF,kBAAe,UAAU,CAAC"}
|
|
@@ -1,10 +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 AccordionContextProvider_1 = require("./AccordionContextProvider");
|
|
8
|
-
const Accordion = ({ children, preExpanded, allowMultipleExpanded }) => (
|
|
5
|
+
const Accordion = ({ children, preExpanded, allowMultipleExpanded }) => ((0, jsx_runtime_1.jsx)(AccordionContextProvider_1.Provider, { preExpanded: preExpanded, allowMultipleExpanded: allowMultipleExpanded, children: children }));
|
|
9
6
|
exports.default = Accordion;
|
|
10
7
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../packages/ui/src/accordion/Accordion.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Accordion.js","sourceRoot":"","sources":["../../../../packages/ui/src/accordion/Accordion.tsx"],"names":[],"mappings":";;;AAGA,yEAAsD;AAItD,MAAM,SAAS,GAA0C,CAAC,EACxD,QAAQ,EACR,WAAW,EACX,qBAAqB,EACtB,EAAE,EAAE,CAAC,CACJ,uBAAC,mCAAQ,IACP,WAAW,EAAE,WAAW,EACxB,qBAAqB,EAAE,qBAAqB,YAE3C,QAAQ,GACA,CACZ,CAAC;AAEF,kBAAe,SAAS,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 styled_components_1 = __importDefault(require("styled-components"));
|
|
31
9
|
const addon_knobs_1 = require("@storybook/addon-knobs");
|
|
32
10
|
const react_2 = require("@storybook/react");
|
|
@@ -51,20 +29,7 @@ const knobs = () => {
|
|
|
51
29
|
const props = {
|
|
52
30
|
preExpanded: ['bjr']
|
|
53
31
|
};
|
|
54
|
-
return (react_1.default.
|
|
55
|
-
react_1.default.createElement(Accordion_1.default, Object.assign({}, props),
|
|
56
|
-
react_1.default.createElement(AccordionItem_1.default, Object.assign({}, itemProps, { uuid: "bjr" }),
|
|
57
|
-
react_1.default.createElement(AccordionHeader_1.default, null, "Bonjour"),
|
|
58
|
-
react_1.default.createElement(AccordionPanel_1.default, null,
|
|
59
|
-
react_1.default.createElement(MockContent, null, "Bonjour est la salutation la plus commun\u00E9ment employ\u00E9e en fran\u00E7ais lorsque l'on rencontre ou croise une connaissance, ou une personne inconnue dans le cadre d'une pr\u00E9sentation, et ce, du matin jusqu'\u00E0 la fin de la journ\u00E9e. Par extension, \u00AB bonjour \u00BB est employ\u00E9 \u00E9galement pour les rencontres virtuelles telles que la correspondance, les t\u00E9l\u00E9communications ou les m\u00E9dias. Dire \u00ABBonjour\u00BB en guise de salutation est une marque de politesse."))),
|
|
60
|
-
react_1.default.createElement(AccordionItem_1.default, Object.assign({}, itemProps, { uuid: "bsr" }),
|
|
61
|
-
react_1.default.createElement(AccordionHeader_1.default, null, "Bonsoir"),
|
|
62
|
-
react_1.default.createElement(AccordionPanel_1.default, null,
|
|
63
|
-
react_1.default.createElement(MockContent, null, "Bonsoir est un film fran\u00E7ais, r\u00E9alis\u00E9 et produit par Jean-Pierre Mocky en 1992, et sorti en 1994."))),
|
|
64
|
-
react_1.default.createElement(AccordionItem_1.default, Object.assign({}, itemProps, { uuid: "slt" }),
|
|
65
|
-
react_1.default.createElement(AccordionHeader_1.default, null, "Salut"),
|
|
66
|
-
react_1.default.createElement(AccordionPanel_1.default, null,
|
|
67
|
-
react_1.default.createElement(MockContent, null, "Une salutation est un comportement destin\u00E9 \u00E0 adresser une marque de reconnaissance, de respect envers une (ou plusieurs) personnes rencontr\u00E9e(s) physiquement ou seulement virtuellement (par exemple, lors d'une correspondance). Le salut peut s'effectuer au travers d'un acte de langage, \u00E9ventuellement performatif. En fran\u00E7ais, le mot \u00AB salut \u00BB peut servir d'interjection pour saluer une personne dont on est familier. En langage SMS, l'abr\u00E9viation de salut est \"Slt\"."))))));
|
|
32
|
+
return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(Accordion_1.default, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsxs)(AccordionItem_1.default, Object.assign({}, itemProps, { uuid: "bjr", children: [(0, jsx_runtime_1.jsx)(AccordionHeader_1.default, { children: "Bonjour" }), (0, jsx_runtime_1.jsx)(AccordionPanel_1.default, { children: (0, jsx_runtime_1.jsx)(MockContent, { children: "Bonjour est la salutation la plus commun\u00E9ment employ\u00E9e en fran\u00E7ais lorsque l'on rencontre ou croise une connaissance, ou une personne inconnue dans le cadre d'une pr\u00E9sentation, et ce, du matin jusqu'\u00E0 la fin de la journ\u00E9e. Par extension, \u00AB bonjour \u00BB est employ\u00E9 \u00E9galement pour les rencontres virtuelles telles que la correspondance, les t\u00E9l\u00E9communications ou les m\u00E9dias. Dire \u00ABBonjour\u00BB en guise de salutation est une marque de politesse." }) })] })), (0, jsx_runtime_1.jsxs)(AccordionItem_1.default, Object.assign({}, itemProps, { uuid: "bsr", children: [(0, jsx_runtime_1.jsx)(AccordionHeader_1.default, { children: "Bonsoir" }), (0, jsx_runtime_1.jsx)(AccordionPanel_1.default, { children: (0, jsx_runtime_1.jsx)(MockContent, { children: "Bonsoir est un film fran\u00E7ais, r\u00E9alis\u00E9 et produit par Jean-Pierre Mocky en 1992, et sorti en 1994." }) })] })), (0, jsx_runtime_1.jsxs)(AccordionItem_1.default, Object.assign({}, itemProps, { uuid: "slt", children: [(0, jsx_runtime_1.jsx)(AccordionHeader_1.default, { children: "Salut" }), (0, jsx_runtime_1.jsx)(AccordionPanel_1.default, { children: (0, jsx_runtime_1.jsx)(MockContent, { children: "Une salutation est un comportement destin\u00E9 \u00E0 adresser une marque de reconnaissance, de respect envers une (ou plusieurs) personnes rencontr\u00E9e(s) physiquement ou seulement virtuellement (par exemple, lors d'une correspondance). Le salut peut s'effectuer au travers d'un acte de langage, \u00E9ventuellement performatif. En fran\u00E7ais, le mot \u00AB salut \u00BB peut servir d'interjection pour saluer une personne dont on est familier. En langage SMS, l'abr\u00E9viation de salut est \"Slt\"." }) })] }))] })) }));
|
|
68
33
|
})
|
|
69
34
|
.add('Accordion with multiple open items', () => {
|
|
70
35
|
const itemProps = knobs();
|
|
@@ -72,37 +37,13 @@ const knobs = () => {
|
|
|
72
37
|
preExpanded: ['bjr', 'slt'],
|
|
73
38
|
allowMultipleExpanded: true
|
|
74
39
|
};
|
|
75
|
-
return (
|
|
76
|
-
react_1.default.createElement(AccordionItem_1.default, Object.assign({}, itemProps, { uuid: "bjr" }),
|
|
77
|
-
react_1.default.createElement(AccordionHeader_1.default, null, "Bonjour"),
|
|
78
|
-
react_1.default.createElement(AccordionPanel_1.default, null,
|
|
79
|
-
react_1.default.createElement(MockContent, null, "Bonjour est la salutation la plus commun\u00E9ment employ\u00E9e en fran\u00E7ais lorsque l'on rencontre ou croise une connaissance, ou une personne inconnue dans le cadre d'une pr\u00E9sentation, et ce, du matin jusqu'\u00E0 la fin de la journ\u00E9e. Par extension, \u00AB bonjour \u00BB est employ\u00E9 \u00E9galement pour les rencontres virtuelles telles que la correspondance, les t\u00E9l\u00E9communications ou les m\u00E9dias. Dire \u00ABBonjour\u00BB en guise de salutation est une marque de politesse."))),
|
|
80
|
-
react_1.default.createElement(AccordionItem_1.default, Object.assign({}, itemProps, { uuid: "bsr" }),
|
|
81
|
-
react_1.default.createElement(AccordionHeader_1.default, null, "Bonsoir"),
|
|
82
|
-
react_1.default.createElement(AccordionPanel_1.default, null,
|
|
83
|
-
react_1.default.createElement(MockContent, null, "Bonsoir est un film fran\u00E7ais, r\u00E9alis\u00E9 et produit par Jean-Pierre Mocky en 1992, et sorti en 1994."))),
|
|
84
|
-
react_1.default.createElement(AccordionItem_1.default, Object.assign({}, itemProps, { uuid: "slt" }),
|
|
85
|
-
react_1.default.createElement(AccordionHeader_1.default, null, "Salut"),
|
|
86
|
-
react_1.default.createElement(AccordionPanel_1.default, null,
|
|
87
|
-
react_1.default.createElement(MockContent, null, "Une salutation est un comportement destin\u00E9 \u00E0 adresser une marque de reconnaissance, de respect envers une (ou plusieurs) personnes rencontr\u00E9e(s) physiquement ou seulement virtuellement (par exemple, lors d'une correspondance). Le salut peut s'effectuer au travers d'un acte de langage, \u00E9ventuellement performatif. En fran\u00E7ais, le mot \u00AB salut \u00BB peut servir d'interjection pour saluer une personne dont on est familier. En langage SMS, l'abr\u00E9viation de salut est \"Slt\".")))));
|
|
40
|
+
return ((0, jsx_runtime_1.jsxs)(Accordion_1.default, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsxs)(AccordionItem_1.default, Object.assign({}, itemProps, { uuid: "bjr", children: [(0, jsx_runtime_1.jsx)(AccordionHeader_1.default, { children: "Bonjour" }), (0, jsx_runtime_1.jsx)(AccordionPanel_1.default, { children: (0, jsx_runtime_1.jsx)(MockContent, { children: "Bonjour est la salutation la plus commun\u00E9ment employ\u00E9e en fran\u00E7ais lorsque l'on rencontre ou croise une connaissance, ou une personne inconnue dans le cadre d'une pr\u00E9sentation, et ce, du matin jusqu'\u00E0 la fin de la journ\u00E9e. Par extension, \u00AB bonjour \u00BB est employ\u00E9 \u00E9galement pour les rencontres virtuelles telles que la correspondance, les t\u00E9l\u00E9communications ou les m\u00E9dias. Dire \u00ABBonjour\u00BB en guise de salutation est une marque de politesse." }) })] })), (0, jsx_runtime_1.jsxs)(AccordionItem_1.default, Object.assign({}, itemProps, { uuid: "bsr", children: [(0, jsx_runtime_1.jsx)(AccordionHeader_1.default, { children: "Bonsoir" }), (0, jsx_runtime_1.jsx)(AccordionPanel_1.default, { children: (0, jsx_runtime_1.jsx)(MockContent, { children: "Bonsoir est un film fran\u00E7ais, r\u00E9alis\u00E9 et produit par Jean-Pierre Mocky en 1992, et sorti en 1994." }) })] })), (0, jsx_runtime_1.jsxs)(AccordionItem_1.default, Object.assign({}, itemProps, { uuid: "slt", children: [(0, jsx_runtime_1.jsx)(AccordionHeader_1.default, { children: "Salut" }), (0, jsx_runtime_1.jsx)(AccordionPanel_1.default, { children: (0, jsx_runtime_1.jsx)(MockContent, { children: "Une salutation est un comportement destin\u00E9 \u00E0 adresser une marque de reconnaissance, de respect envers une (ou plusieurs) personnes rencontr\u00E9e(s) physiquement ou seulement virtuellement (par exemple, lors d'une correspondance). Le salut peut s'effectuer au travers d'un acte de langage, \u00E9ventuellement performatif. En fran\u00E7ais, le mot \u00AB salut \u00BB peut servir d'interjection pour saluer une personne dont on est familier. En langage SMS, l'abr\u00E9viation de salut est \"Slt\"." }) })] }))] })));
|
|
88
41
|
})
|
|
89
42
|
.add('Accordion with unmountOnCollapse prop', () => {
|
|
90
43
|
const itemProps = knobs();
|
|
91
44
|
const props = {
|
|
92
45
|
preExpanded: ['bjr']
|
|
93
46
|
};
|
|
94
|
-
return (
|
|
95
|
-
react_1.default.createElement(AccordionItem_1.default, Object.assign({}, itemProps, { uuid: "bjr" }),
|
|
96
|
-
react_1.default.createElement(AccordionHeader_1.default, null, "Bonjour"),
|
|
97
|
-
react_1.default.createElement(AccordionPanel_1.default, { unmountOnCollapse: true },
|
|
98
|
-
react_1.default.createElement(MockContent, null, "Bonjour est la salutation la plus commun\u00E9ment employ\u00E9e en fran\u00E7ais lorsque l'on rencontre ou croise une connaissance, ou une personne inconnue dans le cadre d'une pr\u00E9sentation, et ce, du matin jusqu'\u00E0 la fin de la journ\u00E9e. Par extension, \u00AB bonjour \u00BB est employ\u00E9 \u00E9galement pour les rencontres virtuelles telles que la correspondance, les t\u00E9l\u00E9communications ou les m\u00E9dias. Dire \u00ABBonjour\u00BB en guise de salutation est une marque de politesse."))),
|
|
99
|
-
react_1.default.createElement(AccordionItem_1.default, Object.assign({}, itemProps, { uuid: "bsr" }),
|
|
100
|
-
react_1.default.createElement(AccordionHeader_1.default, null, "Bonsoir"),
|
|
101
|
-
react_1.default.createElement(AccordionPanel_1.default, { unmountOnCollapse: true },
|
|
102
|
-
react_1.default.createElement(MockContent, null, "Bonsoir est un film fran\u00E7ais, r\u00E9alis\u00E9 et produit par Jean-Pierre Mocky en 1992, et sorti en 1994."))),
|
|
103
|
-
react_1.default.createElement(AccordionItem_1.default, Object.assign({}, itemProps, { uuid: "slt" }),
|
|
104
|
-
react_1.default.createElement(AccordionHeader_1.default, null, "Salut"),
|
|
105
|
-
react_1.default.createElement(AccordionPanel_1.default, { unmountOnCollapse: true },
|
|
106
|
-
react_1.default.createElement(MockContent, null, "Une salutation est un comportement destin\u00E9 \u00E0 adresser une marque de reconnaissance, de respect envers une (ou plusieurs) personnes rencontr\u00E9e(s) physiquement ou seulement virtuellement (par exemple, lors d'une correspondance). Le salut peut s'effectuer au travers d'un acte de langage, \u00E9ventuellement performatif. En fran\u00E7ais, le mot \u00AB salut \u00BB peut servir d'interjection pour saluer une personne dont on est familier. En langage SMS, l'abr\u00E9viation de salut est \"Slt\".")))));
|
|
47
|
+
return ((0, jsx_runtime_1.jsxs)(Accordion_1.default, Object.assign({}, props, { children: [(0, jsx_runtime_1.jsxs)(AccordionItem_1.default, Object.assign({}, itemProps, { uuid: "bjr", children: [(0, jsx_runtime_1.jsx)(AccordionHeader_1.default, { children: "Bonjour" }), (0, jsx_runtime_1.jsx)(AccordionPanel_1.default, { unmountOnCollapse: true, children: (0, jsx_runtime_1.jsx)(MockContent, { children: "Bonjour est la salutation la plus commun\u00E9ment employ\u00E9e en fran\u00E7ais lorsque l'on rencontre ou croise une connaissance, ou une personne inconnue dans le cadre d'une pr\u00E9sentation, et ce, du matin jusqu'\u00E0 la fin de la journ\u00E9e. Par extension, \u00AB bonjour \u00BB est employ\u00E9 \u00E9galement pour les rencontres virtuelles telles que la correspondance, les t\u00E9l\u00E9communications ou les m\u00E9dias. Dire \u00ABBonjour\u00BB en guise de salutation est une marque de politesse." }) })] })), (0, jsx_runtime_1.jsxs)(AccordionItem_1.default, Object.assign({}, itemProps, { uuid: "bsr", children: [(0, jsx_runtime_1.jsx)(AccordionHeader_1.default, { children: "Bonsoir" }), (0, jsx_runtime_1.jsx)(AccordionPanel_1.default, { unmountOnCollapse: true, children: (0, jsx_runtime_1.jsx)(MockContent, { children: "Bonsoir est un film fran\u00E7ais, r\u00E9alis\u00E9 et produit par Jean-Pierre Mocky en 1992, et sorti en 1994." }) })] })), (0, jsx_runtime_1.jsxs)(AccordionItem_1.default, Object.assign({}, itemProps, { uuid: "slt", children: [(0, jsx_runtime_1.jsx)(AccordionHeader_1.default, { children: "Salut" }), (0, jsx_runtime_1.jsx)(AccordionPanel_1.default, { unmountOnCollapse: true, children: (0, jsx_runtime_1.jsx)(MockContent, { children: "Une salutation est un comportement destin\u00E9 \u00E0 adresser une marque de reconnaissance, de respect envers une (ou plusieurs) personnes rencontr\u00E9e(s) physiquement ou seulement virtuellement (par exemple, lors d'une correspondance). Le salut peut s'effectuer au travers d'un acte de langage, \u00E9ventuellement performatif. En fran\u00E7ais, le mot \u00AB salut \u00BB peut servir d'interjection pour saluer une personne dont on est familier. En langage SMS, l'abr\u00E9viation de salut est \"Slt\"." }) })] }))] })));
|
|
107
48
|
});
|
|
108
49
|
//# sourceMappingURL=Accordion.stories.js.map
|