@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,32 +1,10 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
4
|
};
|
|
28
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
const
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const react_1 = require("react");
|
|
30
8
|
const storybook_state_1 = require("@sambego/storybook-state");
|
|
31
9
|
const addon_knobs_1 = require("@storybook/addon-knobs");
|
|
32
10
|
const react_2 = require("@storybook/react");
|
|
@@ -42,8 +20,6 @@ burgerState.subscribe(() => {
|
|
|
42
20
|
(0, react_2.forceReRender)();
|
|
43
21
|
});
|
|
44
22
|
(0, react_2.storiesOf)('Burger', module).add('Burger', () => {
|
|
45
|
-
return (react_1.default.
|
|
46
|
-
react_1.default.createElement(storybook_state_1.State, { store: burgerState },
|
|
47
|
-
react_1.default.createElement(Burger_1.default, Object.assign({ isOpen: burgerState.get('isOpen'), onClick: () => burgerState.set({ isOpen: !burgerState.get('isOpen') }), color: utils_1.colors.dark.base }, knobs())))));
|
|
23
|
+
return ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: (0, jsx_runtime_1.jsx)(storybook_state_1.State, { store: burgerState, children: (0, jsx_runtime_1.jsx)(Burger_1.default, Object.assign({ isOpen: burgerState.get('isOpen'), onClick: () => burgerState.set({ isOpen: !burgerState.get('isOpen') }), color: utils_1.colors.dark.base }, knobs())) }) }));
|
|
48
24
|
});
|
|
49
25
|
//# sourceMappingURL=Burger.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Burger.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/burger/Burger.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Burger.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/burger/Burger.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAAwC;AAExC,8DAAwD;AACxD,wDAAiD;AACjD,4CAA4D;AAE5D,0CAAwC;AACxC,sDAA8B;AAM9B,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,CAAC;IACnB,OAAO,EAAE,IAAA,qBAAO,EAAC,SAAS,EAAE,KAAK,CAAC;CACnC,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,IAAI,uBAAK,CAAc;IACzC,MAAM,EAAE,KAAK;CACd,CAAC,CAAC;AAEH,WAAW,CAAC,SAAS,CAAC,GAAG,EAAE;IACzB,IAAA,qBAAa,GAAE,CAAC;AAClB,CAAC,CAAC,CAAC;AAEH,IAAA,iBAAS,EAAC,QAAQ,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,QAAQ,EAAE,GAAG,EAAE;IAC7C,OAAO,CACL,uBAAC,gBAAQ,cACP,uBAAC,uBAAK,IAAC,KAAK,EAAE,WAAW,YACvB,uBAAC,gBAAM,kBACL,MAAM,EAAE,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,EACjC,OAAO,EAAE,GAAG,EAAE,CACZ,WAAW,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,CAAC,WAAW,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC,EAEzD,KAAK,EAAE,cAAM,CAAC,IAAI,CAAC,IAAI,IACnB,KAAK,EAAE,EACX,GACI,GACC,CACZ,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -12,9 +12,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
12
12
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
13
13
|
};
|
|
14
14
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
15
|
-
const
|
|
15
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
16
|
const react_test_renderer_1 = __importDefault(require("react-test-renderer"));
|
|
17
|
-
const
|
|
17
|
+
const react_1 = require("@testing-library/react");
|
|
18
18
|
const user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
19
19
|
const Burger_1 = __importDefault(require("./Burger"));
|
|
20
20
|
const mockOnClick = jest.fn();
|
|
@@ -25,16 +25,16 @@ const defaultProps = {
|
|
|
25
25
|
};
|
|
26
26
|
describe('Burger', () => {
|
|
27
27
|
it('should equal snapshot rendering', () => {
|
|
28
|
-
const tree = react_test_renderer_1.default.create(
|
|
28
|
+
const tree = react_test_renderer_1.default.create((0, jsx_runtime_1.jsx)(Burger_1.default, Object.assign({}, defaultProps))).toJSON();
|
|
29
29
|
expect(tree).toMatchSnapshot();
|
|
30
30
|
});
|
|
31
31
|
it('should render a component', () => {
|
|
32
|
-
(0,
|
|
33
|
-
expect(
|
|
32
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Burger_1.default, Object.assign({}, defaultProps)));
|
|
33
|
+
expect(react_1.screen.getByTestId('burger')).toBeInTheDocument();
|
|
34
34
|
});
|
|
35
35
|
it('should call onClick function when click', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
36
|
-
(0,
|
|
37
|
-
yield user_event_1.default.click(
|
|
36
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Burger_1.default, Object.assign({}, defaultProps)));
|
|
37
|
+
yield user_event_1.default.click(react_1.screen.getByTestId('burger'));
|
|
38
38
|
expect(mockOnClick).toHaveBeenCalled();
|
|
39
39
|
}));
|
|
40
40
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Burger.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/burger/Burger.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Burger.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/burger/Burger.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,8EAA2C;AAE3C,kDAAwD;AACxD,6EAAoD;AAEpD,sDAA+C;AAE/C,MAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAE9B,MAAM,YAAY,GAAgB;IAChC,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,IAAI;IACZ,OAAO,EAAE,WAAW;CACrB,CAAC;AAEF,QAAQ,CAAC,QAAQ,EAAE,GAAG,EAAE;IACtB,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QACzC,MAAM,IAAI,GAAG,6BAAQ,CAAC,MAAM,CAAC,uBAAC,gBAAM,oBAAK,YAAY,EAAI,CAAC,CAAC,MAAM,EAAE,CAAC;QAEpE,MAAM,CAAC,IAAI,CAAC,CAAC,eAAe,EAAE,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,2BAA2B,EAAE,GAAG,EAAE;QACnC,IAAA,cAAM,EAAC,uBAAC,gBAAM,oBAAK,YAAY,EAAI,CAAC,CAAC;QAErC,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,GAAS,EAAE;QACvD,IAAA,cAAM,EAAC,uBAAC,gBAAM,oBAAK,YAAY,EAAI,CAAC,CAAC;QAErC,MAAM,oBAAS,CAAC,KAAK,CAAC,cAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC;QACpD,MAAM,CAAC,WAAW,CAAC,CAAC,gBAAgB,EAAE,CAAC;IACzC,CAAC,CAAA,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
|
|
@@ -1,27 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
var __rest = (this && this.__rest) || function (s, e) {
|
|
26
3
|
var t = {};
|
|
27
4
|
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
@@ -34,19 +11,18 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
34
11
|
return t;
|
|
35
12
|
};
|
|
36
13
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
37
|
-
const
|
|
14
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
15
|
+
const react_1 = require("react");
|
|
38
16
|
const Button_interfaces_1 = require("./Button.interfaces");
|
|
39
17
|
const Button_styles_1 = require("./Button.styles");
|
|
40
18
|
const Button = (_a) => {
|
|
41
|
-
var { appearance = Button_interfaces_1.ButtonAppearance.PRIMARY, icon, iconPosition = Button_interfaces_1.IconPosition.RIGHT, label, rounded = false, size = Button_interfaces_1.ButtonSizes.LARGE, theme = Button_interfaces_1.ButtonTheme.
|
|
42
|
-
return (
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
: icon)),
|
|
49
|
-
!rounded && react_1.default.createElement(Button_styles_1.LabelLayout, { "data-test": "label" }, label)));
|
|
19
|
+
var { appearance = Button_interfaces_1.ButtonAppearance.PRIMARY, icon, iconPosition = Button_interfaces_1.IconPosition.RIGHT, label, rounded = false, size = Button_interfaces_1.ButtonSizes.LARGE, theme = Button_interfaces_1.ButtonTheme.BLACK } = _a, rest = __rest(_a, ["appearance", "icon", "iconPosition", "label", "rounded", "size", "theme"]);
|
|
20
|
+
return ((0, jsx_runtime_1.jsxs)(Button_styles_1.Layout, Object.assign({ appearance: appearance, "aria-label": label, icon: icon, iconPosition: iconPosition, rounded: rounded, size: size, theme: theme }, rest, { children: [icon && ((0, jsx_runtime_1.jsx)(Button_styles_1.IconWrapper, { appearance: appearance, iconPosition: iconPosition, size: size, theme: theme, children: (0, react_1.isValidElement)(icon)
|
|
21
|
+
? (0, react_1.cloneElement)(icon, {
|
|
22
|
+
'aria-hidden': true,
|
|
23
|
+
focusable: false
|
|
24
|
+
})
|
|
25
|
+
: icon })), !rounded && (0, jsx_runtime_1.jsx)(Button_styles_1.LabelLayout, { "data-test": "label", children: label })] })));
|
|
50
26
|
};
|
|
51
27
|
exports.default = Button;
|
|
52
28
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../packages/ui/src/button/Button.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../packages/ui/src/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,iCAMe;AAEf,2DAK6B;AAC7B,mDAAmE;AAgBnE,MAAM,MAAM,GAAoB,CAAC,EASnB,EAAE,EAAE;QATe,EAC/B,UAAU,GAAG,oCAAgB,CAAC,OAAO,EACrC,IAAI,EACJ,YAAY,GAAG,gCAAY,CAAC,KAAK,EACjC,KAAK,EACL,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,+BAAW,CAAC,KAAK,EACxB,KAAK,GAAG,+BAAW,CAAC,KAAK,OAEb,EADT,IAAI,cARwB,2EAShC,CADQ;IACU,OAAA,CACjB,wBAAC,sBAAM,kBACL,UAAU,EAAE,UAAU,gBACV,KAAK,EACjB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,IACR,IAAI,eAEP,IAAI,IAAI,CACP,uBAAC,2BAAW,IACV,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,YAEX,IAAA,sBAAc,EAAC,IAAI,CAAC;oBACnB,CAAC,CAAC,IAAA,oBAAY,EAAC,IAAoB,EAAE;wBACjC,aAAa,EAAE,IAAI;wBACnB,SAAS,EAAE,KAAK;qBACjB,CAAC;oBACJ,CAAC,CAAC,IAAI,GACI,CACf,EACA,CAAC,OAAO,IAAI,uBAAC,2BAAW,iBAAW,OAAO,YAAE,KAAK,GAAe,KAC1D,CACV,CAAA;CAAA,CAAC;AAEF,kBAAe,MAAM,CAAC"}
|
|
@@ -3,15 +3,14 @@ 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_actions_1 = require("@storybook/addon-actions");
|
|
8
8
|
const addon_knobs_1 = require("@storybook/addon-knobs");
|
|
9
|
-
const
|
|
9
|
+
const react_1 = require("@storybook/react");
|
|
10
10
|
const utils_1 = require("../../../utils");
|
|
11
11
|
const Button_1 = __importDefault(require("./Button"));
|
|
12
12
|
const Button_interfaces_1 = require("./Button.interfaces");
|
|
13
|
-
const Arrow = (
|
|
14
|
-
react_1.default.createElement("path", { fill: "currentColor", d: "M16.5 10a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13zm-.66 10.292-.965-.948 2.844-2.844-2.844-2.844.965-.948 3.775 3.792-3.775 3.792z" })));
|
|
13
|
+
const Arrow = ((0, jsx_runtime_1.jsx)("svg", { viewBox: "0 0 32 32", children: (0, jsx_runtime_1.jsx)("path", { fill: "currentColor", d: "M16.5 10a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13zm-.66 10.292-.965-.948 2.844-2.844-2.844-2.844.965-.948 3.775 3.792-3.775 3.792z" }) }));
|
|
15
14
|
const knobs = () => ({
|
|
16
15
|
disabled: (0, addon_knobs_1.boolean)('Disabled', false),
|
|
17
16
|
icon: Arrow,
|
|
@@ -24,15 +23,11 @@ const knobs = () => ({
|
|
|
24
23
|
});
|
|
25
24
|
const getStyles = (theme) => ({
|
|
26
25
|
padding: '1em',
|
|
27
|
-
background: theme === Button_interfaces_1.ButtonTheme.WHITE ? utils_1.colors.
|
|
26
|
+
background: theme === Button_interfaces_1.ButtonTheme.WHITE ? utils_1.colors.terracota.base : 'transparent'
|
|
28
27
|
});
|
|
29
|
-
(0,
|
|
30
|
-
.add('Primary', () => (
|
|
31
|
-
|
|
32
|
-
.add('
|
|
33
|
-
|
|
34
|
-
.add('No Appearance', () => (react_1.default.createElement("div", { style: getStyles(knobs().theme) },
|
|
35
|
-
react_1.default.createElement(Button_1.default, Object.assign({}, knobs(), { appearance: Button_interfaces_1.ButtonAppearance.NO_APPEARANCE })))))
|
|
36
|
-
.add('Basic', () => (react_1.default.createElement("div", { style: getStyles(knobs().theme) },
|
|
37
|
-
react_1.default.createElement(Button_1.default, Object.assign({}, knobs(), { appearance: Button_interfaces_1.ButtonAppearance.BASIC })))));
|
|
28
|
+
(0, react_1.storiesOf)('Button', module)
|
|
29
|
+
.add('Primary', () => ((0, jsx_runtime_1.jsx)("div", { style: getStyles(knobs().theme), children: (0, jsx_runtime_1.jsx)(Button_1.default, Object.assign({}, knobs(), { appearance: Button_interfaces_1.ButtonAppearance.PRIMARY })) })))
|
|
30
|
+
.add('Secondary', () => ((0, jsx_runtime_1.jsx)("div", { style: getStyles(knobs().theme), children: (0, jsx_runtime_1.jsx)(Button_1.default, Object.assign({}, knobs(), { appearance: Button_interfaces_1.ButtonAppearance.SECONDARY })) })))
|
|
31
|
+
.add('No Appearance', () => ((0, jsx_runtime_1.jsx)("div", { style: getStyles(knobs().theme), children: (0, jsx_runtime_1.jsx)(Button_1.default, Object.assign({}, knobs(), { appearance: Button_interfaces_1.ButtonAppearance.NO_APPEARANCE })) })))
|
|
32
|
+
.add('Basic', () => ((0, jsx_runtime_1.jsx)("div", { style: getStyles(knobs().theme), children: (0, jsx_runtime_1.jsx)(Button_1.default, Object.assign({}, knobs(), { appearance: Button_interfaces_1.ButtonAppearance.BASIC })) })));
|
|
38
33
|
//# sourceMappingURL=Button.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/button/Button.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/button/Button.stories.tsx"],"names":[],"mappings":";;;;;;AAEA,4DAAkD;AAClD,wDAA+D;AAC/D,4CAA6C;AAE7C,0CAAwC;AACxC,sDAA8B;AAC9B,2DAK6B;AAE7B,MAAM,KAAK,GAAG,CACZ,gCAAK,OAAO,EAAC,WAAW,YACtB,iCACE,IAAI,EAAC,cAAc,EACnB,CAAC,EAAC,iIAAiI,GACnI,GACE,CACP,CAAC;AAEF,MAAM,KAAK,GAAG,GAAG,EAAE,CAAC,CAAC;IACnB,QAAQ,EAAE,IAAA,qBAAO,EAAC,UAAU,EAAE,KAAK,CAAC;IACpC,IAAI,EAAE,KAAK;IACX,YAAY,EAAE,IAAA,oBAAM,EAAC,eAAe,EAAE,gCAAY,EAAE,gCAAY,CAAC,KAAK,CAAC;IACvE,KAAK,EAAE,IAAA,kBAAI,EAAC,OAAO,EAAE,iBAAiB,CAAC;IACvC,OAAO,EAAE,IAAA,qBAAO,EAAC,SAAS,EAAE,KAAK,CAAC;IAClC,IAAI,EAAE,IAAA,oBAAM,EAAC,MAAM,EAAE,+BAAW,EAAE,+BAAW,CAAC,KAAK,CAAC;IACpD,KAAK,EAAE,IAAA,oBAAM,EAAC,OAAO,EAAE,+BAAW,EAAE,+BAAW,CAAC,MAAM,CAAC;IACvD,OAAO,EAAE,IAAA,sBAAM,EAAC,SAAS,CAAC;CAC3B,CAAC,CAAC;AAEH,MAAM,SAAS,GAAG,CAAC,KAAkB,EAAE,EAAE,CAAC,CAAC;IACzC,OAAO,EAAE,KAAK;IACd,UAAU,EACR,KAAK,KAAK,+BAAW,CAAC,KAAK,CAAC,CAAC,CAAC,cAAM,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa;CACtE,CAAC,CAAC;AAEH,IAAA,iBAAS,EAAC,QAAQ,EAAE,MAAM,CAAC;KACxB,GAAG,CAAC,SAAS,EAAE,GAAG,EAAE,CAAC,CACpB,gCAAK,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,YAClC,uBAAC,gBAAM,oBAAK,KAAK,EAAE,IAAE,UAAU,EAAE,oCAAgB,CAAC,OAAO,IAAI,GACzD,CACP,CAAC;KACD,GAAG,CAAC,WAAW,EAAE,GAAG,EAAE,CAAC,CACtB,gCAAK,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,YAClC,uBAAC,gBAAM,oBAAK,KAAK,EAAE,IAAE,UAAU,EAAE,oCAAgB,CAAC,SAAS,IAAI,GAC3D,CACP,CAAC;KACD,GAAG,CAAC,eAAe,EAAE,GAAG,EAAE,CAAC,CAC1B,gCAAK,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,YAClC,uBAAC,gBAAM,oBAAK,KAAK,EAAE,IAAE,UAAU,EAAE,oCAAgB,CAAC,aAAa,IAAI,GAC/D,CACP,CAAC;KACD,GAAG,CAAC,OAAO,EAAE,GAAG,EAAE,CAAC,CAClB,gCAAK,KAAK,EAAE,SAAS,CAAC,KAAK,EAAE,CAAC,KAAK,CAAC,YAClC,uBAAC,gBAAM,oBAAK,KAAK,EAAE,IAAE,UAAU,EAAE,oCAAgB,CAAC,KAAK,IAAI,GACvD,CACP,CAAC,CAAC"}
|
|
@@ -75,11 +75,11 @@ const primaryStyle = (0, styled_components_1.css) `
|
|
|
75
75
|
`
|
|
76
76
|
: theme === Button_interfaces_1.ButtonTheme.PINK
|
|
77
77
|
? (0, styled_components_1.css) `
|
|
78
|
-
color: ${utils_1.colors.
|
|
79
|
-
background-color: ${utils_1.colors.
|
|
78
|
+
color: ${utils_1.colors.dark.base};
|
|
79
|
+
background-color: ${utils_1.colors.pink.base80};
|
|
80
80
|
|
|
81
81
|
:not(:disabled):hover {
|
|
82
|
-
background-color: ${utils_1.colors.
|
|
82
|
+
background-color: ${utils_1.colors.pink.base10};
|
|
83
83
|
}
|
|
84
84
|
`
|
|
85
85
|
: theme === Button_interfaces_1.ButtonTheme.RED
|
|
@@ -100,10 +100,11 @@ const primaryStyle = (0, styled_components_1.css) `
|
|
|
100
100
|
}
|
|
101
101
|
`
|
|
102
102
|
: (0, styled_components_1.css) `
|
|
103
|
-
|
|
103
|
+
color: ${utils_1.colors.dark.base};
|
|
104
|
+
background-color: ${utils_1.colors.terracota.base};
|
|
104
105
|
|
|
105
106
|
:not(:disabled):hover {
|
|
106
|
-
background-color: ${utils_1.colors.
|
|
107
|
+
background-color: ${utils_1.colors.terracota.base80};
|
|
107
108
|
}
|
|
108
109
|
`};
|
|
109
110
|
`;
|
|
@@ -170,15 +171,15 @@ const secondaryStyle = (0, styled_components_1.css) `
|
|
|
170
171
|
}
|
|
171
172
|
`
|
|
172
173
|
: (0, styled_components_1.css) `
|
|
173
|
-
color: ${utils_1.colors.
|
|
174
|
+
color: ${utils_1.colors.terracota.base};
|
|
174
175
|
|
|
175
176
|
:not(:disabled):hover {
|
|
176
|
-
background-color: ${(0, polished_1.transparentize)(0.8, utils_1.colors.
|
|
177
|
+
background-color: ${(0, polished_1.transparentize)(0.8, utils_1.colors.terracota.base60)};
|
|
177
178
|
}
|
|
178
179
|
`};
|
|
179
180
|
`;
|
|
180
181
|
const noAppearanceStyle = (0, styled_components_1.css) `
|
|
181
|
-
color: ${utils_1.colors.
|
|
182
|
+
color: ${utils_1.colors.terracota.base};
|
|
182
183
|
min-height: 0;
|
|
183
184
|
padding: 0;
|
|
184
185
|
border-radius: unset;
|
|
@@ -255,16 +256,15 @@ const noAppearanceStyle = (0, styled_components_1.css) `
|
|
|
255
256
|
}
|
|
256
257
|
`
|
|
257
258
|
: (0, styled_components_1.css) `
|
|
258
|
-
color: ${utils_1.colors.
|
|
259
|
+
color: ${utils_1.colors.terracota.base};
|
|
259
260
|
|
|
260
261
|
:not(:disabled):hover {
|
|
261
|
-
color: ${utils_1.colors.
|
|
262
|
+
color: ${utils_1.colors.terracota.base60};
|
|
262
263
|
}
|
|
263
264
|
`};
|
|
264
265
|
`;
|
|
265
266
|
const basicStyle = (0, styled_components_1.css) `
|
|
266
|
-
${utils_1.
|
|
267
|
-
text-transform: uppercase;
|
|
267
|
+
${utils_1.BagossFont};
|
|
268
268
|
font-weight: 500;
|
|
269
269
|
letter-spacing: 0.04em;
|
|
270
270
|
`;
|
|
@@ -315,14 +315,13 @@ exports.IconWrapper = styled_components_1.default.div `
|
|
|
315
315
|
`}
|
|
316
316
|
`;
|
|
317
317
|
exports.Layout = styled_components_1.default.button `
|
|
318
|
-
${utils_1.
|
|
318
|
+
${utils_1.InterFont};
|
|
319
319
|
display: inline-flex;
|
|
320
320
|
align-items: center;
|
|
321
321
|
cursor: pointer;
|
|
322
322
|
appearance: none;
|
|
323
323
|
background-color: transparent;
|
|
324
324
|
color: white;
|
|
325
|
-
font-size: ${utils_1.fonts.small};
|
|
326
325
|
font-weight: normal;
|
|
327
326
|
border-radius: ${(0, utils_1.convertPxToRem)(24)};
|
|
328
327
|
border: 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/button/Button.styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uCAA0C;AAC1C,uEAAgD;AAEhD,0CAQwB;AACxB,wDAAkD;AAElD,2DAK6B;AAOtB,MAAM,YAAY,GAAG,CAAC,OAAe,EAAU,EAAE;IACtD,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,GAAG,cAAI,GAAG,CAAC,CAAC;IACjE,OAAO,GAAG,IAAA,sBAAc,EAAC,UAAU,CAAC,EAAE,CAAC;AACzC,CAAC,CAAC;AAHW,QAAA,YAAY,gBAGvB;AAEF,MAAM,aAAa,GAAG,IAAA,uBAAG,EAAA;YACb,IAAA,sBAAc,EAAC,CAAC,CAAC;;;;;aAKhB,cAAM,CAAC,IAAI,CAAC,MAAM;wBACP,cAAM,CAAC,IAAI,CAAC,MAAM;;CAEzC,CAAC;AAEF,MAAM,YAAY,GAAG,IAAA,uBAAG,EAAa;IACjC,aAAa;;;IAGb,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CACd,KAAK,KAAK,+BAAW,CAAC,KAAK;IACzB,CAAC,CAAC,IAAA,uBAAG,EAAA;8BACmB,cAAM,CAAC,KAAK,CAAC,IAAI;;;gCAGf,cAAM,CAAC,KAAK,CAAC,MAAM;;SAE1C;IACH,CAAC,CAAC,KAAK,KAAK,+BAAW,CAAC,KAAK;QAC7B,CAAC,CAAC,IAAA,uBAAG,EAAA;8BACmB,cAAM,CAAC,IAAI,CAAC,IAAI;;;gCAGd,cAAM,CAAC,IAAI,CAAC,MAAM;;SAEzC;QACH,CAAC,CAAC,KAAK,KAAK,+BAAW,CAAC,IAAI;YAC5B,CAAC,CAAC,IAAA,uBAAG,EAAA;mBACQ,cAAM,CAAC,KAAK,CAAC,IAAI;8BACN,cAAM,CAAC,IAAI,CAAC,IAAI;;;gCAGd,cAAM,CAAC,IAAI,CAAC,MAAM;;SAEzC;YACH,CAAC,CAAC,KAAK,KAAK,+BAAW,CAAC,IAAI;gBAC5B,CAAC,CAAC,IAAA,uBAAG,EAAA;mBACQ,cAAM,CAAC,
|
|
1
|
+
{"version":3,"file":"Button.styles.js","sourceRoot":"","sources":["../../../../packages/ui/src/button/Button.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -12,9 +12,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
12
12
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
13
13
|
};
|
|
14
14
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
15
|
-
const
|
|
15
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
16
|
const react_test_renderer_1 = __importDefault(require("react-test-renderer"));
|
|
17
|
-
const
|
|
17
|
+
const react_1 = require("@testing-library/react");
|
|
18
18
|
const user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
19
19
|
const icons_1 = __importDefault(require("../icons"));
|
|
20
20
|
const Button_1 = __importDefault(require("./Button"));
|
|
@@ -28,37 +28,37 @@ const defaultProps = {
|
|
|
28
28
|
};
|
|
29
29
|
describe('Button component', () => {
|
|
30
30
|
it('should render component', () => {
|
|
31
|
-
const tree = react_test_renderer_1.default.create(
|
|
32
|
-
(0,
|
|
33
|
-
expect(
|
|
31
|
+
const tree = react_test_renderer_1.default.create((0, jsx_runtime_1.jsx)(Button_1.default, Object.assign({}, defaultProps))).toJSON();
|
|
32
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.default, Object.assign({}, defaultProps)));
|
|
33
|
+
expect(react_1.screen.getByRole('button')).toBeInTheDocument();
|
|
34
34
|
expect(tree).toMatchSnapshot();
|
|
35
35
|
});
|
|
36
36
|
it('should render icon right by default', () => {
|
|
37
|
-
const props = Object.assign(Object.assign({}, defaultProps), { icon:
|
|
38
|
-
const tree = react_test_renderer_1.default.create(
|
|
39
|
-
(0,
|
|
37
|
+
const props = Object.assign(Object.assign({}, defaultProps), { icon: (0, jsx_runtime_1.jsx)(EmoticonCool, {}) });
|
|
38
|
+
const tree = react_test_renderer_1.default.create((0, jsx_runtime_1.jsx)(Button_1.default, Object.assign({}, props))).toJSON();
|
|
39
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.default, Object.assign({}, props)));
|
|
40
40
|
expect(tree).toMatchSnapshot();
|
|
41
41
|
});
|
|
42
42
|
it('should render icon with left position', () => {
|
|
43
|
-
const props = Object.assign(Object.assign({}, defaultProps), { icon:
|
|
44
|
-
const tree = react_test_renderer_1.default.create(
|
|
45
|
-
(0,
|
|
43
|
+
const props = Object.assign(Object.assign({}, defaultProps), { icon: (0, jsx_runtime_1.jsx)(EmoticonCool, {}), iconPosition: Button_interfaces_1.IconPosition.LEFT });
|
|
44
|
+
const tree = react_test_renderer_1.default.create((0, jsx_runtime_1.jsx)(Button_1.default, Object.assign({}, props))).toJSON();
|
|
45
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.default, Object.assign({}, props)));
|
|
46
46
|
expect(tree).toMatchSnapshot();
|
|
47
47
|
});
|
|
48
48
|
it('should render text', () => {
|
|
49
|
-
(0,
|
|
50
|
-
expect(
|
|
49
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.default, Object.assign({}, defaultProps)));
|
|
50
|
+
expect(react_1.screen.getByRole('button')).toHaveTextContent('Click me');
|
|
51
51
|
});
|
|
52
52
|
it('should not render text if rounded is true', () => {
|
|
53
|
-
const props = Object.assign(Object.assign({}, defaultProps), { icon:
|
|
54
|
-
const tree = react_test_renderer_1.default.create(
|
|
55
|
-
(0,
|
|
56
|
-
expect(
|
|
53
|
+
const props = Object.assign(Object.assign({}, defaultProps), { icon: (0, jsx_runtime_1.jsx)(EmoticonCool, {}), rounded: true });
|
|
54
|
+
const tree = react_test_renderer_1.default.create((0, jsx_runtime_1.jsx)(Button_1.default, Object.assign({}, props))).toJSON();
|
|
55
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.default, Object.assign({}, props)));
|
|
56
|
+
expect(react_1.screen.queryByTestId('label')).not.toBeInTheDocument();
|
|
57
57
|
expect(tree).toMatchSnapshot();
|
|
58
58
|
});
|
|
59
59
|
it('should click on button', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
60
|
-
(0,
|
|
61
|
-
yield user_event_1.default.click(
|
|
60
|
+
(0, react_1.render)((0, jsx_runtime_1.jsx)(Button_1.default, Object.assign({}, defaultProps)));
|
|
61
|
+
yield user_event_1.default.click(react_1.screen.getByRole('button'));
|
|
62
62
|
expect(mockOnClick).toHaveBeenCalled();
|
|
63
63
|
}));
|
|
64
64
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/button/Button.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/button/Button.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,36 +1,12 @@
|
|
|
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 ButtonRadio_styles_1 = require("./ButtonRadio.styles");
|
|
28
6
|
const ButtonRadio = ({ isChecked, name, onClick, option }) => {
|
|
29
7
|
const generatedId = `radio-input-label-${(0, react_1.useId)()}`;
|
|
30
8
|
const htmlId = (0, react_1.useMemo)(() => generatedId, []);
|
|
31
|
-
return (
|
|
32
|
-
react_1.default.createElement(ButtonRadio_styles_1.InputLayout, { "aria-labelledby": htmlId, checked: isChecked, name: name, type: "radio", value: option.value, onChange: ({ target }) => target.checked && onClick() }),
|
|
33
|
-
react_1.default.createElement("div", { "aria-hidden": "true", id: htmlId }, option.label)));
|
|
9
|
+
return ((0, jsx_runtime_1.jsxs)(ButtonRadio_styles_1.Layout, { isActive: isChecked, children: [(0, jsx_runtime_1.jsx)(ButtonRadio_styles_1.InputLayout, { "aria-labelledby": htmlId, checked: isChecked, name: name, type: "radio", value: option.value, onChange: ({ target }) => target.checked && onClick() }), (0, jsx_runtime_1.jsx)("div", { "aria-hidden": "true", id: htmlId, children: option.label })] }, `radio-option-${option.value}`));
|
|
34
10
|
};
|
|
35
11
|
exports.default = ButtonRadio;
|
|
36
12
|
//# sourceMappingURL=ButtonRadio.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonRadio.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadio.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ButtonRadio.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadio.tsx"],"names":[],"mappings":";;;AAAA,iCAAkD;AAGlD,6DAA2D;AAS3D,MAAM,WAAW,GAAyB,CAAC,EACzC,SAAS,EACT,IAAI,EACJ,OAAO,EACP,MAAM,EACP,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,qBAAqB,IAAA,aAAK,GAAE,EAAE,CAAC;IACnD,MAAM,MAAM,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;IAE9C,OAAO,CACL,wBAAC,2BAAM,IAAC,QAAQ,EAAE,SAAS,aACzB,uBAAC,gCAAW,uBACO,MAAM,EACvB,OAAO,EAAE,SAAS,EAClB,IAAI,EAAE,IAAI,EACV,IAAI,EAAC,OAAO,EACZ,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,MAAM,CAAC,OAAO,IAAI,OAAO,EAAE,GACrD,EACF,+CAAiB,MAAM,EAAC,EAAE,EAAE,MAAM,YAC/B,MAAM,CAAC,KAAK,GACT,KAX0B,gBAAgB,MAAM,CAAC,KAAK,EAAE,CAYvD,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}
|
|
@@ -1,42 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
26
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
27
4
|
};
|
|
28
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
29
|
-
const
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
|
+
const react_1 = require("react");
|
|
30
8
|
const storybook_state_1 = require("@sambego/storybook-state");
|
|
31
9
|
const react_2 = require("@storybook/react");
|
|
32
10
|
const ButtonRadio_1 = __importDefault(require("./ButtonRadio"));
|
|
33
11
|
const radioButtonState = new storybook_state_1.Store({ value: '' });
|
|
34
12
|
(0, react_2.storiesOf)('ButtonRadio', module).add('ButtonRadio', () => {
|
|
35
13
|
radioButtonState.set({ value: 'apple' });
|
|
36
|
-
return (
|
|
37
|
-
react_1.default.createElement("div", { style: { width: '150px' } },
|
|
38
|
-
react_1.default.createElement(ButtonRadio_1.default, { isChecked: state.value === 'apple', name: "apple", option: { value: 'apple', label: 'apple' }, onClick: () => radioButtonState.set({ value: 'apple' }) })),
|
|
39
|
-
react_1.default.createElement("div", { style: { marginTop: '20px', width: '150px' } },
|
|
40
|
-
react_1.default.createElement(ButtonRadio_1.default, { isChecked: state.value === 'peach', name: "peach", option: { value: 'peach', label: 'peach' }, onClick: () => radioButtonState.set({ value: 'peach' }) }))))));
|
|
14
|
+
return ((0, jsx_runtime_1.jsx)(storybook_state_1.State, { store: radioButtonState, children: state => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { style: { width: '150px' }, children: (0, jsx_runtime_1.jsx)(ButtonRadio_1.default, { isChecked: state.value === 'apple', name: "apple", option: { value: 'apple', label: 'apple' }, onClick: () => radioButtonState.set({ value: 'apple' }) }) }), (0, jsx_runtime_1.jsx)("div", { style: { marginTop: '20px', width: '150px' }, children: (0, jsx_runtime_1.jsx)(ButtonRadio_1.default, { isChecked: state.value === 'peach', name: "peach", option: { value: 'peach', label: 'peach' }, onClick: () => radioButtonState.set({ value: 'peach' }) }) })] })) }));
|
|
41
15
|
});
|
|
42
16
|
//# sourceMappingURL=ButtonRadio.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonRadio.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadio.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ButtonRadio.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadio.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,iCAAwC;AAExC,8DAAwD;AACxD,4CAA6C;AAE7C,gEAAwC;AAExC,MAAM,gBAAgB,GAAG,IAAI,uBAAK,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;AAElD,IAAA,iBAAS,EAAC,aAAa,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,aAAa,EAAE,GAAG,EAAE;IACvD,gBAAgB,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;IAEzC,OAAO,CACL,uBAAC,uBAAK,IAAC,KAAK,EAAE,gBAAgB,YAC3B,KAAK,CAAC,EAAE,CAAC,CACR,wBAAC,gBAAQ,eACP,gCAAK,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAC5B,uBAAC,qBAAW,IACV,SAAS,EAAE,KAAK,CAAC,KAAK,KAAK,OAAO,EAClC,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EAC1C,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,GACvD,GACE,EACN,gCAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,YAC/C,uBAAC,qBAAW,IACV,SAAS,EAAE,KAAK,CAAC,KAAK,KAAK,OAAO,EAClC,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EAC1C,OAAO,EAAE,GAAG,EAAE,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,GACvD,GACE,IACG,CACZ,GACK,CACT,CAAC;AACJ,CAAC,CAAC,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 ButtonRadio_1 = __importDefault(require("./ButtonRadio"));
|
|
8
8
|
const ButtonRadioGroup_styles_1 = require("./ButtonRadioGroup.styles");
|
|
9
|
-
const ButtonRadioGroup = ({ label, name, onChange, options, value }) => (
|
|
9
|
+
const ButtonRadioGroup = ({ label, name, onChange, options, value }) => ((0, jsx_runtime_1.jsx)(ButtonRadioGroup_styles_1.Layout, { role: "radiogroup", "aria-label": label, children: options.map(option => ((0, jsx_runtime_1.jsx)(ButtonRadio_1.default, { isChecked: value === option.value, name: name, option: option, onClick: () => onChange(option) }, `radio-option-${option.value}`))) }));
|
|
10
10
|
exports.default = ButtonRadioGroup;
|
|
11
11
|
//# sourceMappingURL=ButtonRadioGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonRadioGroup.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadioGroup.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ButtonRadioGroup.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadioGroup.tsx"],"names":[],"mappings":";;;;;;AAGA,gEAAwC;AACxC,uEAAmD;AAUnD,MAAM,gBAAgB,GAA8B,CAAC,EACnD,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,OAAO,EACP,KAAK,EACN,EAAE,EAAE,CAAC,CACJ,uBAAC,gCAAM,IAAC,IAAI,EAAC,YAAY,gBAAa,KAAK,YACxC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,EAAE,CAAC,CACrB,uBAAC,qBAAW,IAEV,SAAS,EAAE,KAAK,KAAK,MAAM,CAAC,KAAK,EACjC,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,IAJ1B,gBAAgB,MAAM,CAAC,KAAK,EAAE,CAKnC,CACH,CAAC,GACK,CACV,CAAC;AAEF,kBAAe,gBAAgB,CAAC"}
|
|
@@ -3,9 +3,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
const
|
|
6
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
7
7
|
const storybook_state_1 = require("@sambego/storybook-state");
|
|
8
|
-
const
|
|
8
|
+
const react_1 = require("@storybook/react");
|
|
9
9
|
const ButtonRadioGroup_1 = __importDefault(require("./ButtonRadioGroup"));
|
|
10
10
|
const OPTIONS = [
|
|
11
11
|
{
|
|
@@ -28,9 +28,8 @@ const OPTIONS = [
|
|
|
28
28
|
const radioState = new storybook_state_1.Store({
|
|
29
29
|
value: ''
|
|
30
30
|
});
|
|
31
|
-
(0,
|
|
31
|
+
(0, react_1.storiesOf)('ButtonRadioGroup', module).add('default', () => {
|
|
32
32
|
radioState.set({ value: OPTIONS[0].value });
|
|
33
|
-
return (
|
|
34
|
-
react_1.default.createElement(ButtonRadioGroup_1.default, { name: "some-name", label: "some label", onChange: ({ value }) => radioState.set({ value }), options: OPTIONS, value: radioState.get('value') })));
|
|
33
|
+
return ((0, jsx_runtime_1.jsx)(storybook_state_1.State, { store: radioState, children: (0, jsx_runtime_1.jsx)(ButtonRadioGroup_1.default, { name: "some-name", label: "some label", onChange: ({ value }) => radioState.set({ value }), options: OPTIONS, value: radioState.get('value') }) }));
|
|
35
34
|
});
|
|
36
35
|
//# sourceMappingURL=ButtonRadioGroup.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonRadioGroup.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadioGroup.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ButtonRadioGroup.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/buttonRadioGroup/ButtonRadioGroup.stories.tsx"],"names":[],"mappings":";;;;;;AAEA,8DAAwD;AACxD,4CAA6C;AAG7C,0EAAkD;AAElD,MAAM,OAAO,GAAkB;IAC7B;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,KAAK;KACb;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,KAAK;KACb;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,OAAO;KACf;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,MAAM;KACd;CACF,CAAC;AAEF,MAAM,UAAU,GAAG,IAAI,uBAAK,CAAC;IAC3B,KAAK,EAAE,EAAE;CACV,CAAC,CAAC;AAEH,IAAA,iBAAS,EAAC,kBAAkB,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,EAAE;IACxD,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC;IAE5C,OAAO,CACL,uBAAC,uBAAK,IAAC,KAAK,EAAE,UAAU,YACtB,uBAAC,0BAAgB,IACf,IAAI,EAAC,WAAW,EAChB,KAAK,EAAC,YAAY,EAClB,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,EAClD,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,GAC9B,GACI,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}
|