@proprioo/salatim 18.6.0 → 19.2.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +21 -0
- package/lib/date/src/DayPicker.js +3 -14
- package/lib/date/src/DayPicker.js.map +1 -1
- package/lib/date/src/datePicker/DatePicker.js +18 -51
- package/lib/date/src/datePicker/DatePicker.js.map +1 -1
- package/lib/date/src/datePicker/DatePicker.styles.js +25 -8
- package/lib/date/src/datePicker/DatePicker.styles.js.map +1 -1
- package/lib/date/src/datePicker/DatePicker.test.js +22 -71
- package/lib/date/src/datePicker/DatePicker.test.js.map +1 -1
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.js +22 -36
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.js.map +1 -1
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.stories.js +25 -36
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.stories.js.map +1 -1
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.test.js +55 -132
- package/lib/date/src/datePickerWrapper/DatePickerWrapper.test.js.map +1 -1
- package/lib/date/src/datePickerWrapper/DatepickerWrapper.styles.js +5 -10
- package/lib/date/src/datePickerWrapper/DatepickerWrapper.styles.js.map +1 -1
- package/lib/date/src/singleMonth/SingleMonth.js +9 -12
- package/lib/date/src/singleMonth/SingleMonth.js.map +1 -1
- package/lib/date/src/singleMonth/SingleMonth.stories.js +21 -32
- package/lib/date/src/singleMonth/SingleMonth.stories.js.map +1 -1
- package/lib/date/src/singleMonth/SingleMonth.styles.js +54 -9
- package/lib/date/src/singleMonth/SingleMonth.styles.js.map +1 -1
- package/lib/date/src/singleMonth/SingleMonth.test.js +18 -67
- package/lib/date/src/singleMonth/SingleMonth.test.js.map +1 -1
- package/lib/energy/src/Energy.js +17 -18
- package/lib/energy/src/Energy.js.map +1 -1
- package/lib/energy/src/Energy.stories.js +9 -20
- package/lib/energy/src/Energy.stories.js.map +1 -1
- package/lib/energy/src/Energy.styles.js +161 -45
- package/lib/energy/src/Energy.styles.js.map +1 -1
- package/lib/energy/src/Energy.test.js +13 -24
- package/lib/energy/src/Energy.test.js.map +1 -1
- package/lib/energy/src/Energy.utils.js +24 -29
- package/lib/energy/src/Energy.utils.js.map +1 -1
- package/lib/energy/src/Energy.utils.test.js +51 -51
- package/lib/energy/src/Energy.utils.test.js.map +1 -1
- package/lib/forms/src/userForm/UserForm.js +17 -37
- package/lib/forms/src/userForm/UserForm.js.map +1 -1
- package/lib/forms/src/userForm/UserForm.schema.d.ts +9 -9
- package/lib/forms/src/userForm/UserForm.schema.js +6 -6
- package/lib/forms/src/userForm/UserForm.schema.js.map +1 -1
- package/lib/forms/src/userForm/UserForm.stories.js +15 -15
- package/lib/forms/src/userForm/UserForm.stories.js.map +1 -1
- package/lib/forms/src/userForm/UserForm.styles.js +9 -10
- package/lib/forms/src/userForm/UserForm.styles.js.map +1 -1
- package/lib/forms/src/userForm/UserForm.test.js +56 -130
- package/lib/forms/src/userForm/UserForm.test.js.map +1 -1
- package/lib/hooks/index.d.ts +1 -0
- package/lib/hooks/index.js +3 -1
- package/lib/hooks/index.js.map +1 -1
- package/lib/hooks/useDebounce/useDebounce.js +6 -6
- package/lib/hooks/useDebounce/useDebounce.js.map +1 -1
- package/lib/hooks/useDebounce/useDebounce.test.js +12 -12
- package/lib/hooks/useDebounce/useDebounce.test.js.map +1 -1
- package/lib/hooks/useEmailSuggestion/useEmailSuggestion.js +11 -12
- package/lib/hooks/useEmailSuggestion/useEmailSuggestion.js.map +1 -1
- package/lib/hooks/useEmailSuggestion/useEmailSuggestion.test.js +16 -55
- package/lib/hooks/useEmailSuggestion/useEmailSuggestion.test.js.map +1 -1
- package/lib/hooks/useOnClickOutside/useOnClickOutside.d.ts +2 -0
- package/lib/hooks/useOnClickOutside/useOnClickOutside.js +30 -0
- package/lib/hooks/useOnClickOutside/useOnClickOutside.js.map +1 -0
- package/lib/index.js +2641 -4
- package/lib/index.js.map +1 -1
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.js +11 -12
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.js.map +1 -1
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.stories.js +9 -9
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.stories.js.map +1 -1
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.styles.js +17 -13
- package/lib/phone/src/phoneAndFlag/PhoneAndFlag.styles.js.map +1 -1
- package/lib/phone/src/phoneAndFlag/PhoneAndFlags.test.js +14 -14
- package/lib/phone/src/phoneAndFlag/PhoneAndFlags.test.js.map +1 -1
- package/lib/phone/src/phoneInput/Phone.js +8 -9
- package/lib/phone/src/phoneInput/Phone.js.map +1 -1
- package/lib/phone/src/phoneInput/Phone.stories.js +26 -37
- package/lib/phone/src/phoneInput/Phone.stories.js.map +1 -1
- package/lib/phone/src/phoneInput/Phone.styles.js +60 -13
- package/lib/phone/src/phoneInput/Phone.styles.js.map +1 -1
- package/lib/phone/src/phoneInput/Phone.test.js +57 -131
- package/lib/phone/src/phoneInput/Phone.test.js.map +1 -1
- package/lib/phone/src/phoneInput/PhoneInput.js +5 -8
- package/lib/phone/src/phoneInput/PhoneInput.js.map +1 -1
- package/lib/phone/src/phoneInput/constant.d.ts +3 -2
- package/lib/phone/src/phoneInput/constant.js.map +1 -1
- package/lib/phone/src/utils.d.ts +2 -1
- package/lib/phone/src/utils.js +6 -6
- package/lib/phone/src/utils.js.map +1 -1
- package/lib/phone/src/utils.test.js +6 -6
- package/lib/phone/src/utils.test.js.map +1 -1
- package/lib/setupTests.js +22 -46
- package/lib/setupTests.js.map +1 -1
- package/lib/ui/src/accordion/Accordion.js +3 -6
- package/lib/ui/src/accordion/Accordion.js.map +1 -1
- package/lib/ui/src/accordion/Accordion.stories.js +38 -51
- package/lib/ui/src/accordion/Accordion.stories.js.map +1 -1
- package/lib/ui/src/accordion/Accordion.styles.js +81 -33
- package/lib/ui/src/accordion/Accordion.styles.js.map +1 -1
- package/lib/ui/src/accordion/Accordion.test.js +73 -129
- package/lib/ui/src/accordion/Accordion.test.js.map +1 -1
- package/lib/ui/src/accordion/AccordionContextConsumer.js +3 -6
- package/lib/ui/src/accordion/AccordionContextConsumer.js.map +1 -1
- package/lib/ui/src/accordion/AccordionContextProvider.js +19 -37
- package/lib/ui/src/accordion/AccordionContextProvider.js.map +1 -1
- package/lib/ui/src/accordion/AccordionHeader.js +8 -14
- package/lib/ui/src/accordion/AccordionHeader.js.map +1 -1
- package/lib/ui/src/accordion/AccordionItem.js +7 -13
- package/lib/ui/src/accordion/AccordionItem.js.map +1 -1
- package/lib/ui/src/accordion/AccordionPanel.js +4 -10
- package/lib/ui/src/accordion/AccordionPanel.js.map +1 -1
- package/lib/ui/src/accordion/AccordionStore.js +14 -36
- package/lib/ui/src/accordion/AccordionStore.js.map +1 -1
- package/lib/ui/src/accordion/ItemContextConsumer.js +3 -6
- package/lib/ui/src/accordion/ItemContextConsumer.js.map +1 -1
- package/lib/ui/src/accordion/ItemContextProvider.js +10 -22
- package/lib/ui/src/accordion/ItemContextProvider.js.map +1 -1
- package/lib/ui/src/agentBanner/AgentBanner.js +13 -16
- package/lib/ui/src/agentBanner/AgentBanner.js.map +1 -1
- package/lib/ui/src/agentBanner/AgentBanner.stories.js +8 -8
- package/lib/ui/src/agentBanner/AgentBanner.stories.js.map +1 -1
- package/lib/ui/src/agentBanner/AgentBanner.styles.js +61 -18
- package/lib/ui/src/agentBanner/AgentBanner.styles.js.map +1 -1
- package/lib/ui/src/agentBanner/AgentBanner.test.js +13 -24
- package/lib/ui/src/agentBanner/AgentBanner.test.js.map +1 -1
- package/lib/ui/src/agentCard/AgentCard.js +19 -22
- package/lib/ui/src/agentCard/AgentCard.js.map +1 -1
- package/lib/ui/src/agentCard/AgentCard.stories.js +9 -9
- package/lib/ui/src/agentCard/AgentCard.stories.js.map +1 -1
- package/lib/ui/src/agentCard/AgentCard.styles.js +83 -16
- package/lib/ui/src/agentCard/AgentCard.styles.js.map +1 -1
- package/lib/ui/src/agentCard/AgentCard.test.js +21 -32
- package/lib/ui/src/agentCard/AgentCard.test.js.map +1 -1
- package/lib/ui/src/autocomplete/Autocomplete.js +16 -33
- package/lib/ui/src/autocomplete/Autocomplete.js.map +1 -1
- package/lib/ui/src/autocomplete/Autocomplete.stories.js +30 -41
- package/lib/ui/src/autocomplete/Autocomplete.stories.js.map +1 -1
- package/lib/ui/src/autocomplete/Autocomplete.test.js +67 -167
- package/lib/ui/src/autocomplete/Autocomplete.test.js.map +1 -1
- package/lib/ui/src/background/Background.styles.js +40 -17
- package/lib/ui/src/background/Background.styles.js.map +1 -1
- package/lib/ui/src/block/Block.js +5 -8
- package/lib/ui/src/block/Block.js.map +1 -1
- package/lib/ui/src/block/Block.stories.js +10 -10
- package/lib/ui/src/block/Block.stories.js.map +1 -1
- package/lib/ui/src/block/Block.styles.js +59 -24
- package/lib/ui/src/block/Block.styles.js.map +1 -1
- package/lib/ui/src/block/Block.test.js +11 -11
- package/lib/ui/src/block/Block.test.js.map +1 -1
- package/lib/ui/src/blockIcon/BlockIcon.js +5 -6
- package/lib/ui/src/blockIcon/BlockIcon.js.map +1 -1
- package/lib/ui/src/blockIcon/BlockIcon.stories.js +15 -15
- package/lib/ui/src/blockIcon/BlockIcon.stories.js.map +1 -1
- package/lib/ui/src/blockIcon/BlockIcon.styles.js +53 -14
- package/lib/ui/src/blockIcon/BlockIcon.styles.js.map +1 -1
- package/lib/ui/src/blockIcon/BlockIcon.test.js +21 -67
- package/lib/ui/src/blockIcon/BlockIcon.test.js.map +1 -1
- package/lib/ui/src/burger/Burger.js +6 -9
- package/lib/ui/src/burger/Burger.js.map +1 -1
- package/lib/ui/src/burger/Burger.stories.js +14 -27
- package/lib/ui/src/burger/Burger.stories.js.map +1 -1
- package/lib/ui/src/burger/Burger.styles.js +88 -23
- package/lib/ui/src/burger/Burger.styles.js.map +1 -1
- package/lib/ui/src/burger/Burger.test.js +18 -64
- package/lib/ui/src/burger/Burger.test.js.map +1 -1
- package/lib/ui/src/button/Button.js +6 -17
- package/lib/ui/src/button/Button.js.map +1 -1
- package/lib/ui/src/button/Button.stories.js +34 -45
- package/lib/ui/src/button/Button.stories.js.map +1 -1
- package/lib/ui/src/button/Button.styles.d.ts +4 -2
- package/lib/ui/src/button/Button.styles.js +416 -107
- package/lib/ui/src/button/Button.styles.js.map +1 -1
- package/lib/ui/src/button/Button.test.js +38 -84
- package/lib/ui/src/button/Button.test.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadio.js +7 -8
- package/lib/ui/src/buttonRadioGroup/ButtonRadio.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadio.styles.js +78 -21
- package/lib/ui/src/buttonRadioGroup/ButtonRadio.styles.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.js +4 -7
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.stories.js +8 -11
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.stories.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.styles.js +16 -9
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.styles.js.map +1 -1
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.test.js +18 -68
- package/lib/ui/src/buttonRadioGroup/ButtonRadioGroup.test.js.map +1 -1
- package/lib/ui/src/card/Card.js +18 -19
- package/lib/ui/src/card/Card.js.map +1 -1
- package/lib/ui/src/card/Card.stories.js +21 -32
- package/lib/ui/src/card/Card.stories.js.map +1 -1
- package/lib/ui/src/card/Card.styles.js +81 -33
- package/lib/ui/src/card/Card.styles.js.map +1 -1
- package/lib/ui/src/card/Card.test.js +63 -141
- package/lib/ui/src/card/Card.test.js.map +1 -1
- package/lib/ui/src/card/icons/Dropdown.d.ts +0 -1
- package/lib/ui/src/card/icons/Dropdown.js +3 -3
- package/lib/ui/src/card/icons/Dropdown.js.map +1 -1
- package/lib/ui/src/card/icons/Dropup.d.ts +0 -1
- package/lib/ui/src/card/icons/Dropup.js +3 -3
- package/lib/ui/src/card/icons/Dropup.js.map +1 -1
- package/lib/ui/src/checkbox/Checkbox.d.ts +1 -0
- package/lib/ui/src/checkbox/Checkbox.js +9 -9
- package/lib/ui/src/checkbox/Checkbox.js.map +1 -1
- package/lib/ui/src/checkbox/Checkbox.stories.js +66 -48
- package/lib/ui/src/checkbox/Checkbox.stories.js.map +1 -1
- package/lib/ui/src/checkbox/Checkbox.styles.d.ts +5 -2
- package/lib/ui/src/checkbox/Checkbox.styles.js +149 -18
- package/lib/ui/src/checkbox/Checkbox.styles.js.map +1 -1
- package/lib/ui/src/checkbox/Checkbox.test.js +27 -62
- package/lib/ui/src/checkbox/Checkbox.test.js.map +1 -1
- package/lib/ui/src/dateInput/DateInput.js +20 -33
- package/lib/ui/src/dateInput/DateInput.js.map +1 -1
- package/lib/ui/src/dateInput/DateInput.stories.js +15 -26
- package/lib/ui/src/dateInput/DateInput.stories.js.map +1 -1
- package/lib/ui/src/dateInput/DateInput.test.js +51 -139
- package/lib/ui/src/dateInput/DateInput.test.js.map +1 -1
- package/lib/ui/src/emailInput/EmailInput.d.ts +0 -1
- package/lib/ui/src/emailInput/EmailInput.js +20 -31
- package/lib/ui/src/emailInput/EmailInput.js.map +1 -1
- package/lib/ui/src/emailInput/EmailInput.stories.js +15 -26
- package/lib/ui/src/emailInput/EmailInput.stories.js.map +1 -1
- package/lib/ui/src/emailInput/EmailInput.styles.js +32 -9
- package/lib/ui/src/emailInput/EmailInput.styles.js.map +1 -1
- package/lib/ui/src/emailInput/EmailInput.test.js +71 -149
- package/lib/ui/src/emailInput/EmailInput.test.js.map +1 -1
- package/lib/ui/src/fieldset/Fieldset.js +8 -11
- package/lib/ui/src/fieldset/Fieldset.js.map +1 -1
- package/lib/ui/src/fieldset/Fieldset.stories.js +7 -7
- package/lib/ui/src/fieldset/Fieldset.stories.js.map +1 -1
- package/lib/ui/src/fieldset/Fieldset.styles.js +34 -18
- package/lib/ui/src/fieldset/Fieldset.styles.js.map +1 -1
- package/lib/ui/src/fieldset/Fieldset.test.js +6 -6
- package/lib/ui/src/fieldset/Fieldset.test.js.map +1 -1
- package/lib/ui/src/gmapsAutoComplete/GmapsAutocomplete.js +34 -64
- package/lib/ui/src/gmapsAutoComplete/GmapsAutocomplete.js.map +1 -1
- package/lib/ui/src/gmapsAutoComplete/GmapsAutocomplete.stories.js +26 -26
- package/lib/ui/src/gmapsAutoComplete/GmapsAutocomplete.stories.js.map +1 -1
- package/lib/ui/src/gmapsGeocode/GmapsGeocode.d.ts +1 -0
- package/lib/ui/src/gmapsGeocode/GmapsGeocode.js +18 -46
- package/lib/ui/src/gmapsGeocode/GmapsGeocode.js.map +1 -1
- package/lib/ui/src/gmapsGeocode/GmapsGeocode.stories.js +16 -18
- package/lib/ui/src/gmapsGeocode/GmapsGeocode.stories.js.map +1 -1
- package/lib/ui/src/gmapsSuggestions/GmapsSuggestions.js +11 -25
- package/lib/ui/src/gmapsSuggestions/GmapsSuggestions.js.map +1 -1
- package/lib/ui/src/gmapsSuggestions/GmapsSuggestions.test.js +15 -26
- package/lib/ui/src/gmapsSuggestions/GmapsSuggestions.test.js.map +1 -1
- package/lib/ui/src/icons/Alert.d.ts +0 -1
- package/lib/ui/src/icons/Alert.js +3 -3
- package/lib/ui/src/icons/Alert.js.map +1 -1
- package/lib/ui/src/icons/Arrow.d.ts +0 -1
- package/lib/ui/src/icons/Arrow.js +3 -3
- package/lib/ui/src/icons/Arrow.js.map +1 -1
- package/lib/ui/src/icons/Certificate.js +3 -6
- package/lib/ui/src/icons/Certificate.js.map +1 -1
- package/lib/ui/src/icons/CheckGreen.d.ts +0 -1
- package/lib/ui/src/icons/CheckGreen.js +3 -3
- package/lib/ui/src/icons/CheckGreen.js.map +1 -1
- package/lib/ui/src/icons/ChevronRight.js +3 -6
- package/lib/ui/src/icons/ChevronRight.js.map +1 -1
- package/lib/ui/src/icons/Close.js +3 -6
- package/lib/ui/src/icons/Close.js.map +1 -1
- package/lib/ui/src/icons/CloseBox.d.ts +0 -1
- package/lib/ui/src/icons/CloseBox.js +3 -3
- package/lib/ui/src/icons/CloseBox.js.map +1 -1
- package/lib/ui/src/icons/DropDown.d.ts +0 -1
- package/lib/ui/src/icons/DropDown.js +3 -3
- package/lib/ui/src/icons/DropDown.js.map +1 -1
- package/lib/ui/src/icons/EmoticonCool.js +3 -6
- package/lib/ui/src/icons/EmoticonCool.js.map +1 -1
- package/lib/ui/src/icons/Help.js +3 -6
- package/lib/ui/src/icons/Help.js.map +1 -1
- package/lib/ui/src/icons/Less.js +3 -6
- package/lib/ui/src/icons/Less.js.map +1 -1
- package/lib/ui/src/icons/Plus.js +3 -6
- package/lib/ui/src/icons/Plus.js.map +1 -1
- package/lib/ui/src/icons/Tick.d.ts +0 -1
- package/lib/ui/src/icons/Tick.js +3 -3
- package/lib/ui/src/icons/Tick.js.map +1 -1
- package/lib/ui/src/icons/TrustPilot.d.ts +0 -1
- package/lib/ui/src/icons/TrustPilot.js +3 -3
- package/lib/ui/src/icons/TrustPilot.js.map +1 -1
- package/lib/ui/src/icons/index.d.ts +0 -1
- package/lib/ui/src/icons/index.js +11 -11
- package/lib/ui/src/icons/index.js.map +1 -1
- package/lib/ui/src/input/Input.js +5 -18
- package/lib/ui/src/input/Input.js.map +1 -1
- package/lib/ui/src/input/Input.stories.js +35 -46
- package/lib/ui/src/input/Input.stories.js.map +1 -1
- package/lib/ui/src/input/Input.styles.js +37 -9
- package/lib/ui/src/input/Input.styles.js.map +1 -1
- package/lib/ui/src/input/Input.test.js +17 -28
- package/lib/ui/src/input/Input.test.js.map +1 -1
- package/lib/ui/src/inputBase/InputBase.js +31 -43
- package/lib/ui/src/inputBase/InputBase.js.map +1 -1
- package/lib/ui/src/inputBase/InputBase.styles.js +243 -67
- package/lib/ui/src/inputBase/InputBase.styles.js.map +1 -1
- package/lib/ui/src/inputBase/InputBase.test.js +36 -98
- package/lib/ui/src/inputBase/InputBase.test.js.map +1 -1
- package/lib/ui/src/inputLoader/InputLoader.d.ts +0 -1
- package/lib/ui/src/inputLoader/InputLoader.js +4 -4
- package/lib/ui/src/inputLoader/InputLoader.js.map +1 -1
- package/lib/ui/src/inputLoader/InputLoader.styles.js +20 -10
- package/lib/ui/src/inputLoader/InputLoader.styles.js.map +1 -1
- package/lib/ui/src/inputLoading/InputLoading.js +3 -3
- package/lib/ui/src/inputLoading/InputLoading.js.map +1 -1
- package/lib/ui/src/inputLoading/InputLoading.stories.js +4 -4
- package/lib/ui/src/inputLoading/InputLoading.stories.js.map +1 -1
- package/lib/ui/src/inputLoading/InputLoading.styles.js +10 -8
- package/lib/ui/src/inputLoading/InputLoading.styles.js.map +1 -1
- package/lib/ui/src/inputLoading/InputLoading.test.js +6 -6
- package/lib/ui/src/inputLoading/InputLoading.test.js.map +1 -1
- package/lib/ui/src/loader/Loader.js +8 -11
- package/lib/ui/src/loader/Loader.js.map +1 -1
- package/lib/ui/src/loader/Loader.stories.js +9 -9
- package/lib/ui/src/loader/Loader.stories.js.map +1 -1
- package/lib/ui/src/loader/Loader.styles.js +56 -23
- package/lib/ui/src/loader/Loader.styles.js.map +1 -1
- package/lib/ui/src/loader/Loader.test.js +6 -6
- package/lib/ui/src/loader/Loader.test.js.map +1 -1
- package/lib/ui/src/logo/Logo.d.ts +0 -1
- package/lib/ui/src/logo/Logo.js +3 -3
- package/lib/ui/src/logo/Logo.js.map +1 -1
- package/lib/ui/src/logo/Logo.stories.js +11 -22
- package/lib/ui/src/logo/Logo.stories.js.map +1 -1
- package/lib/ui/src/mockForm/MockForm.js +5 -8
- package/lib/ui/src/mockForm/MockForm.js.map +1 -1
- package/lib/ui/src/mockForm/MockForm.test.js +6 -6
- package/lib/ui/src/mockForm/MockForm.test.js.map +1 -1
- package/lib/ui/src/modal/Modal.js +43 -49
- package/lib/ui/src/modal/Modal.js.map +1 -1
- package/lib/ui/src/modal/Modal.reducer.js +12 -24
- package/lib/ui/src/modal/Modal.reducer.js.map +1 -1
- package/lib/ui/src/modal/Modal.stories.js +25 -27
- package/lib/ui/src/modal/Modal.stories.js.map +1 -1
- package/lib/ui/src/modal/Modal.styles.d.ts +3 -1
- package/lib/ui/src/modal/Modal.styles.js +165 -32
- package/lib/ui/src/modal/Modal.styles.js.map +1 -1
- package/lib/ui/src/modal/Modal.test.js +34 -71
- package/lib/ui/src/modal/Modal.test.js.map +1 -1
- package/lib/ui/src/nativeSelect/NativeSelect.js +5 -11
- package/lib/ui/src/nativeSelect/NativeSelect.js.map +1 -1
- package/lib/ui/src/nativeSelect/NativeSelect.styles.js +9 -7
- package/lib/ui/src/nativeSelect/NativeSelect.styles.js.map +1 -1
- package/lib/ui/src/nativeSelect/NativeSelect.test.js +7 -18
- package/lib/ui/src/nativeSelect/NativeSelect.test.js.map +1 -1
- package/lib/ui/src/numberInput/NumberInput.js +19 -30
- package/lib/ui/src/numberInput/NumberInput.js.map +1 -1
- package/lib/ui/src/numberInput/NumberInput.stories.js +19 -30
- package/lib/ui/src/numberInput/NumberInput.stories.js.map +1 -1
- package/lib/ui/src/numberInput/NumberInput.test.js +107 -254
- package/lib/ui/src/numberInput/NumberInput.test.js.map +1 -1
- package/lib/ui/src/numberInput/NumberInput.utils.js +10 -10
- package/lib/ui/src/numberInput/NumberInput.utils.js.map +1 -1
- package/lib/ui/src/numberInput/NumberInput.utils.test.js +30 -30
- package/lib/ui/src/numberInput/NumberInput.utils.test.js.map +1 -1
- package/lib/ui/src/option/Option.js +8 -11
- package/lib/ui/src/option/Option.js.map +1 -1
- package/lib/ui/src/option/Option.styles.js +59 -19
- package/lib/ui/src/option/Option.styles.js.map +1 -1
- package/lib/ui/src/option/Option.test.js +29 -71
- package/lib/ui/src/option/Option.test.js.map +1 -1
- package/lib/ui/src/panel/Panel.js +4 -7
- package/lib/ui/src/panel/Panel.js.map +1 -1
- package/lib/ui/src/panel/Panel.stories.js +9 -9
- package/lib/ui/src/panel/Panel.stories.js.map +1 -1
- package/lib/ui/src/panel/Panel.styles.js +25 -19
- package/lib/ui/src/panel/Panel.styles.js.map +1 -1
- package/lib/ui/src/panel/PanelColors.js +1 -1
- package/lib/ui/src/panel/PanelColors.js.map +1 -1
- package/lib/ui/src/radio/Radio.js +6 -7
- package/lib/ui/src/radio/Radio.js.map +1 -1
- package/lib/ui/src/radio/Radio.stories.js +12 -27
- package/lib/ui/src/radio/Radio.stories.js.map +1 -1
- package/lib/ui/src/radio/Radio.styles.js +74 -10
- package/lib/ui/src/radio/Radio.styles.js.map +1 -1
- package/lib/ui/src/radio/Radio.test.js +17 -63
- package/lib/ui/src/radio/Radio.test.js.map +1 -1
- package/lib/ui/src/select/Select.js +20 -48
- package/lib/ui/src/select/Select.js.map +1 -1
- package/lib/ui/src/select/Select.styles.js +38 -18
- package/lib/ui/src/select/Select.styles.js.map +1 -1
- package/lib/ui/src/select/Select.test.js +26 -72
- package/lib/ui/src/select/Select.test.js.map +1 -1
- package/lib/ui/src/selectWrapper/SelectWrapper.js +33 -50
- package/lib/ui/src/selectWrapper/SelectWrapper.js.map +1 -1
- package/lib/ui/src/selectWrapper/SelectWrapper.stories.js +64 -82
- package/lib/ui/src/selectWrapper/SelectWrapper.stories.js.map +1 -1
- package/lib/ui/src/selectWrapper/SelectWrapper.styles.js +71 -37
- package/lib/ui/src/selectWrapper/SelectWrapper.styles.js.map +1 -1
- package/lib/ui/src/selectWrapper/SelectWrapper.test.js +53 -107
- package/lib/ui/src/selectWrapper/SelectWrapper.test.js.map +1 -1
- package/lib/ui/src/showMoreTextToggle/ShowMoreTextToggle.js +6 -7
- package/lib/ui/src/showMoreTextToggle/ShowMoreTextToggle.js.map +1 -1
- package/lib/ui/src/showMoreTextToggle/ShowMoreTextToggle.stories.js +7 -18
- package/lib/ui/src/showMoreTextToggle/ShowMoreTextToggle.stories.js.map +1 -1
- package/lib/ui/src/showMoreTextToggle/ShowMoreTextToggle.test.js +29 -67
- package/lib/ui/src/showMoreTextToggle/ShowMoreTextToggle.test.js.map +1 -1
- package/lib/ui/src/showMoreTextToggle/showMoreTextToggle.styles.js +22 -21
- package/lib/ui/src/showMoreTextToggle/showMoreTextToggle.styles.js.map +1 -1
- package/lib/ui/src/subtitle/Subtitle.js +5 -8
- package/lib/ui/src/subtitle/Subtitle.js.map +1 -1
- package/lib/ui/src/subtitle/Subtitle.stories.js +9 -20
- package/lib/ui/src/subtitle/Subtitle.stories.js.map +1 -1
- package/lib/ui/src/subtitle/Subtitle.styles.js +15 -16
- package/lib/ui/src/subtitle/Subtitle.styles.js.map +1 -1
- package/lib/ui/src/subtitle/Subtitle.test.js +9 -20
- package/lib/ui/src/subtitle/Subtitle.test.js.map +1 -1
- package/lib/ui/src/tag/Tag.js +32 -13
- package/lib/ui/src/tag/Tag.js.map +1 -1
- package/lib/ui/src/tag/Tag.stories.js +29 -40
- package/lib/ui/src/tag/Tag.stories.js.map +1 -1
- package/lib/ui/src/tag/Tag.styles.d.ts +0 -3
- package/lib/ui/src/tag/Tag.styles.js +141 -47
- package/lib/ui/src/tag/Tag.styles.js.map +1 -1
- package/lib/ui/src/tag/Tag.test.js +31 -80
- package/lib/ui/src/tag/Tag.test.js.map +1 -1
- package/lib/ui/src/tag/TagColors.js +1 -1
- package/lib/ui/src/tag/TagColors.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.js +50 -77
- package/lib/ui/src/textarea/Textarea.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.stories.js +42 -62
- package/lib/ui/src/textarea/Textarea.stories.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.styles.d.ts +1 -1
- package/lib/ui/src/textarea/Textarea.styles.js +57 -32
- package/lib/ui/src/textarea/Textarea.styles.js.map +1 -1
- package/lib/ui/src/textarea/Textarea.test.js +17 -63
- package/lib/ui/src/textarea/Textarea.test.js.map +1 -1
- package/lib/ui/src/title/H1.js +6 -9
- package/lib/ui/src/title/H1.js.map +1 -1
- package/lib/ui/src/title/H1.styles.d.ts +2 -1
- package/lib/ui/src/title/H1.styles.js +7 -9
- package/lib/ui/src/title/H1.styles.js.map +1 -1
- package/lib/ui/src/title/H1.test.js +6 -6
- package/lib/ui/src/title/H1.test.js.map +1 -1
- package/lib/ui/src/title/H2.js +6 -9
- package/lib/ui/src/title/H2.js.map +1 -1
- package/lib/ui/src/title/H2.styles.d.ts +2 -1
- package/lib/ui/src/title/H2.styles.js +7 -9
- package/lib/ui/src/title/H2.styles.js.map +1 -1
- package/lib/ui/src/title/H2.test.js +6 -6
- package/lib/ui/src/title/H2.test.js.map +1 -1
- package/lib/ui/src/title/H3.js +7 -21
- package/lib/ui/src/title/H3.js.map +1 -1
- package/lib/ui/src/title/H3.styles.d.ts +2 -1
- package/lib/ui/src/title/H3.styles.js +7 -9
- package/lib/ui/src/title/H3.styles.js.map +1 -1
- package/lib/ui/src/title/H3.test.js +6 -6
- package/lib/ui/src/title/H3.test.js.map +1 -1
- package/lib/ui/src/title/H4.js +6 -9
- package/lib/ui/src/title/H4.js.map +1 -1
- package/lib/ui/src/title/H4.styles.d.ts +2 -1
- package/lib/ui/src/title/H4.styles.js +7 -9
- package/lib/ui/src/title/H4.styles.js.map +1 -1
- package/lib/ui/src/title/H4.test.js +6 -6
- package/lib/ui/src/title/H4.test.js.map +1 -1
- package/lib/ui/src/title/H5.js +6 -9
- package/lib/ui/src/title/H5.js.map +1 -1
- package/lib/ui/src/title/H5.styles.d.ts +2 -1
- package/lib/ui/src/title/H5.styles.js +7 -9
- package/lib/ui/src/title/H5.styles.js.map +1 -1
- package/lib/ui/src/title/H5.test.js +6 -6
- package/lib/ui/src/title/H5.test.js.map +1 -1
- package/lib/ui/src/title/H6.js +7 -21
- package/lib/ui/src/title/H6.js.map +1 -1
- package/lib/ui/src/title/H6.styles.d.ts +2 -1
- package/lib/ui/src/title/H6.styles.js +7 -9
- package/lib/ui/src/title/H6.styles.js.map +1 -1
- package/lib/ui/src/title/H6.test.js +6 -6
- package/lib/ui/src/title/H6.test.js.map +1 -1
- package/lib/ui/src/title/Title.js +2 -2
- package/lib/ui/src/title/Title.js.map +1 -1
- package/lib/ui/src/title/Title.stories.js +18 -18
- package/lib/ui/src/title/Title.stories.js.map +1 -1
- package/lib/ui/src/title/Title.styles.js +89 -22
- package/lib/ui/src/title/Title.styles.js.map +1 -1
- package/lib/ui/src/toggle/Toggle.js +8 -11
- package/lib/ui/src/toggle/Toggle.js.map +1 -1
- package/lib/ui/src/toggle/Toggle.stories.js +20 -31
- package/lib/ui/src/toggle/Toggle.stories.js.map +1 -1
- package/lib/ui/src/toggle/Toggle.styles.js +87 -13
- package/lib/ui/src/toggle/Toggle.styles.js.map +1 -1
- package/lib/ui/src/toggle/Toggle.test.js +23 -68
- package/lib/ui/src/toggle/Toggle.test.js.map +1 -1
- package/lib/ui/src/tooltip/Tooltip.js +20 -32
- package/lib/ui/src/tooltip/Tooltip.js.map +1 -1
- package/lib/ui/src/tooltip/Tooltip.stories.js +26 -37
- package/lib/ui/src/tooltip/Tooltip.stories.js.map +1 -1
- package/lib/ui/src/tooltip/Tooltip.styles.js +56 -9
- package/lib/ui/src/tooltip/Tooltip.styles.js.map +1 -1
- package/lib/ui/src/tooltip/Tooltip.test.js +22 -71
- package/lib/ui/src/tooltip/Tooltip.test.js.map +1 -1
- package/lib/utils/src/actions.js +2 -2
- package/lib/utils/src/actions.js.map +1 -1
- package/lib/utils/src/colors.js +23 -25
- package/lib/utils/src/colors.js.map +1 -1
- package/lib/utils/src/colors.test.js +7 -7
- package/lib/utils/src/colors.test.js.map +1 -1
- package/lib/utils/src/container.js +21 -9
- package/lib/utils/src/container.js.map +1 -1
- package/lib/utils/src/fonts.js +18 -19
- package/lib/utils/src/fonts.js.map +1 -1
- package/lib/utils/src/gmaps.d.ts +1 -0
- package/lib/utils/src/gmaps.js +11 -17
- package/lib/utils/src/gmaps.js.map +1 -1
- package/lib/utils/src/gmaps.test.js +22 -42
- package/lib/utils/src/gmaps.test.js.map +1 -1
- package/lib/utils/src/line.js +7 -8
- package/lib/utils/src/line.js.map +1 -1
- package/lib/utils/src/paragraphs.d.ts +2 -0
- package/lib/utils/src/paragraphs.js +92 -31
- package/lib/utils/src/paragraphs.js.map +1 -1
- package/lib/utils/src/radius.js +6 -6
- package/lib/utils/src/radius.js.map +1 -1
- package/lib/utils/src/responsive.js +13 -22
- package/lib/utils/src/responsive.js.map +1 -1
- package/lib/utils/src/row.js +37 -9
- package/lib/utils/src/row.js.map +1 -1
- package/lib/utils/src/scrollbars.js +32 -9
- package/lib/utils/src/scrollbars.js.map +1 -1
- package/lib/utils/src/shadows.js +6 -6
- package/lib/utils/src/shadows.js.map +1 -1
- package/lib/utils/src/spacing.js +1 -1
- package/lib/utils/src/spacing.js.map +1 -1
- package/lib/utils/src/spacing.test.js +10 -10
- package/lib/utils/src/spacing.test.js.map +1 -1
- package/lib/utils/src/test-utils.d.ts +1 -1
- package/lib/utils/src/test-utils.js +21 -69
- package/lib/utils/src/test-utils.js.map +1 -1
- package/lib/utils/src/utils.stories.js +29 -27
- package/lib/utils/src/utils.stories.js.map +1 -1
- package/lib/utils/src/utils.styles.d.ts +2 -0
- package/lib/utils/src/utils.styles.js +192 -56
- package/lib/utils/src/utils.styles.js.map +1 -1
- package/package.json +50 -56
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
3
|
if (k2 === undefined) k2 = k;
|
|
15
4
|
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
@@ -45,46 +34,44 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
45
34
|
};
|
|
46
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
36
|
exports.isValidDate = exports.formatValue = exports.formatISODate = exports.formatDate = void 0;
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
37
|
+
const date_fns_1 = require("date-fns");
|
|
38
|
+
const react_1 = __importStar(require("react"));
|
|
39
|
+
const InputBase_1 = __importDefault(require("../inputBase/InputBase"));
|
|
40
|
+
const formatDay = 'dd/MM/yyyy';
|
|
41
|
+
const formatISODay = 'yyyy-MM-dd';
|
|
42
|
+
const formatDate = (date) => (0, date_fns_1.format)(date, formatDay);
|
|
54
43
|
exports.formatDate = formatDate;
|
|
55
|
-
|
|
44
|
+
const formatISODate = (date) => (0, date_fns_1.format)(date, formatISODay);
|
|
56
45
|
exports.formatISODate = formatISODate;
|
|
57
|
-
|
|
46
|
+
const formatValue = (value) => {
|
|
58
47
|
if (value.length === 2 && !value.slice(0, 2).includes('/')) {
|
|
59
|
-
return value
|
|
48
|
+
return `${value}/`;
|
|
60
49
|
}
|
|
61
50
|
else if (value.length === 5 && !value.slice(3, 5).includes('/')) {
|
|
62
|
-
return value
|
|
51
|
+
return `${value}/`;
|
|
63
52
|
}
|
|
64
53
|
else {
|
|
65
54
|
return value.substr(0, 10);
|
|
66
55
|
}
|
|
67
56
|
};
|
|
68
57
|
exports.formatValue = formatValue;
|
|
69
|
-
|
|
70
|
-
return date_fns_1.isValid(date) && date_fns_1.isAfter(date, new Date(1000, 0, 1));
|
|
71
|
-
};
|
|
58
|
+
const isValidDate = (date) => (0, date_fns_1.isValid)(date) && (0, date_fns_1.isAfter)(date, new Date(1000, 0, 1));
|
|
72
59
|
exports.isValidDate = isValidDate;
|
|
73
|
-
|
|
74
|
-
var
|
|
75
|
-
|
|
76
|
-
|
|
60
|
+
const DateInput = (_a) => {
|
|
61
|
+
var { label = 'dd/mm/yyyy', value, dataTest, onChange } = _a, restProps = __rest(_a, ["label", "value", "dataTest", "onChange"]);
|
|
62
|
+
const [internalValue, setInternalValue] = (0, react_1.useState)(value ? (0, exports.formatDate)(new Date(value)) : '');
|
|
63
|
+
const handleChange = (newValue) => {
|
|
77
64
|
if (newValue.length === 0) {
|
|
78
65
|
// empty string used to allow empty field
|
|
79
66
|
setInternalValue(newValue);
|
|
80
67
|
onChange(newValue);
|
|
81
68
|
}
|
|
82
69
|
else {
|
|
83
|
-
|
|
84
|
-
|
|
70
|
+
const formattedValue = (0, exports.formatValue)(newValue);
|
|
71
|
+
const parsedDate = (0, date_fns_1.parse)(formattedValue, formatDay, new Date());
|
|
85
72
|
if (newValue.length > internalValue.length) {
|
|
86
|
-
if (exports.isValidDate(parsedDate)) {
|
|
87
|
-
onChange(exports.formatISODate(parsedDate));
|
|
73
|
+
if ((0, exports.isValidDate)(parsedDate)) {
|
|
74
|
+
onChange((0, exports.formatISODate)(parsedDate));
|
|
88
75
|
}
|
|
89
76
|
else {
|
|
90
77
|
onChange(null);
|
|
@@ -98,7 +85,7 @@ var DateInput = function (_a) {
|
|
|
98
85
|
}
|
|
99
86
|
}
|
|
100
87
|
};
|
|
101
|
-
return (react_1.default.createElement(InputBase_1.default,
|
|
88
|
+
return (react_1.default.createElement(InputBase_1.default, Object.assign({}, restProps, { onChange: handleChange, label: label, value: internalValue, dataTest: dataTest || 'input-date' })));
|
|
102
89
|
};
|
|
103
90
|
exports.default = DateInput;
|
|
104
91
|
//# sourceMappingURL=DateInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../../../../packages/ui/src/dateInput/DateInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DateInput.js","sourceRoot":"","sources":["../../../../packages/ui/src/dateInput/DateInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
3
|
if (k2 === undefined) k2 = k;
|
|
15
4
|
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
@@ -33,36 +22,36 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
33
22
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
34
23
|
};
|
|
35
24
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
25
|
+
const react_1 = __importStar(require("react"));
|
|
26
|
+
const storybook_state_1 = require("@sambego/storybook-state");
|
|
27
|
+
const addon_actions_1 = require("@storybook/addon-actions");
|
|
28
|
+
const react_2 = require("@storybook/react");
|
|
29
|
+
const DateInput_1 = __importDefault(require("./DateInput"));
|
|
30
|
+
const onChangeAction = (0, addon_actions_1.action)('onChange');
|
|
31
|
+
const inputState = new storybook_state_1.Store({
|
|
43
32
|
value: null
|
|
44
33
|
});
|
|
45
|
-
inputState.subscribe(
|
|
46
|
-
react_2.forceReRender();
|
|
34
|
+
inputState.subscribe(() => {
|
|
35
|
+
(0, react_2.forceReRender)();
|
|
47
36
|
});
|
|
48
|
-
|
|
37
|
+
const defaultProps = {
|
|
49
38
|
label: 'dd/mm/yyyy',
|
|
50
39
|
disabled: false,
|
|
51
40
|
error: false,
|
|
52
41
|
value: '2010-09-06',
|
|
53
42
|
onChange: onChangeAction
|
|
54
43
|
};
|
|
55
|
-
react_2.storiesOf('DateInput', module)
|
|
56
|
-
.add('with prefilling',
|
|
57
|
-
.add('controlled',
|
|
44
|
+
(0, react_2.storiesOf)('DateInput', module)
|
|
45
|
+
.add('with prefilling', () => react_1.default.createElement(DateInput_1.default, Object.assign({}, defaultProps)))
|
|
46
|
+
.add('controlled', () => {
|
|
58
47
|
return (react_1.default.createElement(storybook_state_1.State, { store: inputState },
|
|
59
48
|
react_1.default.createElement(react_1.Fragment, null, inputState.get('value') && (react_1.default.createElement(react_1.Fragment, null,
|
|
60
49
|
"Date : ",
|
|
61
50
|
inputState.get('value'),
|
|
62
51
|
react_1.default.createElement("br", null),
|
|
63
52
|
react_1.default.createElement("br", null)))),
|
|
64
|
-
react_1.default.createElement(DateInput_1.default,
|
|
65
|
-
inputState.set({ value
|
|
53
|
+
react_1.default.createElement(DateInput_1.default, Object.assign({}, defaultProps, { onChange: value => {
|
|
54
|
+
inputState.set({ value });
|
|
66
55
|
onChangeAction(value);
|
|
67
56
|
} }))));
|
|
68
57
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateInput.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/dateInput/DateInput.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DateInput.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/dateInput/DateInput.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AAGxC,8DAAwD;AACxD,4DAAkD;AAClD,4CAA4D;AAE5D,4DAAuE;AAEvE,MAAM,cAAc,GAAG,IAAA,sBAAM,EAAC,UAAU,CAAC,CAAC;AAE1C,MAAM,UAAU,GAAG,IAAI,uBAAK,CAA0B;IACpD,KAAK,EAAE,IAAI;CACZ,CAAC,CAAC;AAEH,UAAU,CAAC,SAAS,CAAC,GAAG,EAAE;IACxB,IAAA,qBAAa,GAAE,CAAC;AAClB,CAAC,CAAC,CAAC;AAEH,MAAM,YAAY,GAAmB;IACnC,KAAK,EAAE,YAAY;IACnB,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,KAAK;IACZ,KAAK,EAAE,YAAY;IACnB,QAAQ,EAAE,cAAc;CACzB,CAAC;AAEF,IAAA,iBAAS,EAAC,WAAW,EAAE,MAAM,CAAC;KAC3B,GAAG,CAAC,iBAAiB,EAAE,GAAG,EAAE,CAAC,8BAAC,mBAAS,oBAAK,YAAY,EAAI,CAAC;KAC7D,GAAG,CAAC,YAAY,EAAE,GAAG,EAAE;IACtB,OAAO,CACL,8BAAC,uBAAK,IAAC,KAAK,EAAE,UAAU;QACtB,8BAAC,gBAAQ,QACN,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAC1B,8BAAC,gBAAQ;;YACC,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC;YAC/B,yCAAM;YACN,yCAAM,CACG,CACZ,CACQ;QACX,8BAAC,mBAAS,oBACJ,YAAY,IAChB,QAAQ,EAAE,KAAK,CAAC,EAAE;gBAChB,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;gBAC1B,cAAc,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC,IACD,CACI,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
3
|
if (k2 === undefined) k2 = k;
|
|
15
4
|
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
@@ -38,145 +27,68 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
|
|
|
38
27
|
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
39
28
|
});
|
|
40
29
|
};
|
|
41
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
42
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
|
|
43
|
-
return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
44
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
45
|
-
function step(op) {
|
|
46
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
47
|
-
while (_) try {
|
|
48
|
-
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
49
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
50
|
-
switch (op[0]) {
|
|
51
|
-
case 0: case 1: t = op; break;
|
|
52
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
53
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
54
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
55
|
-
default:
|
|
56
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
57
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
58
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
59
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
60
|
-
if (t[2]) _.ops.pop();
|
|
61
|
-
_.trys.pop(); continue;
|
|
62
|
-
}
|
|
63
|
-
op = body.call(thisArg, _);
|
|
64
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
65
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
66
|
-
}
|
|
67
|
-
};
|
|
68
30
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
69
31
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
70
32
|
};
|
|
71
33
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
34
|
+
const react_1 = __importStar(require("react"));
|
|
35
|
+
const react_2 = require("@testing-library/react");
|
|
36
|
+
const user_event_1 = __importDefault(require("@testing-library/user-event"));
|
|
37
|
+
const DateInput_1 = __importStar(require("./DateInput"));
|
|
38
|
+
const mockOnChange = jest.fn();
|
|
39
|
+
const mockOnBlur = jest.fn();
|
|
40
|
+
const defaultProps = {
|
|
79
41
|
label: 'label',
|
|
80
42
|
disabled: false,
|
|
81
43
|
error: false,
|
|
82
44
|
onChange: mockOnChange,
|
|
83
45
|
onBlur: mockOnBlur
|
|
84
46
|
};
|
|
85
|
-
describe('formatValue',
|
|
86
|
-
it('should format',
|
|
87
|
-
expect(DateInput_1.formatValue('dd')).toEqual('dd/');
|
|
88
|
-
expect(DateInput_1.formatValue('ddm')).toEqual('ddm');
|
|
89
|
-
expect(DateInput_1.formatValue('ddmm')).toEqual('ddmm');
|
|
90
|
-
expect(DateInput_1.formatValue('ddmmy')).toEqual('ddmmy/');
|
|
91
|
-
expect(DateInput_1.formatValue('a long sentence')).toEqual('a long sen');
|
|
47
|
+
describe('formatValue', () => {
|
|
48
|
+
it('should format', () => {
|
|
49
|
+
expect((0, DateInput_1.formatValue)('dd')).toEqual('dd/');
|
|
50
|
+
expect((0, DateInput_1.formatValue)('ddm')).toEqual('ddm');
|
|
51
|
+
expect((0, DateInput_1.formatValue)('ddmm')).toEqual('ddmm');
|
|
52
|
+
expect((0, DateInput_1.formatValue)('ddmmy')).toEqual('ddmmy/');
|
|
53
|
+
expect((0, DateInput_1.formatValue)('a long sentence')).toEqual('a long sen');
|
|
92
54
|
});
|
|
93
55
|
});
|
|
94
|
-
describe('DateInput',
|
|
95
|
-
afterEach(
|
|
96
|
-
afterAll(
|
|
97
|
-
it('should trigger onChange with a date',
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
})
|
|
112
|
-
it('should trigger onChange with null',
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
return [4 /*yield*/, react_2.waitFor(function () { return expect(mockOnChange).toHaveBeenCalledWith(null); })];
|
|
132
|
-
case 1:
|
|
133
|
-
_a.sent();
|
|
134
|
-
return [2 /*return*/];
|
|
135
|
-
}
|
|
136
|
-
});
|
|
137
|
-
}); });
|
|
138
|
-
it('should trigger onChange with null when date is before 01/01/1000', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
139
|
-
return __generator(this, function (_a) {
|
|
140
|
-
switch (_a.label) {
|
|
141
|
-
case 0:
|
|
142
|
-
react_2.render(react_1.default.createElement(DateInput_1.default, __assign({}, defaultProps)));
|
|
143
|
-
user_event_1.default.type(react_2.screen.getByRole('textbox'), '0112999');
|
|
144
|
-
return [4 /*yield*/, react_2.waitFor(function () { return expect(mockOnChange).toHaveBeenCalledWith(null); })];
|
|
145
|
-
case 1:
|
|
146
|
-
_a.sent();
|
|
147
|
-
return [2 /*return*/];
|
|
148
|
-
}
|
|
149
|
-
});
|
|
150
|
-
}); });
|
|
151
|
-
it('should trigger onChange with null when we use back', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
152
|
-
return __generator(this, function (_a) {
|
|
153
|
-
switch (_a.label) {
|
|
154
|
-
case 0:
|
|
155
|
-
react_2.render(react_1.default.createElement(DateInput_1.default, __assign({}, defaultProps)));
|
|
156
|
-
user_event_1.default.type(react_2.screen.getByRole('textbox'), '17062014');
|
|
157
|
-
user_event_1.default.type(react_2.screen.getByRole('textbox'), '1706201');
|
|
158
|
-
return [4 /*yield*/, react_2.waitFor(function () { return expect(mockOnChange).toHaveBeenCalledWith(null); })];
|
|
159
|
-
case 1:
|
|
160
|
-
_a.sent();
|
|
161
|
-
return [2 /*return*/];
|
|
162
|
-
}
|
|
163
|
-
});
|
|
164
|
-
}); });
|
|
165
|
-
it('should trigger onBlur', function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
166
|
-
return __generator(this, function (_a) {
|
|
167
|
-
switch (_a.label) {
|
|
168
|
-
case 0:
|
|
169
|
-
react_2.render(react_1.default.createElement(react_1.Fragment, null,
|
|
170
|
-
react_1.default.createElement(DateInput_1.default, __assign({}, defaultProps)),
|
|
171
|
-
react_1.default.createElement("div", { "data-test": "click-blur" }, "ckicl to blur")));
|
|
172
|
-
user_event_1.default.click(react_2.screen.getByRole('textbox'));
|
|
173
|
-
user_event_1.default.click(react_2.screen.getByTestId('click-blur'));
|
|
174
|
-
return [4 /*yield*/, react_2.waitFor(function () { return expect(mockOnBlur).toHaveBeenCalledWith(); })];
|
|
175
|
-
case 1:
|
|
176
|
-
_a.sent();
|
|
177
|
-
return [2 /*return*/];
|
|
178
|
-
}
|
|
179
|
-
});
|
|
180
|
-
}); });
|
|
56
|
+
describe('DateInput', () => {
|
|
57
|
+
afterEach(() => jest.clearAllMocks());
|
|
58
|
+
afterAll(() => jest.resetAllMocks());
|
|
59
|
+
it('should trigger onChange with a date', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
60
|
+
(0, react_2.render)(react_1.default.createElement(DateInput_1.default, Object.assign({}, defaultProps)));
|
|
61
|
+
user_event_1.default.type(react_2.screen.getByRole('textbox'), '17062014');
|
|
62
|
+
yield (0, react_2.waitFor)(() => expect(mockOnChange).toHaveBeenCalledWith('2014-06-17'));
|
|
63
|
+
}));
|
|
64
|
+
it('should trigger onChange with null', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
65
|
+
(0, react_2.render)(react_1.default.createElement(DateInput_1.default, Object.assign({}, defaultProps)));
|
|
66
|
+
user_event_1.default.type(react_2.screen.getByRole('textbox'), 'ddmmyyyy');
|
|
67
|
+
yield (0, react_2.waitFor)(() => expect(mockOnChange).toHaveBeenCalledWith(null));
|
|
68
|
+
}));
|
|
69
|
+
it('should trigger onChange with null when date is invalid', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
70
|
+
(0, react_2.render)(react_1.default.createElement(DateInput_1.default, Object.assign({}, defaultProps)));
|
|
71
|
+
user_event_1.default.type(react_2.screen.getByRole('textbox'), '43451568');
|
|
72
|
+
yield (0, react_2.waitFor)(() => expect(mockOnChange).toHaveBeenCalledWith(null));
|
|
73
|
+
}));
|
|
74
|
+
it('should trigger onChange with null when date is before 01/01/1000', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
75
|
+
(0, react_2.render)(react_1.default.createElement(DateInput_1.default, Object.assign({}, defaultProps)));
|
|
76
|
+
user_event_1.default.type(react_2.screen.getByRole('textbox'), '0112999');
|
|
77
|
+
yield (0, react_2.waitFor)(() => expect(mockOnChange).toHaveBeenCalledWith(null));
|
|
78
|
+
}));
|
|
79
|
+
it('should trigger onChange with null when we use back', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
80
|
+
(0, react_2.render)(react_1.default.createElement(DateInput_1.default, Object.assign({}, defaultProps)));
|
|
81
|
+
user_event_1.default.type(react_2.screen.getByRole('textbox'), '17062014');
|
|
82
|
+
user_event_1.default.type(react_2.screen.getByRole('textbox'), '1706201');
|
|
83
|
+
yield (0, react_2.waitFor)(() => expect(mockOnChange).toHaveBeenCalledWith(null));
|
|
84
|
+
}));
|
|
85
|
+
it('should trigger onBlur', () => __awaiter(void 0, void 0, void 0, function* () {
|
|
86
|
+
(0, react_2.render)(react_1.default.createElement(react_1.Fragment, null,
|
|
87
|
+
react_1.default.createElement(DateInput_1.default, Object.assign({}, defaultProps)),
|
|
88
|
+
react_1.default.createElement("div", { "data-test": "click-blur" }, "ckicl to blur")));
|
|
89
|
+
user_event_1.default.click(react_2.screen.getByRole('textbox'));
|
|
90
|
+
user_event_1.default.click(react_2.screen.getByTestId('click-blur'));
|
|
91
|
+
yield (0, react_2.waitFor)(() => expect(mockOnBlur).toHaveBeenCalledWith());
|
|
92
|
+
}));
|
|
181
93
|
});
|
|
182
94
|
//# sourceMappingURL=DateInput.test.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"DateInput.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/dateInput/DateInput.test.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"DateInput.test.js","sourceRoot":"","sources":["../../../../packages/ui/src/dateInput/DateInput.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
3
|
if (k2 === undefined) k2 = k;
|
|
15
4
|
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
@@ -44,47 +33,47 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
44
33
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
45
34
|
};
|
|
46
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
36
|
+
const react_1 = __importStar(require("react"));
|
|
37
|
+
const useEmailSuggestion_1 = __importDefault(require("../../../hooks/useEmailSuggestion/useEmailSuggestion"));
|
|
38
|
+
const Input_1 = require("../input/Input");
|
|
39
|
+
const InputBase_1 = __importDefault(require("../inputBase/InputBase"));
|
|
40
|
+
const EmailInput_styles_1 = require("./EmailInput.styles");
|
|
41
|
+
const DEFAULT_I18N_LABELS = {
|
|
53
42
|
yes: 'Oui',
|
|
54
43
|
no: 'Non',
|
|
55
|
-
suggestion:
|
|
44
|
+
suggestion: (email) => `Vouliez-vous écrire ${email} ?`
|
|
56
45
|
};
|
|
57
46
|
function EmailInput(_a) {
|
|
58
|
-
var
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
47
|
+
var { disabled, i18nLabels = DEFAULT_I18N_LABELS, isSuggestionEnabled = true, onBlur, onChange, onFocus, type, value } = _a, restProps = __rest(_a, ["disabled", "i18nLabels", "isSuggestionEnabled", "onBlur", "onChange", "onFocus", "type", "value"]);
|
|
48
|
+
const [isFocused, setIsFocused] = (0, react_1.useState)(false);
|
|
49
|
+
const [displayedSuggestion, setDisplayedSuggestion] = (0, react_1.useState)(null);
|
|
50
|
+
const suggestedEmail = (0, useEmailSuggestion_1.default)({
|
|
62
51
|
debounce: 0,
|
|
63
52
|
email: value
|
|
64
53
|
});
|
|
65
|
-
|
|
54
|
+
const handleChange = (newValue) => {
|
|
66
55
|
onChange && onChange(newValue);
|
|
67
56
|
};
|
|
68
|
-
|
|
57
|
+
const handleBlur = () => {
|
|
69
58
|
if (isFocused) {
|
|
70
59
|
setIsFocused(false);
|
|
71
60
|
}
|
|
72
61
|
onBlur && onBlur();
|
|
73
62
|
};
|
|
74
|
-
|
|
63
|
+
const handleFocus = () => {
|
|
75
64
|
if (!isFocused) {
|
|
76
65
|
setIsFocused(true);
|
|
77
66
|
}
|
|
78
67
|
onFocus && onFocus();
|
|
79
68
|
};
|
|
80
|
-
|
|
69
|
+
const discardSuggestion = () => {
|
|
81
70
|
setDisplayedSuggestion(null);
|
|
82
71
|
};
|
|
83
|
-
|
|
72
|
+
const applySuggestion = () => {
|
|
84
73
|
suggestedEmail && handleChange(suggestedEmail);
|
|
85
74
|
};
|
|
86
75
|
// This updates displayed suggestion when suggestion has changed
|
|
87
|
-
react_1.useEffect(
|
|
76
|
+
(0, react_1.useEffect)(() => {
|
|
88
77
|
if (!isSuggestionEnabled || disabled || isFocused) {
|
|
89
78
|
return;
|
|
90
79
|
}
|
|
@@ -93,19 +82,19 @@ function EmailInput(_a) {
|
|
|
93
82
|
}
|
|
94
83
|
}, [isFocused]);
|
|
95
84
|
// Hide suggestion it matches current input's value
|
|
96
|
-
react_1.useEffect(
|
|
85
|
+
(0, react_1.useEffect)(() => {
|
|
97
86
|
if (value === displayedSuggestion) {
|
|
98
87
|
setDisplayedSuggestion(null);
|
|
99
88
|
}
|
|
100
89
|
}, [displayedSuggestion, value]);
|
|
101
90
|
// Clear suggestion when disabled
|
|
102
|
-
react_1.useEffect(
|
|
91
|
+
(0, react_1.useEffect)(() => {
|
|
103
92
|
if ((!isSuggestionEnabled || disabled) && displayedSuggestion) {
|
|
104
93
|
setDisplayedSuggestion(null);
|
|
105
94
|
}
|
|
106
95
|
}, [disabled, isSuggestionEnabled]);
|
|
107
96
|
return (react_1.default.createElement(react_1.Fragment, null,
|
|
108
|
-
react_1.default.createElement(InputBase_1.default,
|
|
97
|
+
react_1.default.createElement(InputBase_1.default, Object.assign({}, restProps, { disabled: disabled, type: Input_1.InputType.EMAIL, onBlur: handleBlur, onChange: handleChange, onFocus: handleFocus, value: value })),
|
|
109
98
|
displayedSuggestion && (react_1.default.createElement(EmailInput_styles_1.SuggestionLayout, { "data-test": "email-suggestion" },
|
|
110
99
|
i18nLabels.suggestion(displayedSuggestion),
|
|
111
100
|
' ',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmailInput.js","sourceRoot":"","sources":["../../../../packages/ui/src/emailInput/EmailInput.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"EmailInput.js","sourceRoot":"","sources":["../../../../packages/ui/src/emailInput/EmailInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6D;AAE7D,8GAAsF;AACtF,0CAA2C;AAC3C,uEAA+C;AAK/C,2DAA+D;AAE/D,MAAM,mBAAmB,GAA6B;IACpD,GAAG,EAAE,KAAK;IACV,EAAE,EAAE,KAAK;IACT,UAAU,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,uBAAuB,KAAK,IAAI;CAChE,CAAC;AAEF,SAAwB,UAAU,CAAC,EAUjB;QAViB,EACjC,QAAQ,EACR,UAAU,GAAG,mBAAmB,EAChC,mBAAmB,GAAG,IAAI,EAC1B,MAAM,EACN,QAAQ,EACR,OAAO,EACP,IAAI,EACJ,KAAK,OAEW,EADb,SAAS,cATqB,mGAUlC,CADa;IAEZ,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IAC3D,MAAM,CAAC,mBAAmB,EAAE,sBAAsB,CAAC,GAAG,IAAA,gBAAQ,EAC5D,IAAI,CACL,CAAC;IAEF,MAAM,cAAc,GAAG,IAAA,4BAAkB,EAAC;QACxC,QAAQ,EAAE,CAAC;QACX,KAAK,EAAE,KAAK;KACb,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,CAAC,QAAgB,EAAE,EAAE;QACxC,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,MAAM,UAAU,GAAG,GAAG,EAAE;QACtB,IAAI,SAAS,EAAE;YACb,YAAY,CAAC,KAAK,CAAC,CAAC;SACrB;QAED,MAAM,IAAI,MAAM,EAAE,CAAC;IACrB,CAAC,CAAC;IAEF,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,CAAC,SAAS,EAAE;YACd,YAAY,CAAC,IAAI,CAAC,CAAC;SACpB;QAED,OAAO,IAAI,OAAO,EAAE,CAAC;IACvB,CAAC,CAAC;IAEF,MAAM,iBAAiB,GAAG,GAAG,EAAE;QAC7B,sBAAsB,CAAC,IAAI,CAAC,CAAC;IAC/B,CAAC,CAAC;IAEF,MAAM,eAAe,GAAG,GAAG,EAAE;QAC3B,cAAc,IAAI,YAAY,CAAC,cAAc,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,gEAAgE;IAChE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,mBAAmB,IAAI,QAAQ,IAAI,SAAS,EAAE;YACjD,OAAO;SACR;QAED,IAAI,cAAc,IAAI,mBAAmB,KAAK,cAAc,EAAE;YAC5D,sBAAsB,CAAC,cAAc,CAAC,CAAC;SACxC;IACH,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,mDAAmD;IACnD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,KAAK,KAAK,mBAAmB,EAAE;YACjC,sBAAsB,CAAC,IAAI,CAAC,CAAC;SAC9B;IACH,CAAC,EAAE,CAAC,mBAAmB,EAAE,KAAK,CAAC,CAAC,CAAC;IAEjC,iCAAiC;IACjC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,CAAC,mBAAmB,IAAI,QAAQ,CAAC,IAAI,mBAAmB,EAAE;YAC7D,sBAAsB,CAAC,IAAI,CAAC,CAAC;SAC9B;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,mBAAmB,CAAC,CAAC,CAAC;IAEpC,OAAO,CACL,8BAAC,gBAAQ;QACP,8BAAC,mBAAS,oBACJ,SAAS,IACb,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,iBAAS,CAAC,KAAK,EACrB,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAY,EACtB,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,KAAK,IACZ;QACD,mBAAmB,IAAI,CACtB,8BAAC,oCAAgB,iBAAW,kBAAkB;YAC3C,UAAU,CAAC,UAAU,CAAC,mBAAmB,CAAC;YAAE,GAAG;YAChD,8BAAC,0BAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,eAAe,IAC3C,UAAU,CAAC,GAAG,CACR;YAAC,GAAG;;YACX,GAAG;YACL,8BAAC,0BAAM,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,iBAAiB,IAC7C,UAAU,CAAC,EAAE,CACP,CACQ,CACpB,CACQ,CACZ,CAAC;AACJ,CAAC;AAnGD,6BAmGC"}
|
|
@@ -1,43 +1,32 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
4
|
};
|
|
16
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
6
|
+
const react_1 = __importDefault(require("react"));
|
|
7
|
+
const storybook_state_1 = require("@sambego/storybook-state");
|
|
8
|
+
const addon_actions_1 = require("@storybook/addon-actions");
|
|
9
|
+
const addon_knobs_1 = require("@storybook/addon-knobs");
|
|
10
|
+
const react_2 = require("@storybook/react");
|
|
11
|
+
const Input_1 = require("../input/Input");
|
|
12
|
+
const EmailInput_1 = __importDefault(require("./EmailInput"));
|
|
13
|
+
const onChangeAction = (0, addon_actions_1.action)('onChange');
|
|
14
|
+
const inputState = new storybook_state_1.Store({
|
|
26
15
|
value: 'value'
|
|
27
16
|
});
|
|
28
|
-
|
|
17
|
+
const defaultProps = {
|
|
29
18
|
label: 'Label',
|
|
30
19
|
type: Input_1.InputType.EMAIL,
|
|
31
20
|
disabled: false,
|
|
32
21
|
error: false,
|
|
33
22
|
onChange: onChangeAction
|
|
34
23
|
};
|
|
35
|
-
react_2.storiesOf('EmailInput', module).add('default',
|
|
36
|
-
|
|
37
|
-
|
|
24
|
+
(0, react_2.storiesOf)('EmailInput', module).add('default', () => {
|
|
25
|
+
const disabled = (0, addon_knobs_1.boolean)('Input disabled?', false);
|
|
26
|
+
const isSuggestionEnabled = (0, addon_knobs_1.boolean)('Email suggestion enabled?', true);
|
|
38
27
|
return (react_1.default.createElement(storybook_state_1.State, { store: inputState },
|
|
39
|
-
react_1.default.createElement(EmailInput_1.default,
|
|
40
|
-
inputState.set({ value
|
|
28
|
+
react_1.default.createElement(EmailInput_1.default, Object.assign({}, defaultProps, { isSuggestionEnabled: isSuggestionEnabled, disabled: disabled, value: inputState.get('value'), onChange: value => {
|
|
29
|
+
inputState.set({ value });
|
|
41
30
|
onChangeAction(value);
|
|
42
31
|
} }))));
|
|
43
32
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"EmailInput.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/emailInput/EmailInput.stories.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"EmailInput.stories.js","sourceRoot":"","sources":["../../../../packages/ui/src/emailInput/EmailInput.stories.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAE1B,8DAAwD;AACxD,4DAAkD;AAClD,wDAAiD;AACjD,4CAA6C;AAE7C,0CAA2C;AAC3C,8DAAsC;AAGtC,MAAM,cAAc,GAAG,IAAA,sBAAM,EAAC,UAAU,CAAC,CAAC;AAE1C,MAAM,UAAU,GAAG,IAAI,uBAAK,CAAC;IAC3B,KAAK,EAAE,OAAO;CACf,CAAC,CAAC;AAEH,MAAM,YAAY,GAAoB;IACpC,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,iBAAS,CAAC,KAAK;IACrB,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,KAAK;IACZ,QAAQ,EAAE,cAAc;CACzB,CAAC;AAEF,IAAA,iBAAS,EAAC,YAAY,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,EAAE,GAAG,EAAE;IAClD,MAAM,QAAQ,GAAG,IAAA,qBAAO,EAAC,iBAAiB,EAAE,KAAK,CAAC,CAAC;IACnD,MAAM,mBAAmB,GAAG,IAAA,qBAAO,EAAC,2BAA2B,EAAE,IAAI,CAAC,CAAC;IAEvE,OAAO,CACL,8BAAC,uBAAK,IAAC,KAAK,EAAE,UAAU;QACtB,8BAAC,oBAAU,oBACL,YAAY,IAChB,mBAAmB,EAAE,mBAAmB,EACxC,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,EAC9B,QAAQ,EAAE,KAAK,CAAC,EAAE;gBAChB,UAAU,CAAC,GAAG,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC;gBAC1B,cAAc,CAAC,KAAK,CAAC,CAAC;YACxB,CAAC,IACD,CACI,CACT,CAAC;AACJ,CAAC,CAAC,CAAC"}
|