@proprioo/salatim 29.15.0 → 30.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/lib/date/src/DayPicker.js +2 -2
- package/lib/date/src/DayPicker.js.map +1 -1
- package/lib/date/src/datePicker/DatePicker.js +5 -28
- package/lib/date/src/datePicker/DatePicker.js.map +1 -1
- package/lib/date/src/datePicker/DatePicker.test.js +7 -7
- package/lib/date/src/datePicker/DatePicker.test.js.map +1 -1
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.js +3 -26
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.js.map +1 -1
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.stories.js +13 -13
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.stories.js.map +1 -1
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.test.js +23 -23
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.test.js.map +1 -1
- package/lib/date/src/singleMonth/SingleMonth.js +2 -3
- package/lib/date/src/singleMonth/SingleMonth.js.map +1 -1
- package/lib/date/src/singleMonth/SingleMonth.stories.js +9 -11
- package/lib/date/src/singleMonth/SingleMonth.stories.js.map +1 -1
- package/lib/date/src/singleMonth/SingleMonth.test.js +7 -7
- package/lib/date/src/singleMonth/SingleMonth.test.js.map +1 -1
- package/lib/energy/src/Energy.js +2 -23
- package/lib/energy/src/Energy.js.map +1 -1
- package/lib/energy/src/Energy.stories.js +5 -5
- package/lib/energy/src/Energy.stories.js.map +1 -1
- package/lib/energy/src/Energy.styles.js +0 -1
- package/lib/energy/src/Energy.styles.js.map +1 -1
- package/lib/energy/src/Energy.test.js +5 -5
- package/lib/energy/src/Energy.test.js.map +1 -1
- package/lib/forms/src/errorForm/ErrorFormLayout.js +2 -5
- package/lib/forms/src/errorForm/ErrorFormLayout.js.map +1 -1
- package/lib/forms/src/offerSignatoryForm/OfferSignatoryForm.js +4 -43
- package/lib/forms/src/offerSignatoryForm/OfferSignatoryForm.js.map +1 -1
- package/lib/forms/src/offerSignatoryForm/OfferSignatoryForm.stories.js +11 -21
- package/lib/forms/src/offerSignatoryForm/OfferSignatoryForm.stories.js.map +1 -1
- package/lib/forms/src/offerSignatoryForm/OfferSignatoryForm.test.js +30 -30
- package/lib/forms/src/offerSignatoryForm/OfferSignatoryForm.test.js.map +1 -1
- package/lib/forms/src/userForm/UserForm.js +2 -18
- package/lib/forms/src/userForm/UserForm.js.map +1 -1
- package/lib/forms/src/userForm/UserForm.stories.js +11 -11
- package/lib/forms/src/userForm/UserForm.stories.js.map +1 -1
- package/lib/forms/src/userForm/UserForm.test.js +16 -16
- package/lib/forms/src/userForm/UserForm.test.js.map +1 -1
- package/lib/index.js +796 -830
- package/lib/index.js.map +1 -1
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.js +3 -27
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.js.map +1 -1
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.stories.js +8 -8
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.stories.js.map +1 -1
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.styles.js +1 -1
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.styles.js.map +1 -1
- package/lib/phone/src/phoneAndFlag/PhoneAndFlags.test.js +6 -6
- package/lib/phone/src/phoneAndFlag/PhoneAndFlags.test.js.map +1 -1
- package/lib/phone/src/phoneInput/Phone.js +3 -26
- package/lib/phone/src/phoneInput/Phone.js.map +1 -1
- package/lib/phone/src/phoneInput/Phone.stories.js +13 -19
- package/lib/phone/src/phoneInput/Phone.stories.js.map +1 -1
- package/lib/phone/src/phoneInput/Phone.styles.js +0 -2
- package/lib/phone/src/phoneInput/Phone.styles.js.map +1 -1
- package/lib/phone/src/phoneInput/Phone.test.js +8 -34
- package/lib/phone/src/phoneInput/Phone.test.js.map +1 -1
- package/lib/phone/src/phoneInput/PhoneInput.js +2 -2
- package/lib/phone/src/phoneInput/PhoneInput.js.map +1 -1
- package/lib/ui/src/accordion/Accordion.js +2 -5
- package/lib/ui/src/accordion/Accordion.js.map +1 -1
- package/lib/ui/src/accordion/Accordion.stories.js +5 -64
- package/lib/ui/src/accordion/Accordion.stories.js.map +1 -1
- package/lib/ui/src/accordion/Accordion.styles.js +2 -1
- package/lib/ui/src/accordion/Accordion.styles.js.map +1 -1
- package/lib/ui/src/accordion/Accordion.test.js +10 -79
- package/lib/ui/src/accordion/Accordion.test.js.map +1 -1
- package/lib/ui/src/accordion/AccordionContextConsumer.js +3 -25
- package/lib/ui/src/accordion/AccordionContextConsumer.js.map +1 -1
- package/lib/ui/src/accordion/AccordionContextProvider.d.ts +1 -1
- package/lib/ui/src/accordion/AccordionContextProvider.js +4 -26
- package/lib/ui/src/accordion/AccordionContextProvider.js.map +1 -1
- package/lib/ui/src/accordion/AccordionHeader.js +2 -5
- package/lib/ui/src/accordion/AccordionHeader.js.map +1 -1
- package/lib/ui/src/accordion/AccordionItem.js +2 -6
- package/lib/ui/src/accordion/AccordionItem.js.map +1 -1
- package/lib/ui/src/accordion/AccordionPanel.js +3 -25
- package/lib/ui/src/accordion/AccordionPanel.js.map +1 -1
- package/lib/ui/src/accordion/ItemContextConsumer.js +3 -25
- package/lib/ui/src/accordion/ItemContextConsumer.js.map +1 -1
- package/lib/ui/src/accordion/ItemContextProvider.js +4 -26
- package/lib/ui/src/accordion/ItemContextProvider.js.map +1 -1
- package/lib/ui/src/agentBanner/AgentBanner.js +2 -10
- package/lib/ui/src/agentBanner/AgentBanner.js.map +1 -1
- package/lib/ui/src/agentBanner/AgentBanner.stories.js +4 -5
- package/lib/ui/src/agentBanner/AgentBanner.stories.js.map +1 -1
- package/lib/ui/src/agentBanner/AgentBanner.styles.js +1 -7
- package/lib/ui/src/agentBanner/AgentBanner.styles.js.map +1 -1
- package/lib/ui/src/agentBanner/AgentBanner.test.js +9 -9
- package/lib/ui/src/agentBanner/AgentBanner.test.js.map +1 -1
- package/lib/ui/src/agentCard/AgentCard.js +2 -15
- package/lib/ui/src/agentCard/AgentCard.js.map +1 -1
- package/lib/ui/src/agentCard/AgentCard.stories.js +4 -5
- package/lib/ui/src/agentCard/AgentCard.stories.js.map +1 -1
- package/lib/ui/src/agentCard/AgentCard.styles.js +3 -3
- package/lib/ui/src/agentCard/AgentCard.styles.js.map +1 -1
- package/lib/ui/src/agentCard/AgentCard.test.js +25 -25
- package/lib/ui/src/agentCard/AgentCard.test.js.map +1 -1
- package/lib/ui/src/autocomplete/Autocomplete.js +3 -25
- package/lib/ui/src/autocomplete/Autocomplete.js.map +1 -1
- package/lib/ui/src/autocomplete/Autocomplete.stories.js +11 -36
- package/lib/ui/src/autocomplete/Autocomplete.stories.js.map +1 -1
- package/lib/ui/src/autocomplete/Autocomplete.test.js +18 -18
- package/lib/ui/src/autocomplete/Autocomplete.test.js.map +1 -1
- package/lib/ui/src/block/Block.js +2 -7
- package/lib/ui/src/block/Block.js.map +1 -1
- package/lib/ui/src/block/Block.stories.js +6 -39
- package/lib/ui/src/block/Block.stories.js.map +1 -1
- package/lib/ui/src/block/Block.test.js +9 -13
- package/lib/ui/src/block/Block.test.js.map +1 -1
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.js +2 -8
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.js.map +1 -1
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.stories.js +3 -29
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.stories.js.map +1 -1
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.styles.js +5 -5
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.styles.js.map +1 -1
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.test.js +16 -16
- package/lib/ui/src/blockCheckIcon/BlockCheckIcon.test.js.map +1 -1
- package/lib/ui/src/blockIcon/BlockIcon.d.ts +2 -2
- package/lib/ui/src/blockIcon/BlockIcon.js +2 -8
- package/lib/ui/src/blockIcon/BlockIcon.js.map +1 -1
- package/lib/ui/src/blockIcon/BlockIcon.stories.js +4 -8
- package/lib/ui/src/blockIcon/BlockIcon.stories.js.map +1 -1
- package/lib/ui/src/blockIcon/BlockIcon.styles.js +4 -4
- package/lib/ui/src/blockIcon/BlockIcon.styles.js.map +1 -1
- package/lib/ui/src/blockIcon/BlockIcon.test.js +14 -14
- package/lib/ui/src/blockIcon/BlockIcon.test.js.map +1 -1
- package/lib/ui/src/burger/Burger.js +2 -8
- package/lib/ui/src/burger/Burger.js.map +1 -1
- package/lib/ui/src/burger/Burger.stories.js +3 -27
- package/lib/ui/src/burger/Burger.stories.js.map +1 -1
- package/lib/ui/src/burger/Burger.test.js +7 -7
- package/lib/ui/src/burger/Burger.test.js.map +1 -1
- package/lib/ui/src/button/Button.js +9 -33
- package/lib/ui/src/button/Button.js.map +1 -1
- package/lib/ui/src/button/Button.stories.js +9 -14
- package/lib/ui/src/button/Button.stories.js.map +1 -1
- package/lib/ui/src/button/Button.styles.js +13 -14
- package/lib/ui/src/button/Button.styles.js.map +1 -1
- package/lib/ui/src/button/Button.test.js +19 -19
- package/lib/ui/src/button/Button.test.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadio.js +3 -27
- package/lib/ui/src/buttonRadioGroup/ButtonRadio.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadio.stories.js +3 -29
- package/lib/ui/src/buttonRadioGroup/ButtonRadio.stories.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.js +2 -2
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.stories.js +4 -5
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.stories.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.test.js +8 -8
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.test.js.map +1 -1
- package/lib/ui/src/card/Card.js +5 -42
- package/lib/ui/src/card/Card.js.map +1 -1
- package/lib/ui/src/card/Card.stories.js +20 -22
- package/lib/ui/src/card/Card.stories.js.map +1 -1
- package/lib/ui/src/card/Card.styles.js +2 -2
- package/lib/ui/src/card/Card.styles.js.map +1 -1
- package/lib/ui/src/card/Card.test.js +45 -46
- package/lib/ui/src/card/Card.test.js.map +1 -1
- package/lib/ui/src/checkbox/Checkbox.js +2 -7
- package/lib/ui/src/checkbox/Checkbox.js.map +1 -1
- package/lib/ui/src/checkbox/Checkbox.stories.js +30 -60
- package/lib/ui/src/checkbox/Checkbox.stories.js.map +1 -1
- package/lib/ui/src/checkbox/Checkbox.styles.js +5 -5
- package/lib/ui/src/checkbox/Checkbox.styles.js.map +1 -1
- package/lib/ui/src/checkbox/Checkbox.test.js +17 -18
- package/lib/ui/src/checkbox/Checkbox.test.js.map +1 -1
- package/lib/ui/src/dateInput/DateInput.js +3 -25
- package/lib/ui/src/dateInput/DateInput.js.map +1 -1
- package/lib/ui/src/dateInput/DateInput.stories.js +7 -35
- package/lib/ui/src/dateInput/DateInput.stories.js.map +1 -1
- package/lib/ui/src/dateInput/DateInput.test.js +8 -9
- package/lib/ui/src/dateInput/DateInput.test.js.map +1 -1
- package/lib/ui/src/emailInput/EmailInput.d.ts +1 -2
- package/lib/ui/src/emailInput/EmailInput.js +3 -34
- package/lib/ui/src/emailInput/EmailInput.js.map +1 -1
- package/lib/ui/src/emailInput/EmailInput.stories.js +5 -6
- package/lib/ui/src/emailInput/EmailInput.stories.js.map +1 -1
- package/lib/ui/src/emailInput/EmailInput.test.js +8 -30
- package/lib/ui/src/emailInput/EmailInput.test.js.map +1 -1
- package/lib/ui/src/fieldset/Fieldset.js +2 -9
- package/lib/ui/src/fieldset/Fieldset.js.map +1 -1
- package/lib/ui/src/fieldset/Fieldset.stories.js +4 -9
- package/lib/ui/src/fieldset/Fieldset.stories.js.map +1 -1
- package/lib/ui/src/fieldset/Fieldset.styles.js +3 -3
- package/lib/ui/src/fieldset/Fieldset.styles.js.map +1 -1
- package/lib/ui/src/fieldset/Fieldset.test.js +6 -7
- package/lib/ui/src/fieldset/Fieldset.test.js.map +1 -1
- package/lib/ui/src/gmapsAutoComplete/GmapsAutocomplete.js +9 -8
- package/lib/ui/src/gmapsAutoComplete/GmapsAutocomplete.js.map +1 -1
- package/lib/ui/src/gmapsAutoComplete/GmapsAutocomplete.stories.js +16 -22
- package/lib/ui/src/gmapsAutoComplete/GmapsAutocomplete.stories.js.map +1 -1
- package/lib/ui/src/gmapsGeocode/GmapsGeocode.js +2 -2
- package/lib/ui/src/gmapsGeocode/GmapsGeocode.js.map +1 -1
- package/lib/ui/src/gmapsGeocode/GmapsGeocode.stories.js +10 -14
- package/lib/ui/src/gmapsGeocode/GmapsGeocode.stories.js.map +1 -1
- package/lib/ui/src/gmapsSuggestions/GmapsSuggestions.js +10 -10
- package/lib/ui/src/gmapsSuggestions/GmapsSuggestions.js.map +1 -1
- package/lib/ui/src/gmapsSuggestions/GmapsSuggestions.test.js +8 -8
- package/lib/ui/src/gmapsSuggestions/GmapsSuggestions.test.js.map +1 -1
- package/lib/ui/src/icons/Alert.d.ts +1 -2
- package/lib/ui/src/icons/Alert.js +2 -6
- package/lib/ui/src/icons/Alert.js.map +1 -1
- package/lib/ui/src/icons/Arrow.d.ts +1 -2
- package/lib/ui/src/icons/Arrow.js +2 -6
- package/lib/ui/src/icons/Arrow.js.map +1 -1
- package/lib/ui/src/icons/Certificate.js +2 -6
- package/lib/ui/src/icons/Certificate.js.map +1 -1
- package/lib/ui/src/icons/CheckGreen.d.ts +1 -2
- package/lib/ui/src/icons/CheckGreen.js +2 -6
- package/lib/ui/src/icons/CheckGreen.js.map +1 -1
- package/lib/ui/src/icons/ChevronRight.js +2 -6
- package/lib/ui/src/icons/ChevronRight.js.map +1 -1
- package/lib/ui/src/icons/Close.js +2 -6
- package/lib/ui/src/icons/Close.js.map +1 -1
- package/lib/ui/src/icons/CloseBox.d.ts +1 -2
- package/lib/ui/src/icons/CloseBox.js +2 -6
- package/lib/ui/src/icons/CloseBox.js.map +1 -1
- package/lib/ui/src/icons/DropDown.d.ts +1 -2
- package/lib/ui/src/icons/DropDown.js +2 -6
- package/lib/ui/src/icons/DropDown.js.map +1 -1
- package/lib/ui/src/icons/EmoticonCool.js +2 -6
- package/lib/ui/src/icons/EmoticonCool.js.map +1 -1
- package/lib/ui/src/icons/Help.js +2 -6
- package/lib/ui/src/icons/Help.js.map +1 -1
- package/lib/ui/src/icons/Less.js +2 -6
- package/lib/ui/src/icons/Less.js.map +1 -1
- package/lib/ui/src/icons/Plus.js +2 -6
- package/lib/ui/src/icons/Plus.js.map +1 -1
- package/lib/ui/src/icons/Tick.d.ts +1 -2
- package/lib/ui/src/icons/Tick.js +2 -6
- package/lib/ui/src/icons/Tick.js.map +1 -1
- package/lib/ui/src/icons/TrustPilot.d.ts +1 -2
- package/lib/ui/src/icons/TrustPilot.js +2 -8
- package/lib/ui/src/icons/TrustPilot.js.map +1 -1
- package/lib/ui/src/icons/index.d.ts +5 -5
- package/lib/ui/src/input/Input.js +5 -27
- package/lib/ui/src/input/Input.js.map +1 -1
- package/lib/ui/src/input/Input.stories.js +18 -49
- package/lib/ui/src/input/Input.stories.js.map +1 -1
- package/lib/ui/src/input/Input.styles.js +2 -3
- package/lib/ui/src/input/Input.styles.js.map +1 -1
- package/lib/ui/src/input/Input.test.js +9 -12
- package/lib/ui/src/input/Input.test.js.map +1 -1
- package/lib/ui/src/inputBase/InputBase.js +5 -14
- package/lib/ui/src/inputBase/InputBase.js.map +1 -1
- package/lib/ui/src/inputBase/InputBase.styles.js +6 -8
- package/lib/ui/src/inputBase/InputBase.styles.js.map +1 -1
- package/lib/ui/src/inputBase/InputBase.test.js +8 -32
- package/lib/ui/src/inputBase/InputBase.test.js.map +1 -1
- package/lib/ui/src/inputLoader/InputLoader.d.ts +1 -2
- package/lib/ui/src/inputLoader/InputLoader.js +2 -6
- package/lib/ui/src/inputLoader/InputLoader.js.map +1 -1
- package/lib/ui/src/inputLoading/InputLoading.js +2 -5
- package/lib/ui/src/inputLoading/InputLoading.js.map +1 -1
- package/lib/ui/src/inputLoading/InputLoading.stories.js +3 -3
- package/lib/ui/src/inputLoading/InputLoading.stories.js.map +1 -1
- package/lib/ui/src/inputLoading/InputLoading.test.js +4 -4
- package/lib/ui/src/inputLoading/InputLoading.test.js.map +1 -1
- package/lib/ui/src/loader/Loader.js +4 -10
- package/lib/ui/src/loader/Loader.js.map +1 -1
- package/lib/ui/src/loader/Loader.stories.js +8 -10
- package/lib/ui/src/loader/Loader.stories.js.map +1 -1
- package/lib/ui/src/loader/Loader.styles.js +2 -2
- package/lib/ui/src/loader/Loader.styles.js.map +1 -1
- package/lib/ui/src/loader/Loader.test.js +4 -4
- package/lib/ui/src/loader/Loader.test.js.map +1 -1
- package/lib/ui/src/logo/Logo.d.ts +1 -2
- package/lib/ui/src/logo/Logo.js +2 -7
- package/lib/ui/src/logo/Logo.js.map +1 -1
- package/lib/ui/src/logo/Logo.stories.js +3 -27
- package/lib/ui/src/logo/Logo.stories.js.map +1 -1
- package/lib/ui/src/mockForm/MockForm.js +2 -7
- package/lib/ui/src/mockForm/MockForm.js.map +1 -1
- package/lib/ui/src/mockForm/MockForm.test.js +4 -5
- package/lib/ui/src/mockForm/MockForm.test.js.map +1 -1
- package/lib/ui/src/modal/Modal.d.ts +2 -2
- package/lib/ui/src/modal/Modal.js +5 -37
- package/lib/ui/src/modal/Modal.js.map +1 -1
- package/lib/ui/src/modal/Modal.stories.js +34 -76
- package/lib/ui/src/modal/Modal.stories.js.map +1 -1
- package/lib/ui/src/modal/Modal.styles.js +1 -1
- package/lib/ui/src/modal/Modal.styles.js.map +1 -1
- package/lib/ui/src/modal/Modal.test.js +12 -36
- package/lib/ui/src/modal/Modal.test.js.map +1 -1
- package/lib/ui/src/nativeSelect/NativeSelect.js +2 -7
- package/lib/ui/src/nativeSelect/NativeSelect.js.map +1 -1
- package/lib/ui/src/nativeSelect/NativeSelect.test.js +7 -7
- package/lib/ui/src/nativeSelect/NativeSelect.test.js.map +1 -1
- package/lib/ui/src/numberInput/NumberInput.js +3 -25
- package/lib/ui/src/numberInput/NumberInput.js.map +1 -1
- package/lib/ui/src/numberInput/NumberInput.stories.js +8 -33
- package/lib/ui/src/numberInput/NumberInput.stories.js.map +1 -1
- package/lib/ui/src/numberInput/NumberInput.test.js +16 -23
- package/lib/ui/src/numberInput/NumberInput.test.js.map +1 -1
- package/lib/ui/src/option/Option.js +2 -6
- package/lib/ui/src/option/Option.js.map +1 -1
- package/lib/ui/src/option/Option.styles.js +4 -8
- package/lib/ui/src/option/Option.styles.js.map +1 -1
- package/lib/ui/src/option/Option.test.js +12 -12
- package/lib/ui/src/option/Option.test.js.map +1 -1
- package/lib/ui/src/radio/Radio.js +2 -7
- package/lib/ui/src/radio/Radio.js.map +1 -1
- package/lib/ui/src/radio/Radio.stories.js +3 -5
- package/lib/ui/src/radio/Radio.stories.js.map +1 -1
- package/lib/ui/src/radio/Radio.styles.js +4 -4
- package/lib/ui/src/radio/Radio.styles.js.map +1 -1
- package/lib/ui/src/radio/Radio.test.js +9 -9
- package/lib/ui/src/radio/Radio.test.js.map +1 -1
- package/lib/ui/src/select/Select.d.ts +1 -1
- package/lib/ui/src/select/Select.js +6 -7
- package/lib/ui/src/select/Select.js.map +1 -1
- package/lib/ui/src/select/Select.styles.js +2 -3
- package/lib/ui/src/select/Select.styles.js.map +1 -1
- package/lib/ui/src/select/Select.test.js +6 -28
- package/lib/ui/src/select/Select.test.js.map +1 -1
- package/lib/ui/src/selectWrapper/SelectWrapper.js +5 -8
- package/lib/ui/src/selectWrapper/SelectWrapper.js.map +1 -1
- package/lib/ui/src/selectWrapper/SelectWrapper.stories.js +62 -88
- package/lib/ui/src/selectWrapper/SelectWrapper.stories.js.map +1 -1
- package/lib/ui/src/selectWrapper/SelectWrapper.test.js +19 -19
- package/lib/ui/src/selectWrapper/SelectWrapper.test.js.map +1 -1
- package/lib/ui/src/subtitle/Subtitle.d.ts +0 -1
- package/lib/ui/src/subtitle/Subtitle.js +2 -6
- package/lib/ui/src/subtitle/Subtitle.js.map +1 -1
- package/lib/ui/src/subtitle/Subtitle.stories.js +3 -26
- package/lib/ui/src/subtitle/Subtitle.stories.js.map +1 -1
- package/lib/ui/src/subtitle/Subtitle.styles.d.ts +0 -1
- package/lib/ui/src/subtitle/Subtitle.styles.js +5 -29
- package/lib/ui/src/subtitle/Subtitle.styles.js.map +1 -1
- package/lib/ui/src/subtitle/Subtitle.test.js +6 -6
- package/lib/ui/src/subtitle/Subtitle.test.js.map +1 -1
- package/lib/ui/src/tag/Tag.js +5 -37
- package/lib/ui/src/tag/Tag.js.map +1 -1
- package/lib/ui/src/tag/Tag.stories.js +8 -36
- package/lib/ui/src/tag/Tag.stories.js.map +1 -1
- package/lib/ui/src/tag/Tag.styles.js +5 -8
- package/lib/ui/src/tag/Tag.styles.js.map +1 -1
- package/lib/ui/src/tag/Tag.test.js +8 -30
- package/lib/ui/src/tag/Tag.test.js.map +1 -1
- package/lib/ui/src/tag/TagColors.js +8 -8
- package/lib/ui/src/tag/TagColors.js.map +1 -1
- package/lib/ui/src/textToggle/TextToggle.js +3 -28
- package/lib/ui/src/textToggle/TextToggle.js.map +1 -1
- package/lib/ui/src/textToggle/TextToggle.stories.js +6 -6
- package/lib/ui/src/textToggle/TextToggle.stories.js.map +1 -1
- package/lib/ui/src/textToggle/TextToggle.styles.js +3 -3
- package/lib/ui/src/textToggle/TextToggle.styles.js.map +1 -1
- package/lib/ui/src/textToggle/TextToggle.test.js +33 -33
- package/lib/ui/src/textToggle/TextToggle.test.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.d.ts +2 -2
- package/lib/ui/src/textarea/Textarea.js +3 -30
- package/lib/ui/src/textarea/Textarea.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.stories.js +22 -49
- package/lib/ui/src/textarea/Textarea.stories.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.styles.js +5 -5
- package/lib/ui/src/textarea/Textarea.styles.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.test.js +11 -11
- package/lib/ui/src/textarea/Textarea.test.js.map +1 -1
- package/lib/ui/src/title/H1.js +2 -5
- package/lib/ui/src/title/H1.js.map +1 -1
- package/lib/ui/src/title/H1.test.js +4 -4
- package/lib/ui/src/title/H1.test.js.map +1 -1
- package/lib/ui/src/title/H2.js +2 -5
- package/lib/ui/src/title/H2.js.map +1 -1
- package/lib/ui/src/title/H2.test.js +4 -4
- package/lib/ui/src/title/H2.test.js.map +1 -1
- package/lib/ui/src/title/H3.js +2 -5
- package/lib/ui/src/title/H3.js.map +1 -1
- package/lib/ui/src/title/H3.test.js +4 -4
- package/lib/ui/src/title/H3.test.js.map +1 -1
- package/lib/ui/src/title/H4.js +2 -5
- package/lib/ui/src/title/H4.js.map +1 -1
- package/lib/ui/src/title/H4.test.js +4 -4
- package/lib/ui/src/title/H4.test.js.map +1 -1
- package/lib/ui/src/title/H5.js +2 -5
- package/lib/ui/src/title/H5.js.map +1 -1
- package/lib/ui/src/title/H5.test.js +4 -4
- package/lib/ui/src/title/H5.test.js.map +1 -1
- package/lib/ui/src/title/H6.js +2 -5
- package/lib/ui/src/title/H6.js.map +1 -1
- package/lib/ui/src/title/H6.test.js +4 -4
- package/lib/ui/src/title/H6.test.js.map +1 -1
- package/lib/ui/src/title/Title.stories.js +11 -11
- package/lib/ui/src/title/Title.stories.js.map +1 -1
- package/lib/ui/src/title/Title.styles.js +10 -24
- package/lib/ui/src/title/Title.styles.js.map +1 -1
- package/lib/ui/src/toggle/Toggle.js +4 -6
- package/lib/ui/src/toggle/Toggle.js.map +1 -1
- package/lib/ui/src/toggle/Toggle.stories.js +11 -37
- package/lib/ui/src/toggle/Toggle.stories.js.map +1 -1
- package/lib/ui/src/toggle/Toggle.styles.js +3 -3
- package/lib/ui/src/toggle/Toggle.styles.js.map +1 -1
- package/lib/ui/src/toggle/Toggle.test.js +13 -13
- package/lib/ui/src/toggle/Toggle.test.js.map +1 -1
- package/lib/ui/src/tooltip/Tooltip.js +9 -36
- package/lib/ui/src/tooltip/Tooltip.js.map +1 -1
- package/lib/ui/src/tooltip/Tooltip.stories.js +12 -20
- package/lib/ui/src/tooltip/Tooltip.stories.js.map +1 -1
- package/lib/ui/src/tooltip/Tooltip.styles.js +1 -1
- package/lib/ui/src/tooltip/Tooltip.styles.js.map +1 -1
- package/lib/ui/src/tooltip/Tooltip.test.js +16 -16
- package/lib/ui/src/tooltip/Tooltip.test.js.map +1 -1
- package/lib/utils/index.d.ts +1 -1
- package/lib/utils/index.js +3 -3
- package/lib/utils/index.js.map +1 -1
- package/lib/utils/src/colors.d.ts +0 -18
- package/lib/utils/src/colors.js +4 -6
- package/lib/utils/src/colors.js.map +1 -1
- package/lib/utils/src/fonts.d.ts +2 -2
- package/lib/utils/src/fonts.js +5 -5
- package/lib/utils/src/fonts.js.map +1 -1
- package/lib/utils/src/paragraphs.js +2 -3
- package/lib/utils/src/paragraphs.js.map +1 -1
- package/lib/utils/src/scrollbars.js +1 -1
- package/lib/utils/src/scrollbars.js.map +1 -1
- package/lib/utils/src/test-utils.js +5 -8
- package/lib/utils/src/test-utils.js.map +1 -1
- package/lib/utils/src/utils.stories.js +12 -181
- package/lib/utils/src/utils.stories.js.map +1 -1
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Subtitle.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/subtitle/Subtitle.styles.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Subtitle.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/subtitle/Subtitle.styles.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,wDAA2C;AAE9B,QAAA,MAAM,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAG/B,CAAC;AAEW,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAmB;IAC9C,iBAAE;;WAEK,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,KAAK;CAC9B,CAAC"}
|
|
@@ -3,20 +3,20 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const
|
|
7
|
-
const
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const react_1 = require("@testing-library/react");
|
|
8
8
|
const Subtitle_1 = __importDefault(require("./Subtitle"));
|
|
9
9
|
const defaultProps = {
|
|
10
10
|
text: 'LOCALISATION'
|
|
11
11
|
};
|
|
12
12
|
describe('Subtitle component', () => {
|
|
13
13
|
it('should render component', () => {
|
|
14
|
-
(0,
|
|
15
|
-
expect(
|
|
14
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Subtitle_1.default, Object.assign({}, defaultProps)));
|
|
15
|
+
expect(react_1.screen.getByTestId('subtitle')).toBeInTheDocument();
|
|
16
16
|
});
|
|
17
17
|
it('should render children', () => {
|
|
18
|
-
(0,
|
|
19
|
-
expect(
|
|
18
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Subtitle_1.default, Object.assign({}, defaultProps)));
|
|
19
|
+
expect(react_1.screen.getByTestId('subtitle-label')).toBeInTheDocument();
|
|
20
20
|
});
|
|
21
21
|
});
|
|
22
22
|
//# sourceMappingURL=Subtitle.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Subtitle.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/subtitle/Subtitle.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Subtitle.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/subtitle/Subtitle.test.tsx"],"names":[],"mappings":";;;;;;AAEA,kDAAwD;AAExD,0DAAqD;AAErD,MAAM,YAAY,GAAkB;IAClC,IAAI,EAAE,cAAc;CACrB,CAAC;AAEF,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAClC,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,IAAA,cAAM,EAAC,uBAAC,kBAAQ,oBAAK,YAAY,EAAI,CAAC,CAAC;QAEvC,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,wBAAwB,EAAE,GAAG,EAAE;QAChC,IAAA,cAAM,EAAC,uBAAC,kBAAQ,oBAAK,YAAY,EAAI,CAAC,CAAC;QAEvC,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACnE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
package/lib/ui/src/tag/Tag.js
CHANGED
|
@@ -1,53 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
4
|
};
|
|
28
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
const
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const react_1 = require("react");
|
|
30
8
|
const CloseBox_1 = __importDefault(require("../icons/CloseBox"));
|
|
31
9
|
const interfaces_1 = require("./interfaces");
|
|
32
10
|
const Tag_styles_1 = require("./Tag.styles");
|
|
33
11
|
const Tag = ({ labels, appearance, color, icon, isOutlined, dataTest, numberOfTags = labels.length, onClose }) => {
|
|
34
12
|
const tagsToDisplay = labels.slice(0, numberOfTags);
|
|
35
13
|
const tagsToHide = labels.slice(numberOfTags);
|
|
36
|
-
return (react_1.default.
|
|
37
|
-
tagsToDisplay.map((tag, index) => (react_1.default.createElement(Tag_styles_1.BasicTag, { appearance: appearance, color: color, close: !!onClose, "data-test": dataTest, icon: !!icon, isOutlined: isOutlined, key: index },
|
|
38
|
-
icon && (react_1.default.createElement(Tag_styles_1.IconWrapper, { color: color, "data-test": "tag-icon" }, icon)),
|
|
39
|
-
tag,
|
|
40
|
-
onClose && (react_1.default.createElement(Tag_styles_1.TagCloser, { "aria-label": "Supprimer", appearance: appearance, "data-test": "tag-closer", onClick: onClose },
|
|
41
|
-
react_1.default.createElement(CloseBox_1.default, null)))))),
|
|
42
|
-
Boolean(tagsToHide.length) && (react_1.default.createElement(Tag_styles_1.TagList, { "data-test": "list-tag" },
|
|
43
|
-
react_1.default.createElement(Tag_styles_1.BasicTag, { appearance: appearance, color: color, "data-test": dataTest, icon: !!icon, isOutlined: isOutlined },
|
|
44
|
-
icon && (react_1.default.createElement(Tag_styles_1.IconWrapper, { color: color, "data-test": "tag-icon" }, icon)),
|
|
45
|
-
`+ ${tagsToHide.length}`),
|
|
46
|
-
react_1.default.createElement(Tag_styles_1.List, { appearance: appearance, color: color, isOutlined: isOutlined }, tagsToHide.map((label, index) => (react_1.default.createElement(Tag_styles_1.TagElement, { key: index, "data-test": "tag-element" }, label))))))));
|
|
14
|
+
return ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [tagsToDisplay.map((tag, index) => ((0, jsx_runtime_1.jsxs)(Tag_styles_1.BasicTag, { appearance: appearance, color: color, close: !!onClose, "data-test": dataTest, icon: !!icon, isOutlined: isOutlined, children: [icon && ((0, jsx_runtime_1.jsx)(Tag_styles_1.IconWrapper, { color: color, "data-test": "tag-icon", children: icon })), tag, onClose && ((0, jsx_runtime_1.jsx)(Tag_styles_1.TagCloser, { "aria-label": "Supprimer", appearance: appearance, "data-test": "tag-closer", onClick: onClose, children: (0, jsx_runtime_1.jsx)(CloseBox_1.default, {}) }))] }, index))), Boolean(tagsToHide.length) && ((0, jsx_runtime_1.jsxs)(Tag_styles_1.TagList, { "data-test": "list-tag", children: [(0, jsx_runtime_1.jsxs)(Tag_styles_1.BasicTag, { appearance: appearance, color: color, "data-test": dataTest, icon: !!icon, isOutlined: isOutlined, children: [icon && ((0, jsx_runtime_1.jsx)(Tag_styles_1.IconWrapper, { color: color, "data-test": "tag-icon", children: icon })), `+ ${tagsToHide.length}`] }), (0, jsx_runtime_1.jsx)(Tag_styles_1.List, { appearance: appearance, color: color, isOutlined: isOutlined, children: tagsToHide.map((label, index) => ((0, jsx_runtime_1.jsx)(Tag_styles_1.TagElement, { "data-test": "tag-element", children: label }, index))) })] }))] }));
|
|
47
15
|
};
|
|
48
16
|
Tag.defaultProps = {
|
|
49
|
-
appearance: interfaces_1.TagAppearance.
|
|
50
|
-
color: interfaces_1.TagColorsTypes.
|
|
17
|
+
appearance: interfaces_1.TagAppearance.BUSINESS,
|
|
18
|
+
color: interfaces_1.TagColorsTypes.TERRACOTA,
|
|
51
19
|
isOutlined: false,
|
|
52
20
|
dataTest: 'basic-tag'
|
|
53
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAA4C;AAE5C,iEAAyC;AACzC,6CAAuE;AACvE,6CAOsB;AAEtB,MAAM,GAAG,GAAiB,CAAC,EACzB,MAAM,EACN,UAAU,EACV,KAAK,EACL,IAAI,EACJ,UAAU,EACV,QAAQ,EACR,YAAY,GAAG,MAAM,CAAC,MAAM,EAC5B,OAAO,EACR,EAAE,EAAE;IACH,MAAM,aAAa,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,YAAY,CAAC,CAAC;IACpD,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;IAE9C,OAAO,CACL,wBAAC,gBAAQ,eACN,aAAa,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CACjC,wBAAC,qBAAQ,IACP,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,CAAC,CAAC,OAAO,eACL,QAAQ,EACnB,IAAI,EAAE,CAAC,CAAC,IAAI,EACZ,UAAU,EAAE,UAAU,aAGrB,IAAI,IAAI,CACP,uBAAC,wBAAW,IAAC,KAAK,EAAE,KAAK,eAAY,UAAU,YAC5C,IAAI,GACO,CACf,EACA,GAAG,EACH,OAAO,IAAI,CACV,uBAAC,sBAAS,kBACG,WAAW,EACtB,UAAU,EAAE,UAAU,eACZ,YAAY,EACtB,OAAO,EAAE,OAAO,YAEhB,uBAAC,kBAAQ,KAAG,GACF,CACb,KAjBI,KAAK,CAkBD,CACZ,CAAC,EACD,OAAO,CAAC,UAAU,CAAC,MAAM,CAAC,IAAI,CAC7B,wBAAC,oBAAO,iBAAW,UAAU,aAC3B,wBAAC,qBAAQ,IACP,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,eACD,QAAQ,EACnB,IAAI,EAAE,CAAC,CAAC,IAAI,EACZ,UAAU,EAAE,UAAU,aAErB,IAAI,IAAI,CACP,uBAAC,wBAAW,IAAC,KAAK,EAAE,KAAK,eAAY,UAAU,YAC5C,IAAI,GACO,CACf,EACA,KAAK,UAAU,CAAC,MAAM,EAAE,IAChB,EACX,uBAAC,iBAAI,IAAC,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,UAAU,YAC/D,UAAU,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAChC,uBAAC,uBAAU,iBAAuB,aAAa,YAC5C,KAAK,IADS,KAAK,CAET,CACd,CAAC,GACG,IACC,CACX,IACQ,CACZ,CAAC;AACJ,CAAC,CAAC;AAEF,GAAG,CAAC,YAAY,GAAG;IACjB,UAAU,EAAE,0BAAa,CAAC,QAAQ;IAClC,KAAK,EAAE,2BAAc,CAAC,SAAS;IAC/B,UAAU,EAAE,KAAK;IACjB,QAAQ,EAAE,WAAW;CACtB,CAAC;AAEF,kBAAe,GAAG,CAAC"}
|
|
@@ -1,32 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
4
|
};
|
|
28
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
const
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const react_1 = require("react");
|
|
30
8
|
const addon_actions_1 = require("@storybook/addon-actions");
|
|
31
9
|
const addon_knobs_1 = require("@storybook/addon-knobs");
|
|
32
10
|
const react_2 = require("@storybook/react");
|
|
@@ -43,7 +21,7 @@ const wrapperStyle = {
|
|
|
43
21
|
};
|
|
44
22
|
const knobs = () => ({
|
|
45
23
|
appearance: (0, addon_knobs_1.select)('Appearance', interfaces_1.TagAppearance, interfaces_1.TagAppearance.CUSTOMER),
|
|
46
|
-
color: (0, addon_knobs_1.select)('Color', interfaces_1.TagColorsTypes, interfaces_1.TagColorsTypes.
|
|
24
|
+
color: (0, addon_knobs_1.select)('Color', interfaces_1.TagColorsTypes, interfaces_1.TagColorsTypes.TERRACOTA),
|
|
47
25
|
labels: (0, addon_knobs_1.select)('Label', {
|
|
48
26
|
Simple: ['Pain au chocolat'],
|
|
49
27
|
Multiple: ['Pain au chocolat', 'Chocolatine', 'Croustilune', 'Ensamaida']
|
|
@@ -53,24 +31,18 @@ const knobs = () => ({
|
|
|
53
31
|
});
|
|
54
32
|
(0, react_2.storiesOf)('Tag', module)
|
|
55
33
|
.add('Overview', () => {
|
|
56
|
-
return (
|
|
57
|
-
react_1.default.createElement("h2", null, appearance),
|
|
58
|
-
Object.values(interfaces_1.TagColorsTypes).map((color, colorIndex) => (react_1.default.createElement(Tag_1.default, { appearance: appearance, color: color, key: colorIndex, labels: [color.toLocaleLowerCase()] }))))))));
|
|
34
|
+
return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: Object.values(interfaces_1.TagAppearance).map((appearance, appearanceIndex) => ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h2", { children: appearance }), Object.values(interfaces_1.TagColorsTypes).map((color, colorIndex) => ((0, jsx_runtime_1.jsx)(Tag_1.default, { appearance: appearance, color: color, labels: [color.toLocaleLowerCase()] }, colorIndex)))] }, appearanceIndex))) }));
|
|
59
35
|
})
|
|
60
36
|
.add('Basic', () => {
|
|
61
37
|
const props = Object.assign({}, knobs());
|
|
62
|
-
return (
|
|
63
|
-
react_1.default.createElement("div", { style: wrapperStyle },
|
|
64
|
-
react_1.default.createElement(Tag_1.default, Object.assign({}, props)))));
|
|
38
|
+
return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: (0, jsx_runtime_1.jsx)("div", { style: wrapperStyle, children: (0, jsx_runtime_1.jsx)(Tag_1.default, Object.assign({}, props)) }) }));
|
|
65
39
|
})
|
|
66
40
|
.add('With icon', () => {
|
|
67
|
-
const props = Object.assign(Object.assign({}, knobs()), { icon:
|
|
68
|
-
return (
|
|
69
|
-
react_1.default.createElement(Tag_1.default, Object.assign({}, props))));
|
|
41
|
+
const props = Object.assign(Object.assign({}, knobs()), { icon: (0, jsx_runtime_1.jsx)(EmoticonCool, {}) });
|
|
42
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: wrapperStyle, children: (0, jsx_runtime_1.jsx)(Tag_1.default, Object.assign({}, props)) }));
|
|
70
43
|
})
|
|
71
44
|
.add('With close action', () => {
|
|
72
45
|
const props = Object.assign(Object.assign({}, knobs()), { onClose: (0, addon_actions_1.action)('onClose') });
|
|
73
|
-
return (
|
|
74
|
-
react_1.default.createElement(Tag_1.default, Object.assign({}, props))));
|
|
46
|
+
return ((0, jsx_runtime_1.jsx)("div", { style: wrapperStyle, children: (0, jsx_runtime_1.jsx)(Tag_1.default, Object.assign({}, props)) }));
|
|
75
47
|
});
|
|
76
48
|
//# sourceMappingURL=Tag.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tag.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAAwC;AAExC,4DAAkD;AAClD,wDAAiE;AACjE,4CAA6C;AAE7C,qDAA6B;AAC7B,6CAA6D;AAC7D,gDAAwB;AAExB,MAAM,EAAE,YAAY,EAAE,GAAG,eAAK,CAAC;AAE/B,MAAM,YAAY,GAAG;IACnB,SAAS,EAAE,OAAO;IAClB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,UAAU;IACtB,OAAO,EAAE,KAAK;IACd,UAAU,EAAE,aAAa;CAC1B,CAAC;AAEF,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,CAAC;IACnB,UAAU,EAAE,IAAA,oBAAM,EAAC,YAAY,EAAE,0BAAa,EAAE,0BAAa,CAAC,QAAQ,CAAC;IACvE,KAAK,EAAE,IAAA,oBAAM,EAAC,OAAO,EAAE,2BAAc,EAAE,2BAAc,CAAC,SAAS,CAAC;IAChE,MAAM,EAAE,IAAA,oBAAM,EACZ,OAAO,EACP;QACE,MAAM,EAAE,CAAC,kBAAkB,CAAC;QAC5B,QAAQ,EAAE,CAAC,kBAAkB,EAAE,aAAa,EAAE,aAAa,EAAE,WAAW,CAAC;KAC1E,EACD,CAAC,kBAAkB,CAAC,CACrB;IACD,UAAU,EAAE,IAAA,qBAAO,EAAC,UAAU,EAAE,KAAK,CAAC;IACtC,YAAY,EAAE,IAAA,oBAAM,EAAC,2BAA2B,EAAE,CAAC,CAAC;CACrD,CAAC,CAAC;AAEH,IAAA,iBAAS,EAAC,KAAK,EAAE,MAAM,CAAC;KACrB,GAAG,CAAC,UAAU,EAAE,GAAG,EAAE;IACpB,OAAO,CACL,uBAAC,gBAAQ,cACN,MAAM,CAAC,MAAM,CAAC,0BAAa,CAAC,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,eAAe,EAAE,EAAE,CAAC,CACjE,4CACE,yCAAK,UAAU,GAAM,EACpB,MAAM,CAAC,MAAM,CAAC,2BAAc,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,UAAU,EAAE,EAAE,CAAC,CACxD,uBAAC,aAAG,IACF,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EAEZ,MAAM,EAAE,CAAC,KAAK,CAAC,iBAAiB,EAAE,CAAC,IAD9B,UAAU,CAEf,CACH,CAAC,KATM,eAAe,CAUnB,CACP,CAAC,GACO,CACZ,CAAC;AACJ,CAAC,CAAC;KACD,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE;IACjB,MAAM,KAAK,qBACN,KAAK,EAAE,CACX,CAAC;IAEF,OAAO,CACL,uBAAC,gBAAQ,cACP,gCAAK,KAAK,EAAE,YAAY,YACtB,uBAAC,aAAG,oBAAK,KAAK,EAAI,GACd,GACG,CACZ,CAAC;AACJ,CAAC,CAAC;KACD,GAAG,CAAC,WAAW,EAAE,GAAG,EAAE;IACrB,MAAM,KAAK,mCACN,KAAK,EAAE,KACV,IAAI,EAAE,uBAAC,YAAY,KAAG,GACvB,CAAC;IAEF,OAAO,CACL,gCAAK,KAAK,EAAE,YAAY,YACtB,uBAAC,aAAG,oBAAK,KAAK,EAAI,GACd,CACP,CAAC;AACJ,CAAC,CAAC;KACD,GAAG,CAAC,mBAAmB,EAAE,GAAG,EAAE;IAC7B,MAAM,KAAK,mCACN,KAAK,EAAE,KACV,OAAO,EAAE,IAAA,sBAAM,EAAC,SAAS,CAAC,GAC3B,CAAC;IAEF,OAAO,CACL,gCAAK,KAAK,EAAE,YAAY,YACtB,uBAAC,aAAG,oBAAK,KAAK,EAAI,GACd,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -29,13 +29,12 @@ const utils_1 = require("../../../utils");
|
|
|
29
29
|
const interfaces_1 = require("./interfaces");
|
|
30
30
|
const TagColors_1 = require("./TagColors");
|
|
31
31
|
exports.TagBase = (0, styled_components_1.css) `
|
|
32
|
-
${utils_1.
|
|
32
|
+
${utils_1.InterFont};
|
|
33
33
|
display: inline-flex;
|
|
34
34
|
align-items: center;
|
|
35
35
|
justify-content: center;
|
|
36
36
|
border-radius: ${utils_1.radius.biggest};
|
|
37
37
|
font-size: ${utils_1.fonts.small};
|
|
38
|
-
line-height: ${(0, utils_1.convertPxToRem)(16)};
|
|
39
38
|
min-width: ${(0, utils_1.convertPxToRem)(24)};
|
|
40
39
|
padding: ${(0, utils_1.convertPxToRem)(4)} ${(0, utils_1.convertPxToRem)(16)};
|
|
41
40
|
|
|
@@ -44,10 +43,8 @@ exports.TagBase = (0, styled_components_1.css) `
|
|
|
44
43
|
}
|
|
45
44
|
`;
|
|
46
45
|
exports.TAG_BUSINESS_BASE = (0, styled_components_1.css) `
|
|
47
|
-
font-size: ${utils_1.fonts.smallest};
|
|
48
46
|
border-radius: ${(0, utils_1.convertPxToRem)(6)};
|
|
49
47
|
padding: ${(0, utils_1.convertPxToRem)(4)} ${(0, utils_1.convertPxToRem)(8)};
|
|
50
|
-
font-weight: bold;
|
|
51
48
|
`;
|
|
52
49
|
const getTagMainStyle = (color, appearance, isOutlined) => {
|
|
53
50
|
const isBusiness = appearance === interfaces_1.TagAppearance.BUSINESS;
|
|
@@ -92,8 +89,8 @@ exports.BasicTag = styled_components_1.default.span `
|
|
|
92
89
|
`;
|
|
93
90
|
exports.TagCloser = styled_components_1.default.button `
|
|
94
91
|
${utils_1.resetCssButton};
|
|
95
|
-
width: ${(0, utils_1.convertPxToRem)(
|
|
96
|
-
height: ${(0, utils_1.convertPxToRem)(
|
|
92
|
+
width: ${(0, utils_1.convertPxToRem)(16)};
|
|
93
|
+
height: ${(0, utils_1.convertPxToRem)(16)};
|
|
97
94
|
margin-left: ${(0, utils_1.convertPxToRem)(8)};
|
|
98
95
|
cursor: pointer;
|
|
99
96
|
|
|
@@ -103,8 +100,8 @@ exports.TagCloser = styled_components_1.default.button `
|
|
|
103
100
|
`}
|
|
104
101
|
|
|
105
102
|
> svg {
|
|
106
|
-
width:
|
|
107
|
-
height:
|
|
103
|
+
width: ${(0, utils_1.convertPxToRem)(12)};
|
|
104
|
+
height: ${(0, utils_1.convertPxToRem)(12)};
|
|
108
105
|
transition: opacity 0.2s ease;
|
|
109
106
|
|
|
110
107
|
:hover {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,0CAOwB;AACxB,6CAAuE;AACvE,2CAAwC;AAO3B,QAAA,OAAO,GAAG,IAAA,uBAAG,EAAA;IACtB,
|
|
1
|
+
{"version":3,"file":"Tag.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,27 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
26
3
|
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
27
4
|
return new (P || (P = Promise))(function (resolve, reject) {
|
|
@@ -35,7 +12,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
35
12
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
36
13
|
};
|
|
37
14
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
38
|
-
const
|
|
15
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
+
const react_1 = require("react");
|
|
39
17
|
const react_2 = require("@testing-library/react");
|
|
40
18
|
const user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
41
19
|
const interfaces_1 = require("./interfaces");
|
|
@@ -47,7 +25,7 @@ const defaultProps = {
|
|
|
47
25
|
};
|
|
48
26
|
describe('Tag component', () => {
|
|
49
27
|
it('should render tag with cross', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
50
|
-
(0, react_2.render)(
|
|
28
|
+
(0, react_2.render)((0, jsx_runtime_1.jsx)(Tag_1.default, Object.assign({}, defaultProps, { onClose: mockOnClose })));
|
|
51
29
|
const deleteButton = react_2.screen.getByRole('button', { name: 'Supprimer' });
|
|
52
30
|
expect(react_2.screen.getByTestId('tag-closer')).toBeInTheDocument();
|
|
53
31
|
expect(deleteButton).toBeInTheDocument();
|
|
@@ -55,29 +33,29 @@ describe('Tag component', () => {
|
|
|
55
33
|
expect(mockOnClose).toHaveBeenCalled();
|
|
56
34
|
}));
|
|
57
35
|
it('should render basic tag', () => {
|
|
58
|
-
(0, react_2.render)(
|
|
36
|
+
(0, react_2.render)((0, jsx_runtime_1.jsx)(Tag_1.default, Object.assign({}, defaultProps)));
|
|
59
37
|
expect(react_2.screen.getByTestId('basic-tag')).toBeInTheDocument();
|
|
60
38
|
});
|
|
61
39
|
it('should render component with icon', () => {
|
|
62
|
-
(0, react_2.render)(
|
|
40
|
+
(0, react_2.render)((0, jsx_runtime_1.jsx)(Tag_1.default, Object.assign({}, defaultProps, { icon: (0, jsx_runtime_1.jsx)(react_1.Fragment, {}) })));
|
|
63
41
|
expect(react_2.screen.getByTestId('tag-icon')).toBeInTheDocument();
|
|
64
42
|
});
|
|
65
43
|
describe('List of tags', () => {
|
|
66
44
|
it('should render all tags - default behavior', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
67
|
-
(0, react_2.render)(
|
|
45
|
+
(0, react_2.render)((0, jsx_runtime_1.jsx)(Tag_1.default, Object.assign({}, defaultProps, { labels: ['tag 1', 'tag 2', 'tag 3'] })));
|
|
68
46
|
expect(react_2.screen.queryByTestId('list-tag')).not.toBeInTheDocument();
|
|
69
47
|
expect(react_2.screen.queryAllByTestId('tag-element')).toHaveLength(0);
|
|
70
48
|
expect(react_2.screen.queryAllByTestId('basic-tag')).toHaveLength(3);
|
|
71
49
|
}));
|
|
72
50
|
it('should render some tags', () => {
|
|
73
|
-
(0, react_2.render)(
|
|
51
|
+
(0, react_2.render)((0, jsx_runtime_1.jsx)(Tag_1.default, Object.assign({}, defaultProps, { labels: ['tag 1', 'tag 2', 'tag 3'], numberOfTags: 2 })));
|
|
74
52
|
expect(react_2.screen.queryAllByTestId('basic-tag')).toHaveLength(3);
|
|
75
53
|
expect(react_2.screen.getByTestId('list-tag')).toBeInTheDocument();
|
|
76
54
|
expect(react_2.screen.getByText('+ 1')).toBeInTheDocument();
|
|
77
55
|
expect(react_2.screen.queryAllByTestId('tag-element')).toHaveLength(1);
|
|
78
56
|
});
|
|
79
57
|
it('should not render anything', () => {
|
|
80
|
-
(0, react_2.render)(
|
|
58
|
+
(0, react_2.render)((0, jsx_runtime_1.jsx)(Tag_1.default, Object.assign({}, defaultProps, { labels: [], numberOfTags: 2 })));
|
|
81
59
|
expect(react_2.screen.queryByTestId('basic-tag')).not.toBeInTheDocument();
|
|
82
60
|
expect(react_2.screen.queryByTestId('list-tag')).not.toBeInTheDocument();
|
|
83
61
|
expect(react_2.screen.queryByTestId('tag-element')).not.toBeInTheDocument();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Tag.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/Tag.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -42,21 +42,21 @@ exports.TagColors = {
|
|
|
42
42
|
},
|
|
43
43
|
[interfaces_1.TagColorsTypes.ORANGE]: {
|
|
44
44
|
color: 'white',
|
|
45
|
-
background: utils_1.colors.
|
|
46
|
-
colorOutlined:
|
|
47
|
-
backgroundOutlined: utils_1.colors.
|
|
45
|
+
background: utils_1.colors.terracota.base,
|
|
46
|
+
colorOutlined: 'white',
|
|
47
|
+
backgroundOutlined: utils_1.colors.terracota.base20
|
|
48
48
|
},
|
|
49
49
|
[interfaces_1.TagColorsTypes.ORANGE_LIGHT]: {
|
|
50
50
|
color: utils_1.colors.dark.base,
|
|
51
|
-
background: utils_1.colors.
|
|
51
|
+
background: utils_1.colors.terracota.base40,
|
|
52
52
|
colorOutlined: utils_1.colors.dark.base,
|
|
53
|
-
backgroundOutlined: utils_1.colors.
|
|
53
|
+
backgroundOutlined: utils_1.colors.terracota.base40
|
|
54
54
|
},
|
|
55
55
|
[interfaces_1.TagColorsTypes.ORANGE_LIGHTER]: {
|
|
56
56
|
color: utils_1.colors.green.base,
|
|
57
|
-
background: utils_1.colors.
|
|
57
|
+
background: utils_1.colors.terracota.base10,
|
|
58
58
|
colorOutlined: utils_1.colors.dark.base,
|
|
59
|
-
backgroundOutlined: utils_1.colors.
|
|
59
|
+
backgroundOutlined: utils_1.colors.terracota.base40
|
|
60
60
|
},
|
|
61
61
|
[interfaces_1.TagColorsTypes.RED]: {
|
|
62
62
|
color: 'white',
|
|
@@ -73,7 +73,7 @@ exports.TagColors = {
|
|
|
73
73
|
[interfaces_1.TagColorsTypes.TERRACOTA]: {
|
|
74
74
|
color: utils_1.colors.dark.base,
|
|
75
75
|
background: utils_1.colors.terracota.base,
|
|
76
|
-
colorOutlined: utils_1.colors.
|
|
76
|
+
colorOutlined: utils_1.colors.dark.base,
|
|
77
77
|
backgroundOutlined: utils_1.colors.terracota.base20
|
|
78
78
|
}
|
|
79
79
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagColors.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/TagColors.ts"],"names":[],"mappings":";;;AAEA,0CAAwC;AACxC,6CAA8C;AAEjC,QAAA,SAAS,GAAG;IACvB,CAAC,2BAAc,CAAC,IAAI,CAAC,EAAE;QACrB,KAAK,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QACvB,UAAU,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QAC5B,aAAa,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QAC/B,kBAAkB,EAAE,cAAM,CAAC,IAAI,CAAC,MAAM;KACvC;IACD,CAAC,2BAAc,CAAC,UAAU,CAAC,EAAE;QAC3B,KAAK,EAAE,cAAM,CAAC,KAAK,CAAC,IAAI;QACxB,UAAU,EAAE,cAAM,CAAC,IAAI,CAAC,MAAM;QAC9B,aAAa,EAAE,cAAM,CAAC,KAAK,CAAC,IAAI;QAChC,kBAAkB,EAAE,cAAM,CAAC,IAAI,CAAC,MAAM;KACvC;IACD,CAAC,2BAAc,CAAC,IAAI,CAAC,EAAE;QACrB,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,cAAM,CAAC,IAAI,CAAC,MAAM;QAC9B,aAAa,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QAC/B,kBAAkB,EAAE,cAAM,CAAC,IAAI,CAAC,MAAM;KACvC;IACD,CAAC,2BAAc,CAAC,UAAU,CAAC,EAAE;QAC3B,KAAK,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QACvB,UAAU,EAAE,cAAM,CAAC,IAAI,CAAC,MAAM;QAC9B,aAAa,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QAC/B,kBAAkB,EAAE,cAAM,CAAC,IAAI,CAAC,MAAM;KACvC;IACD,CAAC,2BAAc,CAAC,KAAK,CAAC,EAAE;QACtB,KAAK,EAAE,cAAM,CAAC,KAAK,CAAC,IAAI;QACxB,UAAU,EAAE,cAAM,CAAC,UAAU,CAAC,MAAM;QACpC,aAAa,EAAE,cAAM,CAAC,KAAK,CAAC,MAAM;QAClC,kBAAkB,EAAE,cAAM,CAAC,KAAK,CAAC,MAAM;KACxC;IACD,CAAC,2BAAc,CAAC,WAAW,CAAC,EAAE;QAC5B,KAAK,EAAE,cAAM,CAAC,KAAK,CAAC,IAAI;QACxB,UAAU,EAAE,cAAM,CAAC,UAAU,CAAC,MAAM;QACpC,aAAa,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QAC/B,kBAAkB,EAAE,cAAM,CAAC,UAAU,CAAC,MAAM;KAC7C;IACD,CAAC,2BAAc,CAAC,MAAM,CAAC,EAAE;QACvB,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,cAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"TagColors.js","sourceRoot":"","sources":["../../../../packages/ui/src/tag/TagColors.ts"],"names":[],"mappings":";;;AAEA,0CAAwC;AACxC,6CAA8C;AAEjC,QAAA,SAAS,GAAG;IACvB,CAAC,2BAAc,CAAC,IAAI,CAAC,EAAE;QACrB,KAAK,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QACvB,UAAU,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QAC5B,aAAa,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QAC/B,kBAAkB,EAAE,cAAM,CAAC,IAAI,CAAC,MAAM;KACvC;IACD,CAAC,2BAAc,CAAC,UAAU,CAAC,EAAE;QAC3B,KAAK,EAAE,cAAM,CAAC,KAAK,CAAC,IAAI;QACxB,UAAU,EAAE,cAAM,CAAC,IAAI,CAAC,MAAM;QAC9B,aAAa,EAAE,cAAM,CAAC,KAAK,CAAC,IAAI;QAChC,kBAAkB,EAAE,cAAM,CAAC,IAAI,CAAC,MAAM;KACvC;IACD,CAAC,2BAAc,CAAC,IAAI,CAAC,EAAE;QACrB,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,cAAM,CAAC,IAAI,CAAC,MAAM;QAC9B,aAAa,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QAC/B,kBAAkB,EAAE,cAAM,CAAC,IAAI,CAAC,MAAM;KACvC;IACD,CAAC,2BAAc,CAAC,UAAU,CAAC,EAAE;QAC3B,KAAK,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QACvB,UAAU,EAAE,cAAM,CAAC,IAAI,CAAC,MAAM;QAC9B,aAAa,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QAC/B,kBAAkB,EAAE,cAAM,CAAC,IAAI,CAAC,MAAM;KACvC;IACD,CAAC,2BAAc,CAAC,KAAK,CAAC,EAAE;QACtB,KAAK,EAAE,cAAM,CAAC,KAAK,CAAC,IAAI;QACxB,UAAU,EAAE,cAAM,CAAC,UAAU,CAAC,MAAM;QACpC,aAAa,EAAE,cAAM,CAAC,KAAK,CAAC,MAAM;QAClC,kBAAkB,EAAE,cAAM,CAAC,KAAK,CAAC,MAAM;KACxC;IACD,CAAC,2BAAc,CAAC,WAAW,CAAC,EAAE;QAC5B,KAAK,EAAE,cAAM,CAAC,KAAK,CAAC,IAAI;QACxB,UAAU,EAAE,cAAM,CAAC,UAAU,CAAC,MAAM;QACpC,aAAa,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QAC/B,kBAAkB,EAAE,cAAM,CAAC,UAAU,CAAC,MAAM;KAC7C;IACD,CAAC,2BAAc,CAAC,MAAM,CAAC,EAAE;QACvB,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,cAAM,CAAC,SAAS,CAAC,IAAI;QACjC,aAAa,EAAE,OAAO;QACtB,kBAAkB,EAAE,cAAM,CAAC,SAAS,CAAC,MAAM;KAC5C;IACD,CAAC,2BAAc,CAAC,YAAY,CAAC,EAAE;QAC7B,KAAK,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QACvB,UAAU,EAAE,cAAM,CAAC,SAAS,CAAC,MAAM;QACnC,aAAa,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QAC/B,kBAAkB,EAAE,cAAM,CAAC,SAAS,CAAC,MAAM;KAC5C;IACD,CAAC,2BAAc,CAAC,cAAc,CAAC,EAAE;QAC/B,KAAK,EAAE,cAAM,CAAC,KAAK,CAAC,IAAI;QACxB,UAAU,EAAE,cAAM,CAAC,SAAS,CAAC,MAAM;QACnC,aAAa,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QAC/B,kBAAkB,EAAE,cAAM,CAAC,SAAS,CAAC,MAAM;KAC5C;IACD,CAAC,2BAAc,CAAC,GAAG,CAAC,EAAE;QACpB,KAAK,EAAE,OAAO;QACd,UAAU,EAAE,cAAM,CAAC,GAAG,CAAC,IAAI;QAC3B,aAAa,EAAE,cAAM,CAAC,GAAG,CAAC,IAAI;QAC9B,kBAAkB,EAAE,cAAM,CAAC,GAAG,CAAC,MAAM;KACtC;IACD,CAAC,2BAAc,CAAC,SAAS,CAAC,EAAE;QAC1B,KAAK,EAAE,cAAM,CAAC,GAAG,CAAC,IAAI;QACtB,UAAU,EAAE,cAAM,CAAC,GAAG,CAAC,MAAM;QAC7B,aAAa,EAAE,cAAM,CAAC,GAAG,CAAC,IAAI;QAC9B,kBAAkB,EAAE,cAAM,CAAC,GAAG,CAAC,MAAM;KACtC;IACD,CAAC,2BAAc,CAAC,SAAS,CAAC,EAAE;QAC1B,KAAK,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QACvB,UAAU,EAAE,cAAM,CAAC,SAAS,CAAC,IAAI;QACjC,aAAa,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI;QAC/B,kBAAkB,EAAE,cAAM,CAAC,SAAS,CAAC,MAAM;KAC5C;CACF,CAAC"}
|
|
@@ -1,29 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
const
|
|
3
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
4
|
+
const react_1 = require("react");
|
|
27
5
|
const TextToggle_styles_1 = require("./TextToggle.styles");
|
|
28
6
|
const TextToggle_utils_1 = require("./TextToggle.utils");
|
|
29
7
|
const TextToggle = ({ text, dataTest = 'text-toggle', isComment = false, maxLength = 300, showLessLabel = 'Lire moins', showMoreLabel = 'Lire plus', title }) => {
|
|
@@ -31,10 +9,7 @@ const TextToggle = ({ text, dataTest = 'text-toggle', isComment = false, maxLeng
|
|
|
31
9
|
const isInitialTextCut = textWithoutLineBreaks.length > maxLength;
|
|
32
10
|
const [isTextCut, setIsTextCut] = (0, react_1.useState)(isInitialTextCut);
|
|
33
11
|
const formattedText = (0, TextToggle_utils_1.cutText)(textWithoutLineBreaks, maxLength);
|
|
34
|
-
return (
|
|
35
|
-
title && (react_1.default.createElement(TextToggle_styles_1.TextToggleTitle, { "data-test": "text-toggle-title" }, `${title} : `)),
|
|
36
|
-
react_1.default.createElement(TextToggle_styles_1.TextToggleBody, { isComment: isComment }, isTextCut ? formattedText : textWithoutLineBreaks),
|
|
37
|
-
isInitialTextCut && (react_1.default.createElement(TextToggle_styles_1.TextToggleButton, { isComment: isComment, hasTitle: Boolean(title), onClick: () => setIsTextCut(!isTextCut) }, isTextCut ? showMoreLabel : showLessLabel))));
|
|
12
|
+
return ((0, jsx_runtime_1.jsxs)(TextToggle_styles_1.TextToggleLayout, { "data-test": dataTest, children: [title && ((0, jsx_runtime_1.jsx)(TextToggle_styles_1.TextToggleTitle, { "data-test": "text-toggle-title", children: `${title} : ` })), (0, jsx_runtime_1.jsx)(TextToggle_styles_1.TextToggleBody, { isComment: isComment, children: isTextCut ? formattedText : textWithoutLineBreaks }), isInitialTextCut && ((0, jsx_runtime_1.jsx)(TextToggle_styles_1.TextToggleButton, { isComment: isComment, hasTitle: Boolean(title), onClick: () => setIsTextCut(!isTextCut), children: isTextCut ? showMoreLabel : showLessLabel }))] }));
|
|
38
13
|
};
|
|
39
14
|
exports.default = TextToggle;
|
|
40
15
|
//# sourceMappingURL=TextToggle.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextToggle.js","sourceRoot":"","sources":["../../../../packages/ui/src/textToggle/TextToggle.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextToggle.js","sourceRoot":"","sources":["../../../../packages/ui/src/textToggle/TextToggle.tsx"],"names":[],"mappings":";;;AAAA,iCAA4C;AAE5C,2DAK6B;AAC7B,yDAAgE;AAYhE,MAAM,UAAU,GAAwB,CAAC,EACvC,IAAI,EACJ,QAAQ,GAAG,aAAa,EACxB,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,GAAG,EACf,aAAa,GAAG,YAAY,EAC5B,aAAa,GAAG,WAAW,EAC3B,KAAK,EACN,EAAE,EAAE;IACH,MAAM,qBAAqB,GAAG,IAAA,oCAAiB,EAAC,IAAI,CAAC,CAAC;IACtD,MAAM,gBAAgB,GAAG,qBAAqB,CAAC,MAAM,GAAG,SAAS,CAAC;IAElE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAU,gBAAgB,CAAC,CAAC;IAEtE,MAAM,aAAa,GAAG,IAAA,0BAAO,EAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC;IAEhE,OAAO,CACL,wBAAC,oCAAgB,iBAAY,QAAQ,aAClC,KAAK,IAAI,CACR,uBAAC,mCAAe,iBAAW,mBAAmB,YAAE,GAAG,KAAK,KAAK,GAAmB,CACjF,EACD,uBAAC,kCAAc,IAAC,SAAS,EAAE,SAAS,YACjC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,qBAAqB,GACnC,EAChB,gBAAgB,IAAI,CACnB,uBAAC,oCAAgB,IACf,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,OAAO,CAAC,KAAK,CAAC,EACxB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,SAAS,CAAC,YAEtC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,aAAa,GACzB,CACpB,IACgB,CACpB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,UAAU,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 addon_knobs_1 = require("@storybook/addon-knobs");
|
|
8
|
-
const
|
|
8
|
+
const react_1 = require("@storybook/react");
|
|
9
9
|
const TextToggle_1 = __importDefault(require("./TextToggle"));
|
|
10
10
|
const TextToggle_mocks_1 = require("./TextToggle.mocks");
|
|
11
11
|
const knobs = () => ({
|
|
@@ -13,8 +13,8 @@ const knobs = () => ({
|
|
|
13
13
|
showMoreLabel: (0, addon_knobs_1.text)('show more button label', 'Lire plus'),
|
|
14
14
|
showLessLabel: (0, addon_knobs_1.text)('show less button label', 'Lire moins')
|
|
15
15
|
});
|
|
16
|
-
(0,
|
|
17
|
-
.add('Default', () =>
|
|
18
|
-
.add('Description', () => (
|
|
19
|
-
.add('Comment', () => (
|
|
16
|
+
(0, react_1.storiesOf)('TextToggle', module)
|
|
17
|
+
.add('Default', () => (0, jsx_runtime_1.jsx)(TextToggle_1.default, Object.assign({}, knobs(), { text: TextToggle_mocks_1.MOCK_LONG_TEXT })))
|
|
18
|
+
.add('Description', () => ((0, jsx_runtime_1.jsx)(TextToggle_1.default, Object.assign({}, knobs(), { text: TextToggle_mocks_1.MOCK_LONG_TEXT, title: "Otis" }))))
|
|
19
|
+
.add('Comment', () => ((0, jsx_runtime_1.jsx)(TextToggle_1.default, Object.assign({}, knobs(), { text: TextToggle_mocks_1.MOCK_LONG_TEXT, isComment: true }))));
|
|
20
20
|
//# sourceMappingURL=TextToggle.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextToggle.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/textToggle/TextToggle.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextToggle.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/textToggle/TextToggle.stories.tsx"],"names":[],"mappings":";;;;;;AAEA,wDAAsD;AACtD,4CAA6C;AAE7C,8DAAsC;AACtC,yDAAoD;AAEpD,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,CAAC;IACnB,SAAS,EAAE,IAAA,oBAAM,EAAC,gBAAgB,EAAE,GAAG,CAAC;IACxC,aAAa,EAAE,IAAA,kBAAI,EAAC,wBAAwB,EAAE,WAAW,CAAC;IAC1D,aAAa,EAAE,IAAA,kBAAI,EAAC,wBAAwB,EAAE,YAAY,CAAC;CAC5D,CAAC,CAAC;AAEH,IAAA,iBAAS,EAAC,YAAY,EAAE,MAAM,CAAC;KAC5B,GAAG,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,uBAAC,oBAAU,oBAAK,KAAK,EAAE,IAAE,IAAI,EAAE,iCAAc,IAAI,CAAC;KACvE,GAAG,CAAC,aAAa,EAAE,GAAG,EAAE,CAAC,CACxB,uBAAC,oBAAU,oBAAK,KAAK,EAAE,IAAE,IAAI,EAAE,iCAAc,EAAE,KAAK,EAAC,MAAM,IAAG,CAC/D,CAAC;KACD,GAAG,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,CACpB,uBAAC,oBAAU,oBAAK,KAAK,EAAE,IAAE,IAAI,EAAE,iCAAc,EAAE,SAAS,EAAE,IAAI,IAAI,CACnE,CAAC,CAAC"}
|
|
@@ -26,7 +26,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
26
26
|
exports.TextToggleBody = exports.TextToggleTitle = exports.TextToggleButton = exports.TextToggleLayout = void 0;
|
|
27
27
|
const styled_components_1 = __importStar(require("styled-components"));
|
|
28
28
|
const utils_1 = require("../../../utils");
|
|
29
|
-
const TITLE_COLOR = utils_1.colors.dark.
|
|
29
|
+
const TITLE_COLOR = utils_1.colors.dark.base;
|
|
30
30
|
exports.TextToggleLayout = styled_components_1.default.div `
|
|
31
31
|
& + & {
|
|
32
32
|
margin-top: ${(0, utils_1.convertPxToRem)(8)};
|
|
@@ -34,7 +34,7 @@ exports.TextToggleLayout = styled_components_1.default.div `
|
|
|
34
34
|
`;
|
|
35
35
|
exports.TextToggleButton = styled_components_1.default.button `
|
|
36
36
|
${utils_1.resetCssButton};
|
|
37
|
-
color: ${({ hasTitle }) => (hasTitle ? TITLE_COLOR : utils_1.colors.
|
|
37
|
+
color: ${({ hasTitle }) => (hasTitle ? TITLE_COLOR : utils_1.colors.terracota.base)};
|
|
38
38
|
|
|
39
39
|
${({ isComment }) => isComment &&
|
|
40
40
|
(0, styled_components_1.css) `
|
|
@@ -42,7 +42,7 @@ exports.TextToggleButton = styled_components_1.default.button `
|
|
|
42
42
|
margin-top: ${(0, utils_1.convertPxToRem)(8)};
|
|
43
43
|
font-size: ${utils_1.fonts.small};
|
|
44
44
|
font-weight: bold;
|
|
45
|
-
color: ${
|
|
45
|
+
color: ${TITLE_COLOR};
|
|
46
46
|
`}
|
|
47
47
|
|
|
48
48
|
:hover {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextToggle.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/textToggle/TextToggle.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,0CAMwB;AAExB,MAAM,WAAW,GAAG,cAAM,CAAC,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"TextToggle.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/textToggle/TextToggle.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAgD;AAEhD,0CAMwB;AAExB,MAAM,WAAW,GAAG,cAAM,CAAC,IAAI,CAAC,IAAI,CAAC;AAExB,QAAA,gBAAgB,GAAG,2BAAM,CAAC,GAAG,CAAA;;kBAExB,IAAA,sBAAc,EAAC,CAAC,CAAC;;CAElC,CAAC;AAEW,QAAA,gBAAgB,GAAG,2BAAM,CAAC,MAAM,CAG3C;IACE,sBAAc;WACP,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,cAAM,CAAC,SAAS,CAAC,IAAI,CAAC;;IAEzE,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAClB,SAAS;IACT,IAAA,uBAAG,EAAA;;oBAEa,IAAA,sBAAc,EAAC,CAAC,CAAC;mBAClB,aAAK,CAAC,KAAK;;eAEf,WAAW;KACrB;;;;;;CAMJ,CAAC;AAEW,QAAA,eAAe,GAAG,2BAAM,CAAC,IAAI,CAAA;WAC/B,WAAW;CACrB,CAAC;AAEW,QAAA,cAAc,GAAG,2BAAM,CAAC,IAAI,CAAwB;QACzD,wBAAgB;;mBAEL,IAAA,sBAAc,EAAC,CAAC,CAAC;;;IAGhC,CAAC,EAAE,SAAS,EAAE,EAAE,EAAE,CAClB,SAAS;IACT,IAAA,uBAAG,EAAA;QACC,kBAAU,CAAC,KAAK;;;YAGZ,wBAAgB;;;;KAIvB;CACJ,CAAC"}
|