@proprioo/salatim 29.15.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 +4 -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 +800 -829
- 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.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 +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/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
|
@@ -12,8 +12,8 @@ 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
|
|
16
|
-
const
|
|
15
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
+
const react_1 = require("@testing-library/react");
|
|
17
17
|
const user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
18
18
|
const test_utils_1 = require("../../../utils/src/test-utils");
|
|
19
19
|
const ButtonRadioGroup_1 = __importDefault(require("./ButtonRadioGroup"));
|
|
@@ -36,17 +36,17 @@ const defaultProps = {
|
|
|
36
36
|
value: MOCK_OPTIONS[0].value
|
|
37
37
|
};
|
|
38
38
|
describe('ButtonRadioGroup', () => {
|
|
39
|
-
it('passes a11y test', () => (0, test_utils_1.testA11y)(
|
|
39
|
+
it('passes a11y test', () => (0, test_utils_1.testA11y)((0, jsx_runtime_1.jsx)(ButtonRadioGroup_1.default, Object.assign({}, defaultProps))));
|
|
40
40
|
it('should render radio group with options', () => {
|
|
41
|
-
(0, test_utils_1.render)(
|
|
42
|
-
expect(
|
|
41
|
+
(0, test_utils_1.render)((0, jsx_runtime_1.jsx)(ButtonRadioGroup_1.default, Object.assign({}, defaultProps)));
|
|
42
|
+
expect(react_1.screen.getByRole('radiogroup', { name: defaultProps.label })).toBeInTheDocument();
|
|
43
43
|
MOCK_OPTIONS.forEach(option => {
|
|
44
|
-
expect(
|
|
44
|
+
expect(react_1.screen.getByLabelText(option.label)).toBeInTheDocument();
|
|
45
45
|
});
|
|
46
46
|
});
|
|
47
47
|
it('should change option', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
48
|
-
(0, test_utils_1.render)(
|
|
49
|
-
yield user_event_1.default.click(
|
|
48
|
+
(0, test_utils_1.render)((0, jsx_runtime_1.jsx)(ButtonRadioGroup_1.default, Object.assign({}, defaultProps)));
|
|
49
|
+
yield user_event_1.default.click(react_1.screen.getByLabelText(MOCK_OPTIONS[1].label));
|
|
50
50
|
expect(mockOnChange).toHaveBeenCalledWith(MOCK_OPTIONS[1]);
|
|
51
51
|
}));
|
|
52
52
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonRadioGroup.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadioGroup.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ButtonRadioGroup.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadioGroup.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAEA,kDAAgD;AAChD,6EAAoD;AAEpD,8DAAiE;AAEjE,0EAA6E;AAE7E,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE/B,MAAM,YAAY,GAAkB;IAClC;QACE,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,KAAK;KACb;IACD;QACE,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,KAAK;KACb;CACF,CAAC;AAEF,MAAM,YAAY,GAA0B;IAC1C,KAAK,EAAE,mBAAmB;IAC1B,IAAI,EAAE,WAAW;IACjB,QAAQ,EAAE,YAAY;IACtB,OAAO,EAAE,YAAY;IACrB,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK;CAC7B,CAAC;AAEF,QAAQ,CAAC,kBAAkB,EAAE,GAAG,EAAE;IAChC,EAAE,CAAC,kBAAkB,EAAE,GAAG,EAAE,CAC1B,IAAA,qBAAQ,EAAC,uBAAC,0BAAgB,oBAAK,YAAY,EAAI,CAAC,CAAC,CAAC;IAEpD,EAAE,CAAC,wCAAwC,EAAE,GAAG,EAAE;QAChD,IAAA,mBAAM,EAAC,uBAAC,0BAAgB,oBAAK,YAAY,EAAI,CAAC,CAAC;QAE/C,MAAM,CACJ,cAAM,CAAC,SAAS,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,YAAY,CAAC,KAAK,EAAE,CAAC,CAC7D,CAAC,iBAAiB,EAAE,CAAC;QAEtB,YAAY,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE;YAC5B,MAAM,CAAC,cAAM,CAAC,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;QAClE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sBAAsB,EAAE,GAAS,EAAE;QACpC,IAAA,mBAAM,EAAC,uBAAC,0BAAgB,oBAAK,YAAY,EAAI,CAAC,CAAC;QAE/C,MAAM,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,cAAc,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QAEpE,MAAM,CAAC,YAAY,CAAC,CAAC,oBAAoB,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,CAAC;IAC7D,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
package/lib/ui/src/card/Card.js
CHANGED
|
@@ -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 });
|
|
29
6
|
exports.CardHeaderIconSize = void 0;
|
|
30
|
-
const
|
|
7
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
8
|
+
const react_1 = require("react");
|
|
31
9
|
const utils_1 = require("../../../utils");
|
|
32
10
|
const Help_1 = __importDefault(require("../icons/Help"));
|
|
33
11
|
const Tooltip_1 = __importDefault(require("../tooltip/Tooltip"));
|
|
@@ -65,24 +43,9 @@ const Card = ({ children, after, dataTest = 'card-layout', disabled = false, lab
|
|
|
65
43
|
toggleIsOpen(controlledIsOpen);
|
|
66
44
|
}
|
|
67
45
|
}, [controlledIsOpen, isControlled]);
|
|
68
|
-
return (
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
headerIcon && (react_1.default.createElement(Card_styles_1.HeaderIconContainer, { headerIconColor: headerIconColor, headerIconSize: headerIconSize }, headerIcon)),
|
|
72
|
-
react_1.default.createElement("div", { "data-test": `title-${dataTest}`, dangerouslySetInnerHTML: { __html: label } }),
|
|
73
|
-
labelAfter && react_1.default.createElement(Card_styles_1.LabelAfterWrapper, null, labelAfter),
|
|
74
|
-
tooltip && (react_1.default.createElement(Card_styles_1.PropagationWrapper, { onClick: event => event.stopPropagation() },
|
|
75
|
-
react_1.default.createElement(Tooltip_1.default, { tooltip: tooltip, placement: "auto" },
|
|
76
|
-
react_1.default.createElement(Card_styles_1.IconContainer, null,
|
|
77
|
-
react_1.default.createElement(Help_1.default, { fill: utils_1.colors.grey.base })))))),
|
|
78
|
-
(after || hasToggle) && (react_1.default.createElement(Card_styles_1.AfterContainer, null,
|
|
79
|
-
after && (react_1.default.createElement(Card_styles_1.PropagationWrapper, { onClick: event => event.stopPropagation() }, after)),
|
|
80
|
-
hasToggle && (react_1.default.createElement(Card_styles_1.ToggleContainer, null,
|
|
81
|
-
!isSmartphone && toggleLabel && (react_1.default.createElement("span", { "data-test": "toggle-label" }, toggleLabel)),
|
|
82
|
-
react_1.default.createElement(Card_styles_1.ToggleButton, { "aria-expanded": isOpen, "aria-label": isOpen
|
|
83
|
-
? 'Cacher le contenu'
|
|
84
|
-
: toggleLabel || 'Afficher le contenu', "aria-controls": label })))))),
|
|
85
|
-
((!hasToggle && children) || (hasToggle && isOpen)) && (react_1.default.createElement(Card_styles_1.Body, { noPadding: noPadding, "data-test": "body-card" }, children))));
|
|
46
|
+
return ((0, jsx_runtime_1.jsxs)(Card_styles_1.Layout, { "data-test": dataTest, disabled: disabled, id: label, children: [(0, jsx_runtime_1.jsxs)(Card_styles_1.Header, { onClick: hasToggle && !disabled ? toggleCard : undefined, hasToggle: hasToggle, disabled: disabled, children: [(0, jsx_runtime_1.jsxs)(Card_styles_1.TitleContainer, { "data-test": "title-container", children: [headerIcon && ((0, jsx_runtime_1.jsx)(Card_styles_1.HeaderIconContainer, { headerIconColor: headerIconColor, headerIconSize: headerIconSize, children: headerIcon })), (0, jsx_runtime_1.jsx)("div", { "data-test": `title-${dataTest}`, dangerouslySetInnerHTML: { __html: label } }), labelAfter && (0, jsx_runtime_1.jsx)(Card_styles_1.LabelAfterWrapper, { children: labelAfter }), tooltip && ((0, jsx_runtime_1.jsx)(Card_styles_1.PropagationWrapper, { onClick: event => event.stopPropagation(), children: (0, jsx_runtime_1.jsx)(Tooltip_1.default, { tooltip: tooltip, placement: "auto", children: (0, jsx_runtime_1.jsx)(Card_styles_1.IconContainer, { children: (0, jsx_runtime_1.jsx)(Help_1.default, { fill: utils_1.colors.grey.base }) }) }) }))] }), (after || hasToggle) && ((0, jsx_runtime_1.jsxs)(Card_styles_1.AfterContainer, { children: [after && ((0, jsx_runtime_1.jsx)(Card_styles_1.PropagationWrapper, { onClick: event => event.stopPropagation(), children: after })), hasToggle && ((0, jsx_runtime_1.jsxs)(Card_styles_1.ToggleContainer, { children: [!isSmartphone && toggleLabel && ((0, jsx_runtime_1.jsx)("span", { "data-test": "toggle-label", children: toggleLabel })), (0, jsx_runtime_1.jsx)(Card_styles_1.ToggleButton, { "aria-expanded": isOpen, "aria-label": isOpen
|
|
47
|
+
? 'Cacher le contenu'
|
|
48
|
+
: toggleLabel || 'Afficher le contenu', "aria-controls": label })] }))] }))] }), ((!hasToggle && children) || (hasToggle && isOpen)) && ((0, jsx_runtime_1.jsx)(Card_styles_1.Body, { noPadding: noPadding, "data-test": "body-card", children: children }))] }));
|
|
86
49
|
};
|
|
87
50
|
exports.default = Card;
|
|
88
51
|
//# sourceMappingURL=Card.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.tsx"],"names":[],"mappings":";;;;;;;AAAA,iCAMe;AAEf,0CAA6D;AAC7D,yDAAiC;AACjC,iEAAyC;AACzC,+CAYuB;AAEvB,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,gEAAW,CAAA;IACX,8DAAU,CAAA;AACZ,CAAC,EAHW,kBAAkB,kCAAlB,kBAAkB,QAG7B;AAoBD,MAAM,IAAI,GAAqC,CAAC,EAC9C,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,aAAa,EACxB,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,UAAU,EACV,SAAS,EACT,SAAS,GAAG,KAAK,EACjB,UAAU,EACV,eAAe,GAAG,cAAM,CAAC,IAAI,CAAC,IAAI,EAClC,cAAc,GAAG,kBAAkB,CAAC,MAAM,EAC1C,MAAM,EAAE,gBAAgB,EACxB,WAAW,EACX,OAAO,EACP,MAAM,EACN,OAAO,EACR,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,gBAAgB,KAAK,SAAS,CAAC;IACpD,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAU,gBAAgB,IAAI,KAAK,CAAC,CAAC;IAE5E,MAAM,sBAAsB,GAAG,YAAY,IAAI,SAAS,IAAI,CAAC,OAAO,CAAC;IACrE,MAAM,qBAAqB,GAAG,YAAY,IAAI,SAAS,IAAI,CAAC,MAAM,CAAC;IAEnE,MAAM,YAAY,GAAG,IAAA,2BAAmB,GAAE,CAAC;IAE3C,MAAM,SAAS,GAAG,GAAG,EAAE;QACrB,IAAI,CAAC,YAAY,IAAI,sBAAsB,EAAE;YAC3C,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB;QAED,IAAI,OAAO,EAAE;YACX,OAAO,EAAE,CAAC;SACX;IACH,CAAC,CAAC;IAEF,MAAM,QAAQ,GAAG,GAAG,EAAE;QACpB,IAAI,CAAC,YAAY,IAAI,qBAAqB,EAAE;YAC1C,YAAY,CAAC,IAAI,CAAC,CAAC;SACpB;QAED,IAAI,MAAM,EAAE;YACV,MAAM,EAAE,CAAC;SACV;IACH,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EAAE,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC,CAAC;IAE7D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,YAAY,EAAE;YAChB,YAAY,CAAC,gBAAiB,CAAC,CAAC;SACjC;IACH,CAAC,EAAE,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC,CAAC;IAErC,OAAO,CACL,wBAAC,oBAAM,iBAAY,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,KAAK,aACxD,wBAAC,oBAAM,IACL,OAAO,EAAE,SAAS,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,SAAS,EACxD,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,aAElB,wBAAC,4BAAc,iBAAW,iBAAiB,aACxC,UAAU,IAAI,CACb,uBAAC,iCAAmB,IAClB,eAAe,EAAE,eAAe,EAChC,cAAc,EAAE,cAAc,YAE7B,UAAU,GACS,CACvB,EACD,6CACa,SAAS,QAAQ,EAAE,EAC9B,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAC1C,EACD,UAAU,IAAI,uBAAC,+BAAiB,cAAE,UAAU,GAAqB,EACjE,OAAO,IAAI,CACV,uBAAC,gCAAkB,IAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,YAC3D,uBAAC,iBAAO,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,MAAM,YACzC,uBAAC,2BAAa,cACZ,uBAAC,cAAI,IAAC,IAAI,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,GAAI,GAClB,GACR,GACS,CACtB,IACc,EAChB,CAAC,KAAK,IAAI,SAAS,CAAC,IAAI,CACvB,wBAAC,4BAAc,eACZ,KAAK,IAAI,CACR,uBAAC,gCAAkB,IAAC,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,eAAe,EAAE,YAC1D,KAAK,GACa,CACtB,EACA,SAAS,IAAI,CACZ,wBAAC,6BAAe,eACb,CAAC,YAAY,IAAI,WAAW,IAAI,CAC/B,8CAAgB,cAAc,YAAE,WAAW,GAAQ,CACpD,EACD,uBAAC,0BAAY,qBACI,MAAM,gBAEnB,MAAM;4CACJ,CAAC,CAAC,mBAAmB;4CACrB,CAAC,CAAC,WAAW,IAAI,qBAAqB,mBAE3B,KAAK,GACpB,IACc,CACnB,IACc,CAClB,IACM,EACR,CAAC,CAAC,CAAC,SAAS,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,IAAI,MAAM,CAAC,CAAC,IAAI,CACtD,uBAAC,kBAAI,IAAC,SAAS,EAAE,SAAS,eAAY,WAAW,YAC9C,QAAQ,GACJ,CACR,IACM,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,IAAI,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 utils_1 = require("../../../utils");
|
|
10
10
|
const Button_1 = __importDefault(require("../button/Button"));
|
|
11
11
|
const Button_interfaces_1 = require("../button/Button.interfaces");
|
|
@@ -22,27 +22,25 @@ const controlledState = new storybook_state_1.Store({
|
|
|
22
22
|
isOpen: false
|
|
23
23
|
});
|
|
24
24
|
controlledState.subscribe(() => {
|
|
25
|
-
(0,
|
|
25
|
+
(0, react_1.forceReRender)();
|
|
26
26
|
});
|
|
27
|
-
(0,
|
|
28
|
-
.add('default', () => (
|
|
29
|
-
.add('with no padding', () => (
|
|
30
|
-
.add('with toggle, uncontrolled', () => (
|
|
27
|
+
(0, react_1.storiesOf)('Card', module)
|
|
28
|
+
.add('default', () => ((0, jsx_runtime_1.jsx)(Card_1.default, Object.assign({}, defaultProps, { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }))))
|
|
29
|
+
.add('with no padding', () => ((0, jsx_runtime_1.jsx)(Card_1.default, Object.assign({}, defaultProps, { noPadding: true, children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }))))
|
|
30
|
+
.add('with toggle, uncontrolled', () => ((0, jsx_runtime_1.jsx)(Card_1.default, Object.assign({}, defaultProps, { hasToggle: true, children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }))))
|
|
31
31
|
.add('with toggle, controlled', () => {
|
|
32
|
-
return (
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
controlledState.set({ isOpen: false });
|
|
40
|
-
} }, "Close")));
|
|
32
|
+
return ((0, jsx_runtime_1.jsxs)(storybook_state_1.State, { store: controlledState, children: [(0, jsx_runtime_1.jsx)(Card_1.default, Object.assign({}, defaultProps, { hasToggle: true, isOpen: controlledState.get('isOpen'), onOpen: () => {
|
|
33
|
+
controlledState.set({ isOpen: true });
|
|
34
|
+
}, onClose: () => {
|
|
35
|
+
controlledState.set({ isOpen: false });
|
|
36
|
+
}, children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." })), (0, jsx_runtime_1.jsx)("button", { onClick: () => {
|
|
37
|
+
controlledState.set({ isOpen: false });
|
|
38
|
+
}, children: "Close" })] }));
|
|
41
39
|
})
|
|
42
|
-
.add('with toggle - opened buy default', () => (
|
|
43
|
-
.add('with after content', () => (
|
|
44
|
-
.add('with toggle and after content', () => (
|
|
45
|
-
.add('with labelAfter and toggle and after content', () => (
|
|
46
|
-
.add('disabled', () => (
|
|
47
|
-
.add('with icon on header', () => (
|
|
40
|
+
.add('with toggle - opened buy default', () => ((0, jsx_runtime_1.jsx)(Card_1.default, Object.assign({}, defaultProps, { hasToggle: true, isOpen: true, children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }))))
|
|
41
|
+
.add('with after content', () => ((0, jsx_runtime_1.jsx)(Card_1.default, Object.assign({}, defaultProps, { after: (0, jsx_runtime_1.jsx)(Button_1.default, { size: Button_interfaces_1.ButtonSizes.SMALL, appearance: Button_interfaces_1.ButtonAppearance.SECONDARY, label: "Do something" }), children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }))))
|
|
42
|
+
.add('with toggle and after content', () => ((0, jsx_runtime_1.jsx)(Card_1.default, Object.assign({}, defaultProps, { hasToggle: true, after: (0, jsx_runtime_1.jsx)(Button_1.default, { size: Button_interfaces_1.ButtonSizes.SMALL, appearance: Button_interfaces_1.ButtonAppearance.SECONDARY, label: "Do something" }), children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }))))
|
|
43
|
+
.add('with labelAfter and toggle and after content', () => ((0, jsx_runtime_1.jsx)(Card_1.default, Object.assign({}, defaultProps, { labelAfter: (0, jsx_runtime_1.jsx)(Tag_1.default, { appearance: interfaces_1.TagAppearance.BUSINESS, labels: ['test'], color: interfaces_1.TagColorsTypes.ORANGE_LIGHT, dataTest: "tag-test" }), hasToggle: true, after: (0, jsx_runtime_1.jsx)(Button_1.default, { size: Button_interfaces_1.ButtonSizes.SMALL, appearance: Button_interfaces_1.ButtonAppearance.SECONDARY, label: "Do something" }), children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }))))
|
|
44
|
+
.add('disabled', () => ((0, jsx_runtime_1.jsx)(Card_1.default, Object.assign({}, defaultProps, { hasToggle: true, disabled: true, children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }))))
|
|
45
|
+
.add('with icon on header', () => ((0, jsx_runtime_1.jsx)(Card_1.default, Object.assign({}, defaultProps, { headerIcon: (0, jsx_runtime_1.jsx)(Arrow, {}), headerIconColor: utils_1.colors.terracota.base, children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua." }))));
|
|
48
46
|
//# sourceMappingURL=Card.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -71,7 +71,7 @@ exports.IconContainer = styled_components_1.default.div `
|
|
|
71
71
|
:hover {
|
|
72
72
|
svg {
|
|
73
73
|
path {
|
|
74
|
-
fill: ${utils_1.colors.
|
|
74
|
+
fill: ${utils_1.colors.terracota.base};
|
|
75
75
|
}
|
|
76
76
|
}
|
|
77
77
|
}
|
|
@@ -142,7 +142,7 @@ exports.ToggleButton = styled_components_1.default.button `
|
|
|
142
142
|
}
|
|
143
143
|
|
|
144
144
|
&[aria-expanded='true']::after {
|
|
145
|
-
border-top-color: ${utils_1.colors.
|
|
145
|
+
border-top-color: ${utils_1.colors.terracota.base};
|
|
146
146
|
transform: rotate(180deg);
|
|
147
147
|
}
|
|
148
148
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,0CAOwB;AAGX,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAuB;;YAE3C,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,IAAI,CAAC,MAAM;gBACzC,eAAO,CAAC,MAAM;mBACX,cAAM,CAAC,MAAM;;;;kBAId,IAAA,sBAAc,EAAC,EAAE,CAAC;;;IAGhC,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACjB,QAAQ;IACR,IAAA,uBAAG,EAAA;;oBAEa,cAAM,CAAC,UAAU;eACtB,cAAM,CAAC,IAAI,CAAC,MAAM;KAC5B;CACJ,CAAC;AAEW,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAA2C;IACvE,kBAAU,CAAC,KAAK;;;;aAIP,IAAA,sBAAc,EAAC,EAAE,CAAC,IAAI,IAAA,sBAAc,EAAC,EAAE,CAAC;WAC1C,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CACxB,QAAQ,CAAC,CAAC,CAAC,cAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,cAAM,CAAC,IAAI,CAAC,IAAI;;IAEhD,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,CAC5B,SAAS;IACT,CAAC,QAAQ;IACT,IAAA,uBAAG,EAAA;;KAEF;CACJ,CAAC;AAEW,QAAA,kBAAkB,GAAG,2BAAM,CAAC,IAAI,CAAA;;CAE5C,CAAC;AAEW,QAAA,iBAAiB,GAAG,2BAAM,CAAC,IAAI,CAAA;iBAC3B,IAAA,sBAAc,EAAC,CAAC,CAAC;CACjC,CAAC;AAEW,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;gBAOvB,cAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"Card.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -12,8 +12,8 @@ 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
|
|
16
|
-
const
|
|
15
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
+
const react_1 = require("@testing-library/react");
|
|
17
17
|
const user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
18
18
|
const responsive_1 = require("../../../utils/src/responsive");
|
|
19
19
|
const interfaces_1 = require("../tag/interfaces");
|
|
@@ -30,78 +30,77 @@ const defaultProps = {
|
|
|
30
30
|
};
|
|
31
31
|
describe('Card component', () => {
|
|
32
32
|
it('should render with label and content', () => {
|
|
33
|
-
(0,
|
|
34
|
-
expect(
|
|
35
|
-
expect(
|
|
36
|
-
expect(
|
|
37
|
-
expect(
|
|
33
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Card_1.default, Object.assign({}, defaultProps, { children: "Content" })));
|
|
34
|
+
expect(react_1.screen.getByTestId('card-layout')).toBeInTheDocument();
|
|
35
|
+
expect(react_1.screen.getByTestId('card-layout')).toHaveTextContent(defaultProps.label);
|
|
36
|
+
expect(react_1.screen.getByTestId('body-card')).toBeInTheDocument();
|
|
37
|
+
expect(react_1.screen.getByTestId('body-card')).toHaveTextContent('Content');
|
|
38
38
|
});
|
|
39
39
|
it('should render toggle', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
40
|
-
(0,
|
|
41
|
-
expect(
|
|
42
|
-
expect(
|
|
43
|
-
yield user_event_1.default.click(
|
|
44
|
-
expect(
|
|
45
|
-
expect(
|
|
40
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Card_1.default, Object.assign({}, defaultProps, { hasToggle: true })));
|
|
41
|
+
expect(react_1.screen.queryByTestId('body-card')).not.toBeInTheDocument();
|
|
42
|
+
expect(react_1.screen.getByRole('button', { name: 'Afficher le contenu' })).toBeInTheDocument();
|
|
43
|
+
yield user_event_1.default.click(react_1.screen.getByRole('button', { name: 'Afficher le contenu' }));
|
|
44
|
+
expect(react_1.screen.getByTestId('body-card')).toBeInTheDocument();
|
|
45
|
+
expect(react_1.screen.getByRole('button', { name: 'Cacher le contenu' })).toBeInTheDocument();
|
|
46
46
|
}));
|
|
47
47
|
it('should not toggle when card is disabled', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
48
|
-
(0,
|
|
49
|
-
expect(
|
|
50
|
-
yield user_event_1.default.click(
|
|
51
|
-
expect(
|
|
48
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Card_1.default, Object.assign({}, defaultProps, { disabled: true, hasToggle: true })));
|
|
49
|
+
expect(react_1.screen.queryByTestId('body-card')).not.toBeInTheDocument();
|
|
50
|
+
yield user_event_1.default.click(react_1.screen.getByRole('button', { name: 'Afficher le contenu' }));
|
|
51
|
+
expect(react_1.screen.queryByTestId('body-card')).not.toBeInTheDocument();
|
|
52
52
|
}));
|
|
53
53
|
it('should render toggle label', () => {
|
|
54
|
-
(0,
|
|
55
|
-
expect(
|
|
56
|
-
expect(
|
|
54
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Card_1.default, Object.assign({}, defaultProps, { hasToggle: true, toggleLabel: "Ceci est un test" })));
|
|
55
|
+
expect(react_1.screen.getByTestId('toggle-label')).toHaveTextContent('Ceci est un test');
|
|
56
|
+
expect(react_1.screen.getByRole('button', { name: 'Ceci est un test' })).toBeInTheDocument();
|
|
57
57
|
});
|
|
58
58
|
it('should render tag after label', () => {
|
|
59
|
-
(0,
|
|
60
|
-
expect(
|
|
59
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Card_1.default, Object.assign({}, defaultProps, { labelAfter: (0, jsx_runtime_1.jsx)(Tag_1.default, { appearance: interfaces_1.TagAppearance.BUSINESS, labels: ['test'], color: interfaces_1.TagColorsTypes.ORANGE_LIGHT, dataTest: "tag-test" }) })));
|
|
60
|
+
expect(react_1.screen.getByTestId('tag-test')).toBeInTheDocument();
|
|
61
61
|
});
|
|
62
62
|
it('should not render toggle label on smartphone device', () => {
|
|
63
63
|
responsive_1.useSmartphoneDevice.mockImplementation(() => true);
|
|
64
|
-
(0,
|
|
65
|
-
expect(
|
|
66
|
-
expect(
|
|
64
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Card_1.default, Object.assign({}, defaultProps, { hasToggle: true, toggleLabel: "Ceci est un test" })));
|
|
65
|
+
expect(react_1.screen.queryByTestId('toggle-label')).not.toBeInTheDocument();
|
|
66
|
+
expect(react_1.screen.getByRole('button', { name: 'Ceci est un test' })).toBeInTheDocument();
|
|
67
67
|
});
|
|
68
68
|
it('should not render children', () => {
|
|
69
|
-
(0,
|
|
70
|
-
expect(
|
|
69
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Card_1.default, Object.assign({}, defaultProps)));
|
|
70
|
+
expect(react_1.screen.queryByTestId('body-card')).not.toBeInTheDocument();
|
|
71
71
|
});
|
|
72
72
|
it('should render tooltip', () => {
|
|
73
|
-
(0,
|
|
74
|
-
expect(
|
|
75
|
-
expect(
|
|
73
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Card_1.default, Object.assign({}, defaultProps, { tooltip: "hello" })));
|
|
74
|
+
expect(react_1.screen.getByTestId('help-icon')).toBeInTheDocument();
|
|
75
|
+
expect(react_1.screen.getByTestId('tooltip-wrapped-component')).toBeInTheDocument();
|
|
76
76
|
});
|
|
77
77
|
it('should render after element', () => {
|
|
78
|
-
(0,
|
|
79
|
-
expect(
|
|
78
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Card_1.default, Object.assign({}, defaultProps, { after: (0, jsx_runtime_1.jsx)("span", { "data-test": "card-after" }) })));
|
|
79
|
+
expect(react_1.screen.getByTestId('card-after')).toBeInTheDocument();
|
|
80
80
|
});
|
|
81
81
|
it('should not toggle on controlled state', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
82
|
-
(0,
|
|
83
|
-
expect(
|
|
84
|
-
yield user_event_1.default.click(
|
|
82
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Card_1.default, Object.assign({}, defaultProps, { hasToggle: true, isOpen: false, onClose: mockOnClose, onOpen: mockOnOpen })));
|
|
83
|
+
expect(react_1.screen.queryByTestId('body-card')).not.toBeInTheDocument();
|
|
84
|
+
yield user_event_1.default.click(react_1.screen.getByRole('button', { name: 'Afficher le contenu' }));
|
|
85
85
|
expect(mockOnClose).toHaveBeenCalledTimes(0);
|
|
86
86
|
expect(mockOnOpen).toHaveBeenCalledTimes(1);
|
|
87
|
-
expect(
|
|
87
|
+
expect(react_1.screen.queryByTestId('body-card')).not.toBeInTheDocument();
|
|
88
88
|
}));
|
|
89
89
|
it('should toggle on controlled state', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
90
|
-
(0,
|
|
91
|
-
expect(
|
|
92
|
-
yield user_event_1.default.click(
|
|
90
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Card_1.default, Object.assign({}, defaultProps, { hasToggle: true, isOpen: true, onClose: mockOnClose, onOpen: mockOnOpen })));
|
|
91
|
+
expect(react_1.screen.getByTestId('body-card')).toBeInTheDocument();
|
|
92
|
+
yield user_event_1.default.click(react_1.screen.getByRole('button', { name: 'Cacher le contenu' }));
|
|
93
93
|
expect(mockOnClose).toHaveBeenCalledTimes(1);
|
|
94
94
|
}));
|
|
95
95
|
it('should be opened by default and toggle content', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
96
|
-
(0,
|
|
97
|
-
expect(
|
|
98
|
-
yield user_event_1.default.click(
|
|
99
|
-
expect(
|
|
96
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Card_1.default, Object.assign({}, defaultProps, { hasToggle: true, isOpen: true, children: "Content" })));
|
|
97
|
+
expect(react_1.screen.getByTestId('body-card')).toBeInTheDocument();
|
|
98
|
+
yield user_event_1.default.click(react_1.screen.getByRole('button', { name: 'Cacher le contenu' }));
|
|
99
|
+
expect(react_1.screen.queryByTestId('body-card')).not.toBeInTheDocument();
|
|
100
100
|
}));
|
|
101
101
|
it('should render header icon', () => {
|
|
102
|
-
(0,
|
|
103
|
-
|
|
104
|
-
expect(react_2.screen.getByTestId('header-icon')).toBeInTheDocument();
|
|
102
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Card_1.default, Object.assign({}, defaultProps, { headerIcon: (0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 40 40", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-test": "header-icon", children: (0, jsx_runtime_1.jsx)("path", { d: "m20.11 27.948-.11.11-.121-.11c-5.225-4.697-8.679-7.804-8.679-10.953 0-2.18 1.65-3.815 3.85-3.815 1.694 0 3.344 1.09 3.927 2.572h2.046c.583-1.482 2.233-2.572 3.927-2.572 2.2 0 3.85 1.635 3.85 3.815 0 3.15-3.454 6.256-8.69 10.953ZM24.95 11c-1.914 0-3.751.883-4.95 2.267C18.801 11.883 16.964 11 15.05 11 11.662 11 9 13.627 9 16.995c0 4.108 3.74 7.476 9.405 12.566L20 31l1.595-1.439C27.26 24.471 31 21.104 31 16.995 31 13.627 28.338 11 24.95 11Z", fill: "currentColor" }) }), children: "Content" })));
|
|
103
|
+
expect(react_1.screen.getByTestId('header-icon')).toBeInTheDocument();
|
|
105
104
|
});
|
|
106
105
|
});
|
|
107
106
|
//# sourceMappingURL=Card.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Card.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,17 +1,12 @@
|
|
|
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 hokkaido_1 = require("@proprioo/hokkaido");
|
|
8
5
|
const Checkbox_styles_1 = require("./Checkbox.styles");
|
|
9
6
|
const interfaces_1 = require("./interfaces");
|
|
10
7
|
const Checkbox = ({ checkboxSize = interfaces_1.CheckboxSize.SMALL, checked, children, dataTest, disabled, id, indeterminate = false, label, name, onChange }) => {
|
|
11
8
|
const hash = `${id}-${name}`;
|
|
12
|
-
return (
|
|
13
|
-
react_1.default.createElement(Checkbox_styles_1.CheckboxLayout, Object.assign({}, (Boolean(children) && { 'aria-label': label }), { checkboxSize: checkboxSize, checked: checked, "data-test": dataTest ? `checkbox-${dataTest}` : 'checkbox-input', disabled: disabled, id: hash, indeterminate: indeterminate, name: name, onChange: ({ target }) => onChange(target.checked), type: "checkbox" })),
|
|
14
|
-
react_1.default.createElement(Checkbox_styles_1.CheckboxLabelLayout, { checkboxSize: checkboxSize, "data-test": dataTest ? `checkbox-label-${dataTest}` : 'checkbox-label', hasLabel: (0, hokkaido_1.isNotEmpty)(label), htmlFor: hash }, children || (react_1.default.createElement(Checkbox_styles_1.StringLabel, { dangerouslySetInnerHTML: { __html: label } })))));
|
|
9
|
+
return ((0, jsx_runtime_1.jsxs)(Checkbox_styles_1.Layout, { checkboxSize: checkboxSize, "data-test": dataTest || `checkbox-${name}`, children: [(0, jsx_runtime_1.jsx)(Checkbox_styles_1.CheckboxLayout, Object.assign({}, (Boolean(children) && { 'aria-label': label }), { checkboxSize: checkboxSize, checked: checked, "data-test": dataTest ? `checkbox-${dataTest}` : 'checkbox-input', disabled: disabled, id: hash, indeterminate: indeterminate, name: name, onChange: ({ target }) => onChange(target.checked), type: "checkbox" })), (0, jsx_runtime_1.jsx)(Checkbox_styles_1.CheckboxLabelLayout, { checkboxSize: checkboxSize, "data-test": dataTest ? `checkbox-label-${dataTest}` : 'checkbox-label', hasLabel: (0, hokkaido_1.isNotEmpty)(label), htmlFor: hash, children: children || ((0, jsx_runtime_1.jsx)(Checkbox_styles_1.StringLabel, { dangerouslySetInnerHTML: { __html: label } })) })] }));
|
|
15
10
|
};
|
|
16
11
|
exports.default = Checkbox;
|
|
17
12
|
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../packages/ui/src/checkbox/Checkbox.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../../packages/ui/src/checkbox/Checkbox.tsx"],"names":[],"mappings":";;;AAEA,iDAAgD;AAEhD,uDAK2B;AAC3B,6CAA4C;AAc5C,MAAM,QAAQ,GAAyC,CAAC,EACtD,YAAY,GAAG,yBAAY,CAAC,KAAK,EACjC,OAAO,EACP,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,aAAa,GAAG,KAAK,EACrB,KAAK,EACL,IAAI,EACJ,QAAQ,EACT,EAAE,EAAE;IACH,MAAM,IAAI,GAAG,GAAG,EAAE,IAAI,IAAI,EAAE,CAAC;IAE7B,OAAO,CACL,wBAAC,wBAAM,IACL,YAAY,EAAE,YAAY,eACf,QAAQ,IAAI,YAAY,IAAI,EAAE,aAEzC,uBAAC,gCAAc,oBACT,CAAC,OAAO,CAAC,QAAQ,CAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,CAAC,IAClD,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,eACL,QAAQ,CAAC,CAAC,CAAC,YAAY,QAAQ,EAAE,CAAC,CAAC,CAAC,gBAAgB,EAC/D,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,IAAI,EACR,aAAa,EAAE,aAAa,EAC5B,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,OAAO,CAAC,EAClD,IAAI,EAAC,UAAU,IACf,EACF,uBAAC,qCAAmB,IAClB,YAAY,EAAE,YAAY,eACf,QAAQ,CAAC,CAAC,CAAC,kBAAkB,QAAQ,EAAE,CAAC,CAAC,CAAC,gBAAgB,EACrE,QAAQ,EAAE,IAAA,qBAAU,EAAC,KAAK,CAAC,EAC3B,OAAO,EAAE,IAAI,YAEZ,QAAQ,IAAI,CACX,uBAAC,6BAAW,IAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,GAAI,CAC5D,GACmB,IACf,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}
|