@proprioo/salatim 18.6.0 → 19.2.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 +21 -0
- package/lib/date/src/DayPicker.js +3 -14
- package/lib/date/src/DayPicker.js.map +1 -1
- package/lib/date/src/datePicker/DatePicker.js +18 -51
- package/lib/date/src/datePicker/DatePicker.js.map +1 -1
- package/lib/date/src/datePicker/DatePicker.styles.js +25 -8
- package/lib/date/src/datePicker/DatePicker.styles.js.map +1 -1
- package/lib/date/src/datePicker/DatePicker.test.js +22 -71
- package/lib/date/src/datePicker/DatePicker.test.js.map +1 -1
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.js +22 -36
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.js.map +1 -1
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.stories.js +25 -36
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.stories.js.map +1 -1
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.test.js +55 -132
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.test.js.map +1 -1
- package/lib/date/src/datePickerWrapper/DatepickerWrapper.styles.js +5 -10
- package/lib/date/src/datePickerWrapper/DatepickerWrapper.styles.js.map +1 -1
- package/lib/date/src/singleMonth/SingleMonth.js +9 -12
- package/lib/date/src/singleMonth/SingleMonth.js.map +1 -1
- package/lib/date/src/singleMonth/SingleMonth.stories.js +21 -32
- package/lib/date/src/singleMonth/SingleMonth.stories.js.map +1 -1
- package/lib/date/src/singleMonth/SingleMonth.styles.js +54 -9
- package/lib/date/src/singleMonth/SingleMonth.styles.js.map +1 -1
- package/lib/date/src/singleMonth/SingleMonth.test.js +18 -67
- package/lib/date/src/singleMonth/SingleMonth.test.js.map +1 -1
- package/lib/energy/src/Energy.js +17 -18
- package/lib/energy/src/Energy.js.map +1 -1
- package/lib/energy/src/Energy.stories.js +9 -20
- package/lib/energy/src/Energy.stories.js.map +1 -1
- package/lib/energy/src/Energy.styles.js +161 -45
- package/lib/energy/src/Energy.styles.js.map +1 -1
- package/lib/energy/src/Energy.test.js +13 -24
- package/lib/energy/src/Energy.test.js.map +1 -1
- package/lib/energy/src/Energy.utils.js +24 -29
- package/lib/energy/src/Energy.utils.js.map +1 -1
- package/lib/energy/src/Energy.utils.test.js +51 -51
- package/lib/energy/src/Energy.utils.test.js.map +1 -1
- package/lib/forms/src/userForm/UserForm.js +17 -37
- package/lib/forms/src/userForm/UserForm.js.map +1 -1
- package/lib/forms/src/userForm/UserForm.schema.d.ts +9 -9
- package/lib/forms/src/userForm/UserForm.schema.js +6 -6
- package/lib/forms/src/userForm/UserForm.schema.js.map +1 -1
- package/lib/forms/src/userForm/UserForm.stories.js +15 -15
- package/lib/forms/src/userForm/UserForm.stories.js.map +1 -1
- package/lib/forms/src/userForm/UserForm.styles.js +9 -10
- package/lib/forms/src/userForm/UserForm.styles.js.map +1 -1
- package/lib/forms/src/userForm/UserForm.test.js +56 -130
- package/lib/forms/src/userForm/UserForm.test.js.map +1 -1
- package/lib/hooks/index.d.ts +1 -0
- package/lib/hooks/index.js +3 -1
- package/lib/hooks/index.js.map +1 -1
- package/lib/hooks/useDebounce/useDebounce.js +6 -6
- package/lib/hooks/useDebounce/useDebounce.js.map +1 -1
- package/lib/hooks/useDebounce/useDebounce.test.js +12 -12
- package/lib/hooks/useDebounce/useDebounce.test.js.map +1 -1
- package/lib/hooks/useEmailSuggestion/useEmailSuggestion.js +11 -12
- package/lib/hooks/useEmailSuggestion/useEmailSuggestion.js.map +1 -1
- package/lib/hooks/useEmailSuggestion/useEmailSuggestion.test.js +16 -55
- package/lib/hooks/useEmailSuggestion/useEmailSuggestion.test.js.map +1 -1
- package/lib/hooks/useOnClickOutside/useOnClickOutside.d.ts +2 -0
- package/lib/hooks/useOnClickOutside/useOnClickOutside.js +30 -0
- package/lib/hooks/useOnClickOutside/useOnClickOutside.js.map +1 -0
- package/lib/index.js +2641 -4
- package/lib/index.js.map +1 -1
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.js +11 -12
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.js.map +1 -1
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.stories.js +9 -9
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.stories.js.map +1 -1
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.styles.js +17 -13
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.styles.js.map +1 -1
- package/lib/phone/src/phoneAndFlag/PhoneAndFlags.test.js +14 -14
- package/lib/phone/src/phoneAndFlag/PhoneAndFlags.test.js.map +1 -1
- package/lib/phone/src/phoneInput/Phone.js +8 -9
- package/lib/phone/src/phoneInput/Phone.js.map +1 -1
- package/lib/phone/src/phoneInput/Phone.stories.js +26 -37
- package/lib/phone/src/phoneInput/Phone.stories.js.map +1 -1
- package/lib/phone/src/phoneInput/Phone.styles.js +60 -13
- package/lib/phone/src/phoneInput/Phone.styles.js.map +1 -1
- package/lib/phone/src/phoneInput/Phone.test.js +57 -131
- package/lib/phone/src/phoneInput/Phone.test.js.map +1 -1
- package/lib/phone/src/phoneInput/PhoneInput.js +5 -8
- package/lib/phone/src/phoneInput/PhoneInput.js.map +1 -1
- package/lib/phone/src/phoneInput/constant.d.ts +3 -2
- package/lib/phone/src/phoneInput/constant.js.map +1 -1
- package/lib/phone/src/utils.d.ts +2 -1
- package/lib/phone/src/utils.js +6 -6
- package/lib/phone/src/utils.js.map +1 -1
- package/lib/phone/src/utils.test.js +6 -6
- package/lib/phone/src/utils.test.js.map +1 -1
- package/lib/setupTests.js +22 -46
- package/lib/setupTests.js.map +1 -1
- package/lib/ui/src/accordion/Accordion.js +3 -6
- package/lib/ui/src/accordion/Accordion.js.map +1 -1
- package/lib/ui/src/accordion/Accordion.stories.js +38 -51
- package/lib/ui/src/accordion/Accordion.stories.js.map +1 -1
- package/lib/ui/src/accordion/Accordion.styles.js +81 -33
- package/lib/ui/src/accordion/Accordion.styles.js.map +1 -1
- package/lib/ui/src/accordion/Accordion.test.js +73 -129
- package/lib/ui/src/accordion/Accordion.test.js.map +1 -1
- package/lib/ui/src/accordion/AccordionContextConsumer.js +3 -6
- package/lib/ui/src/accordion/AccordionContextConsumer.js.map +1 -1
- package/lib/ui/src/accordion/AccordionContextProvider.js +19 -37
- package/lib/ui/src/accordion/AccordionContextProvider.js.map +1 -1
- package/lib/ui/src/accordion/AccordionHeader.js +8 -14
- package/lib/ui/src/accordion/AccordionHeader.js.map +1 -1
- package/lib/ui/src/accordion/AccordionItem.js +7 -13
- package/lib/ui/src/accordion/AccordionItem.js.map +1 -1
- package/lib/ui/src/accordion/AccordionPanel.js +4 -10
- package/lib/ui/src/accordion/AccordionPanel.js.map +1 -1
- package/lib/ui/src/accordion/AccordionStore.js +14 -36
- package/lib/ui/src/accordion/AccordionStore.js.map +1 -1
- package/lib/ui/src/accordion/ItemContextConsumer.js +3 -6
- package/lib/ui/src/accordion/ItemContextConsumer.js.map +1 -1
- package/lib/ui/src/accordion/ItemContextProvider.js +10 -22
- package/lib/ui/src/accordion/ItemContextProvider.js.map +1 -1
- package/lib/ui/src/agentBanner/AgentBanner.js +13 -16
- package/lib/ui/src/agentBanner/AgentBanner.js.map +1 -1
- package/lib/ui/src/agentBanner/AgentBanner.stories.js +8 -8
- package/lib/ui/src/agentBanner/AgentBanner.stories.js.map +1 -1
- package/lib/ui/src/agentBanner/AgentBanner.styles.js +61 -18
- package/lib/ui/src/agentBanner/AgentBanner.styles.js.map +1 -1
- package/lib/ui/src/agentBanner/AgentBanner.test.js +13 -24
- package/lib/ui/src/agentBanner/AgentBanner.test.js.map +1 -1
- package/lib/ui/src/agentCard/AgentCard.js +19 -22
- package/lib/ui/src/agentCard/AgentCard.js.map +1 -1
- package/lib/ui/src/agentCard/AgentCard.stories.js +9 -9
- package/lib/ui/src/agentCard/AgentCard.stories.js.map +1 -1
- package/lib/ui/src/agentCard/AgentCard.styles.js +83 -16
- package/lib/ui/src/agentCard/AgentCard.styles.js.map +1 -1
- package/lib/ui/src/agentCard/AgentCard.test.js +21 -32
- package/lib/ui/src/agentCard/AgentCard.test.js.map +1 -1
- package/lib/ui/src/autocomplete/Autocomplete.js +16 -33
- package/lib/ui/src/autocomplete/Autocomplete.js.map +1 -1
- package/lib/ui/src/autocomplete/Autocomplete.stories.js +30 -41
- package/lib/ui/src/autocomplete/Autocomplete.stories.js.map +1 -1
- package/lib/ui/src/autocomplete/Autocomplete.test.js +67 -167
- package/lib/ui/src/autocomplete/Autocomplete.test.js.map +1 -1
- package/lib/ui/src/background/Background.styles.js +40 -17
- package/lib/ui/src/background/Background.styles.js.map +1 -1
- package/lib/ui/src/block/Block.js +5 -8
- package/lib/ui/src/block/Block.js.map +1 -1
- package/lib/ui/src/block/Block.stories.js +10 -10
- package/lib/ui/src/block/Block.stories.js.map +1 -1
- package/lib/ui/src/block/Block.styles.js +59 -24
- package/lib/ui/src/block/Block.styles.js.map +1 -1
- package/lib/ui/src/block/Block.test.js +11 -11
- package/lib/ui/src/block/Block.test.js.map +1 -1
- package/lib/ui/src/blockIcon/BlockIcon.js +5 -6
- package/lib/ui/src/blockIcon/BlockIcon.js.map +1 -1
- package/lib/ui/src/blockIcon/BlockIcon.stories.js +15 -15
- package/lib/ui/src/blockIcon/BlockIcon.stories.js.map +1 -1
- package/lib/ui/src/blockIcon/BlockIcon.styles.js +53 -14
- package/lib/ui/src/blockIcon/BlockIcon.styles.js.map +1 -1
- package/lib/ui/src/blockIcon/BlockIcon.test.js +21 -67
- package/lib/ui/src/blockIcon/BlockIcon.test.js.map +1 -1
- package/lib/ui/src/burger/Burger.js +6 -9
- package/lib/ui/src/burger/Burger.js.map +1 -1
- package/lib/ui/src/burger/Burger.stories.js +14 -27
- package/lib/ui/src/burger/Burger.stories.js.map +1 -1
- package/lib/ui/src/burger/Burger.styles.js +88 -23
- package/lib/ui/src/burger/Burger.styles.js.map +1 -1
- package/lib/ui/src/burger/Burger.test.js +18 -64
- package/lib/ui/src/burger/Burger.test.js.map +1 -1
- package/lib/ui/src/button/Button.js +6 -17
- package/lib/ui/src/button/Button.js.map +1 -1
- package/lib/ui/src/button/Button.stories.js +34 -45
- package/lib/ui/src/button/Button.stories.js.map +1 -1
- package/lib/ui/src/button/Button.styles.d.ts +4 -2
- package/lib/ui/src/button/Button.styles.js +416 -107
- package/lib/ui/src/button/Button.styles.js.map +1 -1
- package/lib/ui/src/button/Button.test.js +38 -84
- package/lib/ui/src/button/Button.test.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadio.js +7 -8
- package/lib/ui/src/buttonRadioGroup/ButtonRadio.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadio.styles.js +78 -21
- package/lib/ui/src/buttonRadioGroup/ButtonRadio.styles.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.js +4 -7
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.stories.js +8 -11
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.stories.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.styles.js +16 -9
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.styles.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.test.js +18 -68
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.test.js.map +1 -1
- package/lib/ui/src/card/Card.js +18 -19
- package/lib/ui/src/card/Card.js.map +1 -1
- package/lib/ui/src/card/Card.stories.js +21 -32
- package/lib/ui/src/card/Card.stories.js.map +1 -1
- package/lib/ui/src/card/Card.styles.js +81 -33
- package/lib/ui/src/card/Card.styles.js.map +1 -1
- package/lib/ui/src/card/Card.test.js +63 -141
- package/lib/ui/src/card/Card.test.js.map +1 -1
- package/lib/ui/src/card/icons/Dropdown.d.ts +0 -1
- package/lib/ui/src/card/icons/Dropdown.js +3 -3
- package/lib/ui/src/card/icons/Dropdown.js.map +1 -1
- package/lib/ui/src/card/icons/Dropup.d.ts +0 -1
- package/lib/ui/src/card/icons/Dropup.js +3 -3
- package/lib/ui/src/card/icons/Dropup.js.map +1 -1
- package/lib/ui/src/checkbox/Checkbox.d.ts +1 -0
- package/lib/ui/src/checkbox/Checkbox.js +9 -9
- package/lib/ui/src/checkbox/Checkbox.js.map +1 -1
- package/lib/ui/src/checkbox/Checkbox.stories.js +66 -48
- package/lib/ui/src/checkbox/Checkbox.stories.js.map +1 -1
- package/lib/ui/src/checkbox/Checkbox.styles.d.ts +5 -2
- package/lib/ui/src/checkbox/Checkbox.styles.js +149 -18
- package/lib/ui/src/checkbox/Checkbox.styles.js.map +1 -1
- package/lib/ui/src/checkbox/Checkbox.test.js +27 -62
- package/lib/ui/src/checkbox/Checkbox.test.js.map +1 -1
- package/lib/ui/src/dateInput/DateInput.js +20 -33
- package/lib/ui/src/dateInput/DateInput.js.map +1 -1
- package/lib/ui/src/dateInput/DateInput.stories.js +15 -26
- package/lib/ui/src/dateInput/DateInput.stories.js.map +1 -1
- package/lib/ui/src/dateInput/DateInput.test.js +51 -139
- package/lib/ui/src/dateInput/DateInput.test.js.map +1 -1
- package/lib/ui/src/emailInput/EmailInput.d.ts +0 -1
- package/lib/ui/src/emailInput/EmailInput.js +20 -31
- package/lib/ui/src/emailInput/EmailInput.js.map +1 -1
- package/lib/ui/src/emailInput/EmailInput.stories.js +15 -26
- package/lib/ui/src/emailInput/EmailInput.stories.js.map +1 -1
- package/lib/ui/src/emailInput/EmailInput.styles.js +32 -9
- package/lib/ui/src/emailInput/EmailInput.styles.js.map +1 -1
- package/lib/ui/src/emailInput/EmailInput.test.js +71 -149
- package/lib/ui/src/emailInput/EmailInput.test.js.map +1 -1
- package/lib/ui/src/fieldset/Fieldset.js +8 -11
- package/lib/ui/src/fieldset/Fieldset.js.map +1 -1
- package/lib/ui/src/fieldset/Fieldset.stories.js +7 -7
- package/lib/ui/src/fieldset/Fieldset.stories.js.map +1 -1
- package/lib/ui/src/fieldset/Fieldset.styles.js +34 -18
- package/lib/ui/src/fieldset/Fieldset.styles.js.map +1 -1
- package/lib/ui/src/fieldset/Fieldset.test.js +6 -6
- package/lib/ui/src/fieldset/Fieldset.test.js.map +1 -1
- package/lib/ui/src/gmapsAutoComplete/GmapsAutocomplete.js +34 -64
- package/lib/ui/src/gmapsAutoComplete/GmapsAutocomplete.js.map +1 -1
- package/lib/ui/src/gmapsAutoComplete/GmapsAutocomplete.stories.js +26 -26
- package/lib/ui/src/gmapsAutoComplete/GmapsAutocomplete.stories.js.map +1 -1
- package/lib/ui/src/gmapsGeocode/GmapsGeocode.d.ts +1 -0
- package/lib/ui/src/gmapsGeocode/GmapsGeocode.js +18 -46
- package/lib/ui/src/gmapsGeocode/GmapsGeocode.js.map +1 -1
- package/lib/ui/src/gmapsGeocode/GmapsGeocode.stories.js +16 -18
- package/lib/ui/src/gmapsGeocode/GmapsGeocode.stories.js.map +1 -1
- package/lib/ui/src/gmapsSuggestions/GmapsSuggestions.js +11 -25
- package/lib/ui/src/gmapsSuggestions/GmapsSuggestions.js.map +1 -1
- package/lib/ui/src/gmapsSuggestions/GmapsSuggestions.test.js +15 -26
- package/lib/ui/src/gmapsSuggestions/GmapsSuggestions.test.js.map +1 -1
- package/lib/ui/src/icons/Alert.d.ts +0 -1
- package/lib/ui/src/icons/Alert.js +3 -3
- package/lib/ui/src/icons/Alert.js.map +1 -1
- package/lib/ui/src/icons/Arrow.d.ts +0 -1
- package/lib/ui/src/icons/Arrow.js +3 -3
- package/lib/ui/src/icons/Arrow.js.map +1 -1
- package/lib/ui/src/icons/Certificate.js +3 -6
- package/lib/ui/src/icons/Certificate.js.map +1 -1
- package/lib/ui/src/icons/CheckGreen.d.ts +0 -1
- package/lib/ui/src/icons/CheckGreen.js +3 -3
- package/lib/ui/src/icons/CheckGreen.js.map +1 -1
- package/lib/ui/src/icons/ChevronRight.js +3 -6
- package/lib/ui/src/icons/ChevronRight.js.map +1 -1
- package/lib/ui/src/icons/Close.js +3 -6
- package/lib/ui/src/icons/Close.js.map +1 -1
- package/lib/ui/src/icons/CloseBox.d.ts +0 -1
- package/lib/ui/src/icons/CloseBox.js +3 -3
- package/lib/ui/src/icons/CloseBox.js.map +1 -1
- package/lib/ui/src/icons/DropDown.d.ts +0 -1
- package/lib/ui/src/icons/DropDown.js +3 -3
- package/lib/ui/src/icons/DropDown.js.map +1 -1
- package/lib/ui/src/icons/EmoticonCool.js +3 -6
- package/lib/ui/src/icons/EmoticonCool.js.map +1 -1
- package/lib/ui/src/icons/Help.js +3 -6
- package/lib/ui/src/icons/Help.js.map +1 -1
- package/lib/ui/src/icons/Less.js +3 -6
- package/lib/ui/src/icons/Less.js.map +1 -1
- package/lib/ui/src/icons/Plus.js +3 -6
- package/lib/ui/src/icons/Plus.js.map +1 -1
- package/lib/ui/src/icons/Tick.d.ts +0 -1
- package/lib/ui/src/icons/Tick.js +3 -3
- package/lib/ui/src/icons/Tick.js.map +1 -1
- package/lib/ui/src/icons/TrustPilot.d.ts +0 -1
- package/lib/ui/src/icons/TrustPilot.js +3 -3
- package/lib/ui/src/icons/TrustPilot.js.map +1 -1
- package/lib/ui/src/icons/index.d.ts +0 -1
- package/lib/ui/src/icons/index.js +11 -11
- package/lib/ui/src/icons/index.js.map +1 -1
- package/lib/ui/src/input/Input.js +5 -18
- package/lib/ui/src/input/Input.js.map +1 -1
- package/lib/ui/src/input/Input.stories.js +35 -46
- package/lib/ui/src/input/Input.stories.js.map +1 -1
- package/lib/ui/src/input/Input.styles.js +37 -9
- package/lib/ui/src/input/Input.styles.js.map +1 -1
- package/lib/ui/src/input/Input.test.js +17 -28
- package/lib/ui/src/input/Input.test.js.map +1 -1
- package/lib/ui/src/inputBase/InputBase.js +31 -43
- package/lib/ui/src/inputBase/InputBase.js.map +1 -1
- package/lib/ui/src/inputBase/InputBase.styles.js +243 -67
- package/lib/ui/src/inputBase/InputBase.styles.js.map +1 -1
- package/lib/ui/src/inputBase/InputBase.test.js +36 -98
- package/lib/ui/src/inputBase/InputBase.test.js.map +1 -1
- package/lib/ui/src/inputLoader/InputLoader.d.ts +0 -1
- package/lib/ui/src/inputLoader/InputLoader.js +4 -4
- package/lib/ui/src/inputLoader/InputLoader.js.map +1 -1
- package/lib/ui/src/inputLoader/InputLoader.styles.js +20 -10
- package/lib/ui/src/inputLoader/InputLoader.styles.js.map +1 -1
- package/lib/ui/src/inputLoading/InputLoading.js +3 -3
- package/lib/ui/src/inputLoading/InputLoading.js.map +1 -1
- package/lib/ui/src/inputLoading/InputLoading.stories.js +4 -4
- package/lib/ui/src/inputLoading/InputLoading.stories.js.map +1 -1
- package/lib/ui/src/inputLoading/InputLoading.styles.js +10 -8
- package/lib/ui/src/inputLoading/InputLoading.styles.js.map +1 -1
- package/lib/ui/src/inputLoading/InputLoading.test.js +6 -6
- package/lib/ui/src/inputLoading/InputLoading.test.js.map +1 -1
- package/lib/ui/src/loader/Loader.js +8 -11
- package/lib/ui/src/loader/Loader.js.map +1 -1
- package/lib/ui/src/loader/Loader.stories.js +9 -9
- package/lib/ui/src/loader/Loader.stories.js.map +1 -1
- package/lib/ui/src/loader/Loader.styles.js +56 -23
- package/lib/ui/src/loader/Loader.styles.js.map +1 -1
- package/lib/ui/src/loader/Loader.test.js +6 -6
- package/lib/ui/src/loader/Loader.test.js.map +1 -1
- package/lib/ui/src/logo/Logo.d.ts +0 -1
- package/lib/ui/src/logo/Logo.js +3 -3
- package/lib/ui/src/logo/Logo.js.map +1 -1
- package/lib/ui/src/logo/Logo.stories.js +11 -22
- package/lib/ui/src/logo/Logo.stories.js.map +1 -1
- package/lib/ui/src/mockForm/MockForm.js +5 -8
- package/lib/ui/src/mockForm/MockForm.js.map +1 -1
- package/lib/ui/src/mockForm/MockForm.test.js +6 -6
- package/lib/ui/src/mockForm/MockForm.test.js.map +1 -1
- package/lib/ui/src/modal/Modal.js +43 -49
- package/lib/ui/src/modal/Modal.js.map +1 -1
- package/lib/ui/src/modal/Modal.reducer.js +12 -24
- package/lib/ui/src/modal/Modal.reducer.js.map +1 -1
- package/lib/ui/src/modal/Modal.stories.js +25 -27
- package/lib/ui/src/modal/Modal.stories.js.map +1 -1
- package/lib/ui/src/modal/Modal.styles.d.ts +3 -1
- package/lib/ui/src/modal/Modal.styles.js +165 -32
- package/lib/ui/src/modal/Modal.styles.js.map +1 -1
- package/lib/ui/src/modal/Modal.test.js +34 -71
- package/lib/ui/src/modal/Modal.test.js.map +1 -1
- package/lib/ui/src/nativeSelect/NativeSelect.js +5 -11
- package/lib/ui/src/nativeSelect/NativeSelect.js.map +1 -1
- package/lib/ui/src/nativeSelect/NativeSelect.styles.js +9 -7
- package/lib/ui/src/nativeSelect/NativeSelect.styles.js.map +1 -1
- package/lib/ui/src/nativeSelect/NativeSelect.test.js +7 -18
- package/lib/ui/src/nativeSelect/NativeSelect.test.js.map +1 -1
- package/lib/ui/src/numberInput/NumberInput.js +19 -30
- package/lib/ui/src/numberInput/NumberInput.js.map +1 -1
- package/lib/ui/src/numberInput/NumberInput.stories.js +19 -30
- package/lib/ui/src/numberInput/NumberInput.stories.js.map +1 -1
- package/lib/ui/src/numberInput/NumberInput.test.js +107 -254
- package/lib/ui/src/numberInput/NumberInput.test.js.map +1 -1
- package/lib/ui/src/numberInput/NumberInput.utils.js +10 -10
- package/lib/ui/src/numberInput/NumberInput.utils.js.map +1 -1
- package/lib/ui/src/numberInput/NumberInput.utils.test.js +30 -30
- package/lib/ui/src/numberInput/NumberInput.utils.test.js.map +1 -1
- package/lib/ui/src/option/Option.js +8 -11
- package/lib/ui/src/option/Option.js.map +1 -1
- package/lib/ui/src/option/Option.styles.js +59 -19
- package/lib/ui/src/option/Option.styles.js.map +1 -1
- package/lib/ui/src/option/Option.test.js +29 -71
- package/lib/ui/src/option/Option.test.js.map +1 -1
- package/lib/ui/src/panel/Panel.js +4 -7
- package/lib/ui/src/panel/Panel.js.map +1 -1
- package/lib/ui/src/panel/Panel.stories.js +9 -9
- package/lib/ui/src/panel/Panel.stories.js.map +1 -1
- package/lib/ui/src/panel/Panel.styles.js +25 -19
- package/lib/ui/src/panel/Panel.styles.js.map +1 -1
- package/lib/ui/src/panel/PanelColors.js +1 -1
- package/lib/ui/src/panel/PanelColors.js.map +1 -1
- package/lib/ui/src/radio/Radio.js +6 -7
- package/lib/ui/src/radio/Radio.js.map +1 -1
- package/lib/ui/src/radio/Radio.stories.js +12 -27
- package/lib/ui/src/radio/Radio.stories.js.map +1 -1
- package/lib/ui/src/radio/Radio.styles.js +74 -10
- package/lib/ui/src/radio/Radio.styles.js.map +1 -1
- package/lib/ui/src/radio/Radio.test.js +17 -63
- package/lib/ui/src/radio/Radio.test.js.map +1 -1
- package/lib/ui/src/select/Select.js +20 -48
- package/lib/ui/src/select/Select.js.map +1 -1
- package/lib/ui/src/select/Select.styles.js +38 -18
- package/lib/ui/src/select/Select.styles.js.map +1 -1
- package/lib/ui/src/select/Select.test.js +26 -72
- package/lib/ui/src/select/Select.test.js.map +1 -1
- package/lib/ui/src/selectWrapper/SelectWrapper.js +33 -50
- package/lib/ui/src/selectWrapper/SelectWrapper.js.map +1 -1
- package/lib/ui/src/selectWrapper/SelectWrapper.stories.js +64 -82
- package/lib/ui/src/selectWrapper/SelectWrapper.stories.js.map +1 -1
- package/lib/ui/src/selectWrapper/SelectWrapper.styles.js +71 -37
- package/lib/ui/src/selectWrapper/SelectWrapper.styles.js.map +1 -1
- package/lib/ui/src/selectWrapper/SelectWrapper.test.js +53 -107
- package/lib/ui/src/selectWrapper/SelectWrapper.test.js.map +1 -1
- package/lib/ui/src/showMoreTextToggle/ShowMoreTextToggle.js +6 -7
- package/lib/ui/src/showMoreTextToggle/ShowMoreTextToggle.js.map +1 -1
- package/lib/ui/src/showMoreTextToggle/ShowMoreTextToggle.stories.js +7 -18
- package/lib/ui/src/showMoreTextToggle/ShowMoreTextToggle.stories.js.map +1 -1
- package/lib/ui/src/showMoreTextToggle/ShowMoreTextToggle.test.js +29 -67
- package/lib/ui/src/showMoreTextToggle/ShowMoreTextToggle.test.js.map +1 -1
- package/lib/ui/src/showMoreTextToggle/showMoreTextToggle.styles.js +22 -21
- package/lib/ui/src/showMoreTextToggle/showMoreTextToggle.styles.js.map +1 -1
- package/lib/ui/src/subtitle/Subtitle.js +5 -8
- package/lib/ui/src/subtitle/Subtitle.js.map +1 -1
- package/lib/ui/src/subtitle/Subtitle.stories.js +9 -20
- package/lib/ui/src/subtitle/Subtitle.stories.js.map +1 -1
- package/lib/ui/src/subtitle/Subtitle.styles.js +15 -16
- package/lib/ui/src/subtitle/Subtitle.styles.js.map +1 -1
- package/lib/ui/src/subtitle/Subtitle.test.js +9 -20
- package/lib/ui/src/subtitle/Subtitle.test.js.map +1 -1
- package/lib/ui/src/tag/Tag.js +32 -13
- package/lib/ui/src/tag/Tag.js.map +1 -1
- package/lib/ui/src/tag/Tag.stories.js +29 -40
- package/lib/ui/src/tag/Tag.stories.js.map +1 -1
- package/lib/ui/src/tag/Tag.styles.d.ts +0 -3
- package/lib/ui/src/tag/Tag.styles.js +141 -47
- package/lib/ui/src/tag/Tag.styles.js.map +1 -1
- package/lib/ui/src/tag/Tag.test.js +31 -80
- package/lib/ui/src/tag/Tag.test.js.map +1 -1
- package/lib/ui/src/tag/TagColors.js +1 -1
- package/lib/ui/src/tag/TagColors.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.js +50 -77
- package/lib/ui/src/textarea/Textarea.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.stories.js +42 -62
- package/lib/ui/src/textarea/Textarea.stories.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.styles.d.ts +1 -1
- package/lib/ui/src/textarea/Textarea.styles.js +57 -32
- package/lib/ui/src/textarea/Textarea.styles.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.test.js +17 -63
- package/lib/ui/src/textarea/Textarea.test.js.map +1 -1
- package/lib/ui/src/title/H1.js +6 -9
- package/lib/ui/src/title/H1.js.map +1 -1
- package/lib/ui/src/title/H1.styles.d.ts +2 -1
- package/lib/ui/src/title/H1.styles.js +7 -9
- package/lib/ui/src/title/H1.styles.js.map +1 -1
- package/lib/ui/src/title/H1.test.js +6 -6
- package/lib/ui/src/title/H1.test.js.map +1 -1
- package/lib/ui/src/title/H2.js +6 -9
- package/lib/ui/src/title/H2.js.map +1 -1
- package/lib/ui/src/title/H2.styles.d.ts +2 -1
- package/lib/ui/src/title/H2.styles.js +7 -9
- package/lib/ui/src/title/H2.styles.js.map +1 -1
- package/lib/ui/src/title/H2.test.js +6 -6
- package/lib/ui/src/title/H2.test.js.map +1 -1
- package/lib/ui/src/title/H3.js +7 -21
- package/lib/ui/src/title/H3.js.map +1 -1
- package/lib/ui/src/title/H3.styles.d.ts +2 -1
- package/lib/ui/src/title/H3.styles.js +7 -9
- package/lib/ui/src/title/H3.styles.js.map +1 -1
- package/lib/ui/src/title/H3.test.js +6 -6
- package/lib/ui/src/title/H3.test.js.map +1 -1
- package/lib/ui/src/title/H4.js +6 -9
- package/lib/ui/src/title/H4.js.map +1 -1
- package/lib/ui/src/title/H4.styles.d.ts +2 -1
- package/lib/ui/src/title/H4.styles.js +7 -9
- package/lib/ui/src/title/H4.styles.js.map +1 -1
- package/lib/ui/src/title/H4.test.js +6 -6
- package/lib/ui/src/title/H4.test.js.map +1 -1
- package/lib/ui/src/title/H5.js +6 -9
- package/lib/ui/src/title/H5.js.map +1 -1
- package/lib/ui/src/title/H5.styles.d.ts +2 -1
- package/lib/ui/src/title/H5.styles.js +7 -9
- package/lib/ui/src/title/H5.styles.js.map +1 -1
- package/lib/ui/src/title/H5.test.js +6 -6
- package/lib/ui/src/title/H5.test.js.map +1 -1
- package/lib/ui/src/title/H6.js +7 -21
- package/lib/ui/src/title/H6.js.map +1 -1
- package/lib/ui/src/title/H6.styles.d.ts +2 -1
- package/lib/ui/src/title/H6.styles.js +7 -9
- package/lib/ui/src/title/H6.styles.js.map +1 -1
- package/lib/ui/src/title/H6.test.js +6 -6
- package/lib/ui/src/title/H6.test.js.map +1 -1
- package/lib/ui/src/title/Title.js +2 -2
- package/lib/ui/src/title/Title.js.map +1 -1
- package/lib/ui/src/title/Title.stories.js +18 -18
- package/lib/ui/src/title/Title.stories.js.map +1 -1
- package/lib/ui/src/title/Title.styles.js +89 -22
- package/lib/ui/src/title/Title.styles.js.map +1 -1
- package/lib/ui/src/toggle/Toggle.js +8 -11
- package/lib/ui/src/toggle/Toggle.js.map +1 -1
- package/lib/ui/src/toggle/Toggle.stories.js +20 -31
- package/lib/ui/src/toggle/Toggle.stories.js.map +1 -1
- package/lib/ui/src/toggle/Toggle.styles.js +87 -13
- package/lib/ui/src/toggle/Toggle.styles.js.map +1 -1
- package/lib/ui/src/toggle/Toggle.test.js +23 -68
- package/lib/ui/src/toggle/Toggle.test.js.map +1 -1
- package/lib/ui/src/tooltip/Tooltip.js +20 -32
- package/lib/ui/src/tooltip/Tooltip.js.map +1 -1
- package/lib/ui/src/tooltip/Tooltip.stories.js +26 -37
- package/lib/ui/src/tooltip/Tooltip.stories.js.map +1 -1
- package/lib/ui/src/tooltip/Tooltip.styles.js +56 -9
- package/lib/ui/src/tooltip/Tooltip.styles.js.map +1 -1
- package/lib/ui/src/tooltip/Tooltip.test.js +22 -71
- package/lib/ui/src/tooltip/Tooltip.test.js.map +1 -1
- package/lib/utils/src/actions.js +2 -2
- package/lib/utils/src/actions.js.map +1 -1
- package/lib/utils/src/colors.js +23 -25
- package/lib/utils/src/colors.js.map +1 -1
- package/lib/utils/src/colors.test.js +7 -7
- package/lib/utils/src/colors.test.js.map +1 -1
- package/lib/utils/src/container.js +21 -9
- package/lib/utils/src/container.js.map +1 -1
- package/lib/utils/src/fonts.js +18 -19
- package/lib/utils/src/fonts.js.map +1 -1
- package/lib/utils/src/gmaps.d.ts +1 -0
- package/lib/utils/src/gmaps.js +11 -17
- package/lib/utils/src/gmaps.js.map +1 -1
- package/lib/utils/src/gmaps.test.js +22 -42
- package/lib/utils/src/gmaps.test.js.map +1 -1
- package/lib/utils/src/line.js +7 -8
- package/lib/utils/src/line.js.map +1 -1
- package/lib/utils/src/paragraphs.d.ts +2 -0
- package/lib/utils/src/paragraphs.js +92 -31
- package/lib/utils/src/paragraphs.js.map +1 -1
- package/lib/utils/src/radius.js +6 -6
- package/lib/utils/src/radius.js.map +1 -1
- package/lib/utils/src/responsive.js +13 -22
- package/lib/utils/src/responsive.js.map +1 -1
- package/lib/utils/src/row.js +37 -9
- package/lib/utils/src/row.js.map +1 -1
- package/lib/utils/src/scrollbars.js +32 -9
- package/lib/utils/src/scrollbars.js.map +1 -1
- package/lib/utils/src/shadows.js +6 -6
- package/lib/utils/src/shadows.js.map +1 -1
- package/lib/utils/src/spacing.js +1 -1
- package/lib/utils/src/spacing.js.map +1 -1
- package/lib/utils/src/spacing.test.js +10 -10
- package/lib/utils/src/spacing.test.js.map +1 -1
- package/lib/utils/src/test-utils.d.ts +1 -1
- package/lib/utils/src/test-utils.js +21 -69
- package/lib/utils/src/test-utils.js.map +1 -1
- package/lib/utils/src/utils.stories.js +29 -27
- package/lib/utils/src/utils.stories.js.map +1 -1
- package/lib/utils/src/utils.styles.d.ts +2 -0
- package/lib/utils/src/utils.styles.js +192 -56
- package/lib/utils/src/utils.styles.js.map +1 -1
- package/package.json +50 -56
package/lib/ui/src/card/Card.js
CHANGED
|
@@ -22,19 +22,18 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
22
22
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
23
23
|
};
|
|
24
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
var closeCard = function () {
|
|
25
|
+
const react_1 = __importStar(require("react"));
|
|
26
|
+
const utils_1 = require("../../../utils");
|
|
27
|
+
const Help_1 = __importDefault(require("../icons/Help"));
|
|
28
|
+
const Tooltip_1 = __importDefault(require("../tooltip/Tooltip"));
|
|
29
|
+
const Card_styles_1 = require("./Card.styles");
|
|
30
|
+
const Dropdown_1 = __importDefault(require("./icons/Dropdown"));
|
|
31
|
+
const Dropup_1 = __importDefault(require("./icons/Dropup"));
|
|
32
|
+
const Card = ({ children, after, dataTest = 'card-layout', disabled = false, label, noPadding, hasToggle = false, isOpen: controlledIsOpen, toggleLabel, tooltip, onOpen, onClose }) => {
|
|
33
|
+
const isControlled = controlledIsOpen !== undefined;
|
|
34
|
+
const [isOpen, toggleIsOpen] = (0, react_1.useState)(controlledIsOpen || false);
|
|
35
|
+
const isSmartphone = (0, utils_1.useSmartphoneDevice)();
|
|
36
|
+
const closeCard = () => {
|
|
38
37
|
if (!isControlled) {
|
|
39
38
|
toggleIsOpen(false);
|
|
40
39
|
}
|
|
@@ -42,7 +41,7 @@ var Card = function (_a) {
|
|
|
42
41
|
onClose();
|
|
43
42
|
}
|
|
44
43
|
};
|
|
45
|
-
|
|
44
|
+
const openCard = () => {
|
|
46
45
|
if (!isControlled) {
|
|
47
46
|
toggleIsOpen(true);
|
|
48
47
|
}
|
|
@@ -50,7 +49,7 @@ var Card = function (_a) {
|
|
|
50
49
|
onOpen();
|
|
51
50
|
}
|
|
52
51
|
};
|
|
53
|
-
|
|
52
|
+
const toggleCard = () => {
|
|
54
53
|
if (isOpen) {
|
|
55
54
|
closeCard();
|
|
56
55
|
}
|
|
@@ -58,7 +57,7 @@ var Card = function (_a) {
|
|
|
58
57
|
openCard();
|
|
59
58
|
}
|
|
60
59
|
};
|
|
61
|
-
react_1.useEffect(
|
|
60
|
+
(0, react_1.useEffect)(() => {
|
|
62
61
|
if (isControlled) {
|
|
63
62
|
toggleIsOpen(controlledIsOpen);
|
|
64
63
|
}
|
|
@@ -66,13 +65,13 @@ var Card = function (_a) {
|
|
|
66
65
|
return (react_1.default.createElement(Card_styles_1.Layout, { "data-test": dataTest, disabled: disabled },
|
|
67
66
|
react_1.default.createElement(Card_styles_1.Header, { onClick: hasToggle && !disabled ? toggleCard : undefined, hasToggle: hasToggle, disabled: disabled },
|
|
68
67
|
react_1.default.createElement(Card_styles_1.TitleContainer, { "data-test": "title-container" },
|
|
69
|
-
react_1.default.createElement("div", { "data-test":
|
|
70
|
-
tooltip && (react_1.default.createElement(Card_styles_1.PropagationWrapper, { onClick:
|
|
68
|
+
react_1.default.createElement("div", { "data-test": `title-${dataTest}`, dangerouslySetInnerHTML: { __html: label } }),
|
|
69
|
+
tooltip && (react_1.default.createElement(Card_styles_1.PropagationWrapper, { onClick: e => e.stopPropagation() },
|
|
71
70
|
react_1.default.createElement(Tooltip_1.default, { tooltip: tooltip, placement: "auto" },
|
|
72
71
|
react_1.default.createElement(Card_styles_1.IconContainer, null,
|
|
73
72
|
react_1.default.createElement(Help_1.default, { fill: utils_1.colors.grey.base })))))),
|
|
74
73
|
(after || hasToggle) && (react_1.default.createElement(Card_styles_1.AfterContainer, null,
|
|
75
|
-
after && (react_1.default.createElement(Card_styles_1.PropagationWrapper, { onClick:
|
|
74
|
+
after && (react_1.default.createElement(Card_styles_1.PropagationWrapper, { onClick: e => e.stopPropagation() }, after)),
|
|
76
75
|
hasToggle && (react_1.default.createElement(Card_styles_1.ToggleContainer, null,
|
|
77
76
|
!isSmartphone && (react_1.default.createElement(react_1.Fragment, null, toggleLabel && (react_1.default.createElement("span", { "data-test": "toggle-label" }, toggleLabel)))),
|
|
78
77
|
react_1.default.createElement(Card_styles_1.Icon, { "data-test": "toggle-edit-button" }, isOpen ? react_1.default.createElement(Dropup_1.default, null) : react_1.default.createElement(Dropdown_1.default, null))))))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"Card.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,51 +1,40 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
4
|
};
|
|
16
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
6
|
+
const react_1 = __importDefault(require("react"));
|
|
7
|
+
const storybook_state_1 = require("@sambego/storybook-state");
|
|
8
|
+
const react_2 = require("@storybook/react");
|
|
9
|
+
const Button_1 = __importDefault(require("../button/Button"));
|
|
10
|
+
const Button_interfaces_1 = require("../button/Button.interfaces");
|
|
11
|
+
const Card_1 = __importDefault(require("./Card"));
|
|
12
|
+
const defaultProps = {
|
|
24
13
|
label: 'Card title',
|
|
25
14
|
tooltip: 'Lorem ipsum dolor sit amet, conse tetur adipiscing elit. Habitant mollis quis egestas sed interdum elit et, purus ac. Nisl, egestas malesuada dui gravida molestie iaculis eget morbi massa.'
|
|
26
15
|
};
|
|
27
|
-
|
|
16
|
+
const controlledState = new storybook_state_1.Store({
|
|
28
17
|
isOpen: false
|
|
29
18
|
});
|
|
30
|
-
controlledState.subscribe(
|
|
31
|
-
react_2.forceReRender();
|
|
19
|
+
controlledState.subscribe(() => {
|
|
20
|
+
(0, react_2.forceReRender)();
|
|
32
21
|
});
|
|
33
|
-
react_2.storiesOf('Card', module)
|
|
34
|
-
.add('default',
|
|
35
|
-
.add('with no padding',
|
|
36
|
-
.add('with toggle, uncontrolled',
|
|
37
|
-
.add('with toggle, controlled',
|
|
22
|
+
(0, react_2.storiesOf)('Card', module)
|
|
23
|
+
.add('default', () => (react_1.default.createElement(Card_1.default, Object.assign({}, defaultProps), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")))
|
|
24
|
+
.add('with no padding', () => (react_1.default.createElement(Card_1.default, Object.assign({}, defaultProps, { noPadding: true }), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")))
|
|
25
|
+
.add('with toggle, uncontrolled', () => (react_1.default.createElement(Card_1.default, Object.assign({}, defaultProps, { hasToggle: true }), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")))
|
|
26
|
+
.add('with toggle, controlled', () => {
|
|
38
27
|
return (react_1.default.createElement(storybook_state_1.State, { store: controlledState },
|
|
39
|
-
react_1.default.createElement(Card_1.default,
|
|
28
|
+
react_1.default.createElement(Card_1.default, Object.assign({}, defaultProps, { hasToggle: true, isOpen: controlledState.get('isOpen'), onOpen: () => {
|
|
40
29
|
controlledState.set({ isOpen: true });
|
|
41
|
-
}, onClose:
|
|
30
|
+
}, onClose: () => {
|
|
42
31
|
controlledState.set({ isOpen: false });
|
|
43
32
|
} }), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua."),
|
|
44
|
-
react_1.default.createElement("button", { onClick:
|
|
33
|
+
react_1.default.createElement("button", { onClick: () => {
|
|
45
34
|
controlledState.set({ isOpen: false });
|
|
46
35
|
} }, "Close")));
|
|
47
36
|
})
|
|
48
|
-
.add('with after content',
|
|
49
|
-
.add('with toggle and after content',
|
|
50
|
-
.add('disabled',
|
|
37
|
+
.add('with after content', () => (react_1.default.createElement(Card_1.default, Object.assign({}, defaultProps, { after: react_1.default.createElement(Button_1.default, { size: Button_interfaces_1.ButtonSizes.SMALL, appearance: Button_interfaces_1.ButtonAppearance.SECONDARY, label: "Do something" }) }), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")))
|
|
38
|
+
.add('with toggle and after content', () => (react_1.default.createElement(Card_1.default, Object.assign({}, defaultProps, { hasToggle: true, after: react_1.default.createElement(Button_1.default, { size: Button_interfaces_1.ButtonSizes.SMALL, appearance: Button_interfaces_1.ButtonAppearance.SECONDARY, label: "Do something" }) }), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")))
|
|
39
|
+
.add('disabled', () => (react_1.default.createElement(Card_1.default, Object.assign({}, defaultProps, { hasToggle: true, disabled: true }), "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.")));
|
|
51
40
|
//# 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":";;;;;AAAA,kDAA0B;AAE1B,8DAAwD;AACxD,4CAA4D;AAE5D,8DAAsC;AACtC,mEAA4E;AAC5E,kDAAyC;AAEzC,MAAM,YAAY,GAAc;IAC9B,KAAK,EAAE,YAAY;IACnB,OAAO,EACL,8LAA8L;CACjM,CAAC;AAEF,MAAM,eAAe,GAAG,IAAI,uBAAK,CAAsB;IACrD,MAAM,EAAE,KAAK;CACd,CAAC,CAAC;AAEH,eAAe,CAAC,SAAS,CAAC,GAAG,EAAE;IAC7B,IAAA,qBAAa,GAAE,CAAC;AAClB,CAAC,CAAC,CAAC;AAEH,IAAA,iBAAS,EAAC,MAAM,EAAE,MAAM,CAAC;KACtB,GAAG,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,CACpB,8BAAC,cAAI,oBAAK,YAAY,iIAGf,CACR,CAAC;KACD,GAAG,CAAC,iBAAiB,EAAE,GAAG,EAAE,CAAC,CAC5B,8BAAC,cAAI,oBAAK,YAAY,IAAE,SAAS,yIAG1B,CACR,CAAC;KACD,GAAG,CAAC,2BAA2B,EAAE,GAAG,EAAE,CAAC,CACtC,8BAAC,cAAI,oBAAK,YAAY,IAAE,SAAS,EAAE,IAAI,mIAGhC,CACR,CAAC;KACD,GAAG,CAAC,yBAAyB,EAAE,GAAG,EAAE;IACnC,OAAO,CACL,8BAAC,uBAAK,IAAC,KAAK,EAAE,eAAe;QAC3B,8BAAC,cAAI,oBACC,YAAY,IAChB,SAAS,EAAE,IAAI,EACf,MAAM,EAAE,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,EACrC,MAAM,EAAE,GAAG,EAAE;gBACX,eAAe,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC;YACxC,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;gBACZ,eAAe,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;YACzC,CAAC,mIAII;QACP,0CACE,OAAO,EAAE,GAAG,EAAE;gBACZ,eAAe,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;YACzC,CAAC,YAGM,CACH,CACT,CAAC;AACJ,CAAC,CAAC;KACD,GAAG,CAAC,oBAAoB,EAAE,GAAG,EAAE,CAAC,CAC/B,8BAAC,cAAI,oBACC,YAAY,IAChB,KAAK,EACH,8BAAC,gBAAM,IACL,IAAI,EAAE,+BAAW,CAAC,KAAK,EACvB,UAAU,EAAE,oCAAgB,CAAC,SAAS,EACtC,KAAK,EAAC,cAAc,GACpB,mIAKC,CACR,CAAC;KACD,GAAG,CAAC,+BAA+B,EAAE,GAAG,EAAE,CAAC,CAC1C,8BAAC,cAAI,oBACC,YAAY,IAChB,SAAS,QACT,KAAK,EACH,8BAAC,gBAAM,IACL,IAAI,EAAE,+BAAW,CAAC,KAAK,EACvB,UAAU,EAAE,oCAAgB,CAAC,SAAS,EACtC,KAAK,EAAC,cAAc,GACpB,mIAKC,CACR,CAAC;KACD,GAAG,CAAC,UAAU,EAAE,GAAG,EAAE,CAAC,CACrB,8BAAC,cAAI,oBAAK,YAAY,IAAE,SAAS,QAAC,QAAQ,yIAGnC,CACR,CAAC,CAAC"}
|
|
@@ -1,8 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
3
|
if (k2 === undefined) k2 = k;
|
|
8
4
|
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
@@ -24,33 +20,85 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
24
20
|
};
|
|
25
21
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
22
|
exports.Icon = exports.ToggleContainer = exports.Body = exports.AfterContainer = exports.TitleContainer = exports.IconContainer = exports.PropagationWrapper = exports.Header = exports.Layout = void 0;
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
exports.Layout = styled_components_1.default.div
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
exports.
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
23
|
+
const styled_components_1 = __importStar(require("styled-components"));
|
|
24
|
+
const utils_1 = require("../../../utils");
|
|
25
|
+
exports.Layout = styled_components_1.default.div `
|
|
26
|
+
background: white;
|
|
27
|
+
border: ${(0, utils_1.convertPxToRem)(1)} solid ${utils_1.colors.grey.base40};
|
|
28
|
+
box-shadow: ${utils_1.shadows.level1};
|
|
29
|
+
border-radius: ${utils_1.radius.normal};
|
|
30
|
+
position: relative;
|
|
31
|
+
|
|
32
|
+
& + & {
|
|
33
|
+
margin-top: ${(0, utils_1.convertPxToRem)(16)};
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
${({ disabled }) => disabled &&
|
|
37
|
+
(0, styled_components_1.css) `
|
|
38
|
+
cursor: not-allowed;
|
|
39
|
+
background: ${utils_1.colors.background};
|
|
40
|
+
color: ${utils_1.colors.dark.base40};
|
|
41
|
+
`}
|
|
42
|
+
`;
|
|
43
|
+
exports.Header = styled_components_1.default.div `
|
|
44
|
+
${utils_1.paragraphs.body2}
|
|
45
|
+
display: flex;
|
|
46
|
+
align-items: center;
|
|
47
|
+
justify-content: space-between;
|
|
48
|
+
padding: ${(0, utils_1.convertPxToRem)(16)} ${(0, utils_1.convertPxToRem)(24)};
|
|
49
|
+
color: ${({ disabled }) => disabled ? utils_1.colors.dark.base40 : utils_1.colors.dark.base};
|
|
50
|
+
|
|
51
|
+
${({ hasToggle, disabled }) => hasToggle &&
|
|
52
|
+
!disabled &&
|
|
53
|
+
(0, styled_components_1.css) `
|
|
54
|
+
cursor: pointer;
|
|
55
|
+
`}
|
|
56
|
+
`;
|
|
57
|
+
exports.PropagationWrapper = styled_components_1.default.span `
|
|
58
|
+
display: flex;
|
|
59
|
+
`;
|
|
60
|
+
exports.IconContainer = styled_components_1.default.div `
|
|
61
|
+
position: relative;
|
|
62
|
+
display: flex;
|
|
63
|
+
|
|
64
|
+
:hover {
|
|
65
|
+
svg {
|
|
66
|
+
path {
|
|
67
|
+
fill: ${utils_1.colors.orange.base};
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
}
|
|
71
|
+
`;
|
|
72
|
+
exports.TitleContainer = styled_components_1.default.div `
|
|
73
|
+
display: flex;
|
|
74
|
+
align-items: center;
|
|
75
|
+
`;
|
|
76
|
+
exports.AfterContainer = styled_components_1.default.div `
|
|
77
|
+
display: flex;
|
|
78
|
+
`;
|
|
79
|
+
exports.Body = styled_components_1.default.div `
|
|
80
|
+
${({ noPadding }) => !noPadding &&
|
|
81
|
+
(0, styled_components_1.css) `
|
|
82
|
+
padding: ${(0, utils_1.convertPxToRem)(24)};
|
|
83
|
+
`}
|
|
84
|
+
|
|
85
|
+
${exports.Header} + &,
|
|
86
|
+
& + & {
|
|
87
|
+
border-top: ${(0, utils_1.convertPxToRem)(1)} solid ${utils_1.colors.grey.base40};
|
|
88
|
+
}
|
|
89
|
+
`;
|
|
90
|
+
exports.ToggleContainer = styled_components_1.default.div `
|
|
91
|
+
display: flex;
|
|
92
|
+
align-items: center;
|
|
93
|
+
`;
|
|
94
|
+
exports.Icon = styled_components_1.default.div `
|
|
95
|
+
width: ${(0, utils_1.convertPxToRem)(32)};
|
|
96
|
+
height: ${(0, utils_1.convertPxToRem)(32)};
|
|
97
|
+
|
|
98
|
+
svg {
|
|
99
|
+
width: 100%;
|
|
100
|
+
height: 100%;
|
|
101
|
+
transform: scale(1.4);
|
|
102
|
+
}
|
|
103
|
+
`;
|
|
56
104
|
//# sourceMappingURL=Card.styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Card.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/card/Card.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,0CAMwB;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,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;gBAOvB,cAAM,CAAC,MAAM,CAAC,IAAI;;;;CAIjC,CAAC;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGvC,CAAC;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAEvC,CAAC;AAEW,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAA8B;IACxD,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAClB,CAAC,SAAS;IACV,IAAA,uBAAG,EAAA;iBACU,IAAA,sBAAc,EAAC,EAAE,CAAC;KAC9B;;IAED,cAAM;;kBAEQ,IAAA,sBAAc,EAAC,CAAC,CAAC,UAAU,cAAM,CAAC,IAAI,CAAC,MAAM;;CAE9D,CAAC;AAEW,QAAA,eAAe,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGxC,CAAC;AAEW,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;WACnB,IAAA,sBAAc,EAAC,EAAE,CAAC;YACjB,IAAA,sBAAc,EAAC,EAAE,CAAC;;;;;;;CAO7B,CAAC"}
|
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
14
3
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
15
4
|
return new (P || (P = Promise))(function (resolve, reject) {
|
|
@@ -19,158 +8,91 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
19
8
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
20
9
|
});
|
|
21
10
|
};
|
|
22
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
23
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
24
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
25
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
26
|
-
function step(op) {
|
|
27
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
28
|
-
while (_) try {
|
|
29
|
-
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
30
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
31
|
-
switch (op[0]) {
|
|
32
|
-
case 0: case 1: t = op; break;
|
|
33
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
34
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
35
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
36
|
-
default:
|
|
37
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
38
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
39
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
40
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
41
|
-
if (t[2]) _.ops.pop();
|
|
42
|
-
_.trys.pop(); continue;
|
|
43
|
-
}
|
|
44
|
-
op = body.call(thisArg, _);
|
|
45
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
46
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
47
|
-
}
|
|
48
|
-
};
|
|
49
11
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
50
12
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
51
13
|
};
|
|
52
14
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
15
|
+
const react_1 = __importDefault(require("react"));
|
|
16
|
+
const react_2 = require("@testing-library/react");
|
|
17
|
+
const user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
18
|
+
const responsive_1 = require("../../../utils/src/responsive");
|
|
19
|
+
const Card_1 = __importDefault(require("./Card"));
|
|
20
|
+
const defaultProps = {
|
|
59
21
|
label: 'A title'
|
|
60
22
|
};
|
|
61
|
-
jest.mock('../../../utils/src/responsive',
|
|
62
|
-
isTouchDevice: jest.fn().mockImplementation(
|
|
63
|
-
useSmartphoneDevice: jest.fn().mockImplementation(
|
|
64
|
-
})
|
|
65
|
-
describe('Card component',
|
|
66
|
-
it('should render with label and content',
|
|
67
|
-
react_2.render(react_1.default.createElement(Card_1.default,
|
|
23
|
+
jest.mock('../../../utils/src/responsive', () => ({
|
|
24
|
+
isTouchDevice: jest.fn().mockImplementation(() => true),
|
|
25
|
+
useSmartphoneDevice: jest.fn().mockImplementation(() => false)
|
|
26
|
+
}));
|
|
27
|
+
describe('Card component', () => {
|
|
28
|
+
it('should render with label and content', () => {
|
|
29
|
+
(0, react_2.render)(react_1.default.createElement(Card_1.default, Object.assign({}, defaultProps), "Content"));
|
|
68
30
|
expect(react_2.screen.getByTestId('card-layout')).toBeInTheDocument();
|
|
69
31
|
expect(react_2.screen.getByTestId('card-layout')).toHaveTextContent(defaultProps.label);
|
|
70
32
|
expect(react_2.screen.getByTestId('body-card')).toBeInTheDocument();
|
|
71
33
|
expect(react_2.screen.getByTestId('body-card')).toHaveTextContent('Content');
|
|
72
34
|
});
|
|
73
|
-
it('should render toggle',
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
});
|
|
90
|
-
}); });
|
|
91
|
-
it('should not toggle when card is disabled', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
92
|
-
var props;
|
|
93
|
-
return __generator(this, function (_a) {
|
|
94
|
-
switch (_a.label) {
|
|
95
|
-
case 0:
|
|
96
|
-
props = __assign(__assign({}, defaultProps), { hasToggle: true, disabled: true });
|
|
97
|
-
react_2.render(react_1.default.createElement(Card_1.default, __assign({}, props)));
|
|
98
|
-
expect(react_2.screen.queryByTestId('body-card')).not.toBeInTheDocument();
|
|
99
|
-
user_event_1.default.click(react_2.screen.getByTestId('toggle-edit-button'));
|
|
100
|
-
return [4 /*yield*/, react_2.waitFor(function () {
|
|
101
|
-
return expect(react_2.screen.queryByTestId('body-card')).not.toBeInTheDocument();
|
|
102
|
-
})];
|
|
103
|
-
case 1:
|
|
104
|
-
_a.sent();
|
|
105
|
-
return [2 /*return*/];
|
|
106
|
-
}
|
|
107
|
-
});
|
|
108
|
-
}); });
|
|
109
|
-
it('should render toggle label', function () {
|
|
110
|
-
var props = __assign(__assign({}, defaultProps), { hasToggle: true, toggleLabel: 'Ceci est un test' });
|
|
111
|
-
react_2.render(react_1.default.createElement(Card_1.default, __assign({}, props)));
|
|
35
|
+
it('should render toggle', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
36
|
+
const props = Object.assign(Object.assign({}, defaultProps), { hasToggle: true });
|
|
37
|
+
(0, react_2.render)(react_1.default.createElement(Card_1.default, Object.assign({}, props)));
|
|
38
|
+
expect(react_2.screen.queryByTestId('body-card')).not.toBeInTheDocument();
|
|
39
|
+
user_event_1.default.click(react_2.screen.getByTestId('toggle-edit-button'));
|
|
40
|
+
yield (0, react_2.waitFor)(() => expect(react_2.screen.getByTestId('body-card')).toBeInTheDocument());
|
|
41
|
+
}));
|
|
42
|
+
it('should not toggle when card is disabled', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
43
|
+
const props = Object.assign(Object.assign({}, defaultProps), { hasToggle: true, disabled: true });
|
|
44
|
+
(0, react_2.render)(react_1.default.createElement(Card_1.default, Object.assign({}, props)));
|
|
45
|
+
expect(react_2.screen.queryByTestId('body-card')).not.toBeInTheDocument();
|
|
46
|
+
user_event_1.default.click(react_2.screen.getByTestId('toggle-edit-button'));
|
|
47
|
+
yield (0, react_2.waitFor)(() => expect(react_2.screen.queryByTestId('body-card')).not.toBeInTheDocument());
|
|
48
|
+
}));
|
|
49
|
+
it('should render toggle label', () => {
|
|
50
|
+
const props = Object.assign(Object.assign({}, defaultProps), { hasToggle: true, toggleLabel: 'Ceci est un test' });
|
|
51
|
+
(0, react_2.render)(react_1.default.createElement(Card_1.default, Object.assign({}, props)));
|
|
112
52
|
expect(react_2.screen.getByTestId('toggle-label')).toHaveTextContent('Ceci est un test');
|
|
113
53
|
});
|
|
114
|
-
it('should not render toggle label on smartphone device',
|
|
115
|
-
responsive_1.useSmartphoneDevice.mockImplementation(
|
|
116
|
-
|
|
117
|
-
react_2.render(react_1.default.createElement(Card_1.default,
|
|
54
|
+
it('should not render toggle label on smartphone device', () => {
|
|
55
|
+
responsive_1.useSmartphoneDevice.mockImplementation(() => true);
|
|
56
|
+
const props = Object.assign(Object.assign({}, defaultProps), { hasToggle: true, toggleLabel: 'Ceci est un test' });
|
|
57
|
+
(0, react_2.render)(react_1.default.createElement(Card_1.default, Object.assign({}, props)));
|
|
118
58
|
expect(react_2.screen.queryByTestId('toggle-label')).not.toBeInTheDocument();
|
|
119
59
|
});
|
|
120
|
-
it('should not render children',
|
|
121
|
-
react_2.render(react_1.default.createElement(Card_1.default,
|
|
60
|
+
it('should not render children', () => {
|
|
61
|
+
(0, react_2.render)(react_1.default.createElement(Card_1.default, Object.assign({}, defaultProps)));
|
|
122
62
|
expect(react_2.screen.queryByTestId('body-card')).not.toBeInTheDocument();
|
|
123
63
|
});
|
|
124
|
-
it('should render tooltip',
|
|
125
|
-
|
|
126
|
-
react_2.render(react_1.default.createElement(Card_1.default,
|
|
64
|
+
it('should render tooltip', () => {
|
|
65
|
+
const props = Object.assign(Object.assign({}, defaultProps), { tooltip: 'hello' });
|
|
66
|
+
(0, react_2.render)(react_1.default.createElement(Card_1.default, Object.assign({}, props)));
|
|
127
67
|
expect(react_2.screen.getByTestId('help-icon')).toBeInTheDocument();
|
|
128
68
|
expect(react_2.screen.getByTestId('tooltip-wrapped-component')).toBeInTheDocument();
|
|
129
69
|
});
|
|
130
|
-
it('should render after element',
|
|
131
|
-
|
|
132
|
-
react_2.render(react_1.default.createElement(Card_1.default,
|
|
70
|
+
it('should render after element', () => {
|
|
71
|
+
const props = Object.assign(Object.assign({}, defaultProps), { after: react_1.default.createElement("span", { "data-test": "card-after" }) });
|
|
72
|
+
(0, react_2.render)(react_1.default.createElement(Card_1.default, Object.assign({}, props)));
|
|
133
73
|
expect(react_2.screen.getByTestId('card-after')).toBeInTheDocument();
|
|
134
74
|
});
|
|
135
|
-
it('should not toggle on controlled state',
|
|
136
|
-
|
|
137
|
-
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
return [4 /*yield*/, react_2.waitFor(function () {
|
|
147
|
-
expect(mockOnClose).toHaveBeenCalledTimes(0);
|
|
148
|
-
expect(mockOnOpen).toHaveBeenCalledTimes(1);
|
|
149
|
-
expect(react_2.screen.queryByTestId('body-card')).not.toBeInTheDocument();
|
|
150
|
-
})];
|
|
151
|
-
case 1:
|
|
152
|
-
_a.sent();
|
|
153
|
-
return [2 /*return*/];
|
|
154
|
-
}
|
|
155
|
-
});
|
|
156
|
-
}); });
|
|
157
|
-
it('should toggle on controlled state', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
158
|
-
var mockOnClose, mockOnOpen, props;
|
|
159
|
-
return __generator(this, function (_a) {
|
|
160
|
-
switch (_a.label) {
|
|
161
|
-
case 0:
|
|
162
|
-
mockOnClose = jest.fn();
|
|
163
|
-
mockOnOpen = jest.fn();
|
|
164
|
-
props = __assign(__assign({}, defaultProps), { hasToggle: true, isOpen: true, onClose: mockOnClose, onOpen: mockOnOpen });
|
|
165
|
-
react_2.render(react_1.default.createElement(Card_1.default, __assign({}, props)));
|
|
166
|
-
expect(react_2.screen.getByTestId('body-card')).toBeInTheDocument();
|
|
167
|
-
user_event_1.default.click(react_2.screen.getByTestId('toggle-edit-button'));
|
|
168
|
-
return [4 /*yield*/, react_2.waitFor(function () { return expect(mockOnClose).toHaveBeenCalledTimes(1); })];
|
|
169
|
-
case 1:
|
|
170
|
-
_a.sent();
|
|
171
|
-
return [2 /*return*/];
|
|
172
|
-
}
|
|
75
|
+
it('should not toggle on controlled state', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
76
|
+
const mockOnClose = jest.fn();
|
|
77
|
+
const mockOnOpen = jest.fn();
|
|
78
|
+
const props = Object.assign(Object.assign({}, defaultProps), { hasToggle: true, isOpen: false, onClose: mockOnClose, onOpen: mockOnOpen });
|
|
79
|
+
(0, react_2.render)(react_1.default.createElement(Card_1.default, Object.assign({}, props)));
|
|
80
|
+
expect(react_2.screen.queryByTestId('body-card')).not.toBeInTheDocument();
|
|
81
|
+
user_event_1.default.click(react_2.screen.getByTestId('toggle-edit-button'));
|
|
82
|
+
yield (0, react_2.waitFor)(() => {
|
|
83
|
+
expect(mockOnClose).toHaveBeenCalledTimes(0);
|
|
84
|
+
expect(mockOnOpen).toHaveBeenCalledTimes(1);
|
|
85
|
+
expect(react_2.screen.queryByTestId('body-card')).not.toBeInTheDocument();
|
|
173
86
|
});
|
|
174
|
-
})
|
|
87
|
+
}));
|
|
88
|
+
it('should toggle on controlled state', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
89
|
+
const mockOnClose = jest.fn();
|
|
90
|
+
const mockOnOpen = jest.fn();
|
|
91
|
+
const props = Object.assign(Object.assign({}, defaultProps), { hasToggle: true, isOpen: true, onClose: mockOnClose, onOpen: mockOnOpen });
|
|
92
|
+
(0, react_2.render)(react_1.default.createElement(Card_1.default, Object.assign({}, props)));
|
|
93
|
+
expect(react_2.screen.getByTestId('body-card')).toBeInTheDocument();
|
|
94
|
+
user_event_1.default.click(react_2.screen.getByTestId('toggle-edit-button'));
|
|
95
|
+
yield (0, react_2.waitFor)(() => expect(mockOnClose).toHaveBeenCalledTimes(1));
|
|
96
|
+
}));
|
|
175
97
|
});
|
|
176
98
|
//# 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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"}
|