@tecsinapse/react-core 2.2.1-beta.0 → 2.2.1
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/dist/cjs/components/atoms/Avatar/Avatar.js +1 -0
- package/dist/cjs/components/atoms/Avatar/Avatar.js.map +1 -0
- package/dist/cjs/components/atoms/Avatar/helpers.js +1 -0
- package/dist/cjs/components/atoms/Avatar/helpers.js.map +1 -0
- package/dist/cjs/components/atoms/Avatar/styled.js +1 -0
- package/dist/cjs/components/atoms/Avatar/styled.js.map +1 -0
- package/dist/cjs/components/atoms/Badge/Badge.js +1 -0
- package/dist/cjs/components/atoms/Badge/Badge.js.map +1 -0
- package/dist/cjs/components/atoms/Badge/styled.js +1 -0
- package/dist/cjs/components/atoms/Badge/styled.js.map +1 -0
- package/dist/cjs/components/atoms/BoxContent/BoxContent.js +1 -0
- package/dist/cjs/components/atoms/BoxContent/BoxContent.js.map +1 -0
- package/dist/cjs/components/atoms/BoxContent/styled.js +1 -0
- package/dist/cjs/components/atoms/BoxContent/styled.js.map +1 -0
- package/dist/cjs/components/atoms/Button/Button.js +1 -0
- package/dist/cjs/components/atoms/Button/Button.js.map +1 -0
- package/dist/cjs/components/atoms/Button/States/BaseState.js +1 -0
- package/dist/cjs/components/atoms/Button/States/BaseState.js.map +1 -0
- package/dist/cjs/components/atoms/Button/States/Error.js +1 -0
- package/dist/cjs/components/atoms/Button/States/Error.js.map +1 -0
- package/dist/cjs/components/atoms/Button/States/Loading.js +1 -0
- package/dist/cjs/components/atoms/Button/States/Loading.js.map +1 -0
- package/dist/cjs/components/atoms/Button/States/Success.js +1 -0
- package/dist/cjs/components/atoms/Button/States/Success.js.map +1 -0
- package/dist/cjs/components/atoms/Button/States/styled.js +1 -0
- package/dist/cjs/components/atoms/Button/States/styled.js.map +1 -0
- package/dist/cjs/components/atoms/Button/styled.js +1 -0
- package/dist/cjs/components/atoms/Button/styled.js.map +1 -0
- package/dist/cjs/components/atoms/Card/Card.js +1 -0
- package/dist/cjs/components/atoms/Card/Card.js.map +1 -0
- package/dist/cjs/components/atoms/Card/Footer/Footer.js +1 -0
- package/dist/cjs/components/atoms/Card/Footer/Footer.js.map +1 -0
- package/dist/cjs/components/atoms/Card/Header/Header.js +1 -0
- package/dist/cjs/components/atoms/Card/Header/Header.js.map +1 -0
- package/dist/cjs/components/atoms/Card/styled.js +1 -0
- package/dist/cjs/components/atoms/Card/styled.js.map +1 -0
- package/dist/cjs/components/atoms/Checkbox/Checkbox.js +1 -0
- package/dist/cjs/components/atoms/Checkbox/Checkbox.js.map +1 -0
- package/dist/cjs/components/atoms/Checkbox/styled.js +1 -0
- package/dist/cjs/components/atoms/Checkbox/styled.js.map +1 -0
- package/dist/cjs/components/atoms/Divider/Divider.js +1 -0
- package/dist/cjs/components/atoms/Divider/Divider.js.map +1 -0
- package/dist/cjs/components/atoms/Divider/styled.js +1 -0
- package/dist/cjs/components/atoms/Divider/styled.js.map +1 -0
- package/dist/cjs/components/atoms/GroupButton/GroupButton.js +1 -0
- package/dist/cjs/components/atoms/GroupButton/GroupButton.js.map +1 -0
- package/dist/cjs/components/atoms/GroupButton/GroupButtonOption.js +1 -0
- package/dist/cjs/components/atoms/GroupButton/GroupButtonOption.js.map +1 -0
- package/dist/cjs/components/atoms/GroupButton/styled.js +1 -0
- package/dist/cjs/components/atoms/GroupButton/styled.js.map +1 -0
- package/dist/cjs/components/atoms/Icon/AntDesign.js +1 -0
- package/dist/cjs/components/atoms/Icon/AntDesign.js.map +1 -0
- package/dist/cjs/components/atoms/Icon/Entypo.js +1 -0
- package/dist/cjs/components/atoms/Icon/Entypo.js.map +1 -0
- package/dist/cjs/components/atoms/Icon/Evil.js +1 -0
- package/dist/cjs/components/atoms/Icon/Evil.js.map +1 -0
- package/dist/cjs/components/atoms/Icon/Feather.js +1 -0
- package/dist/cjs/components/atoms/Icon/Feather.js.map +1 -0
- package/dist/cjs/components/atoms/Icon/FontAwesome.js +1 -0
- package/dist/cjs/components/atoms/Icon/FontAwesome.js.map +1 -0
- package/dist/cjs/components/atoms/Icon/FontAwesomeFive.js +1 -0
- package/dist/cjs/components/atoms/Icon/FontAwesomeFive.js.map +1 -0
- package/dist/cjs/components/atoms/Icon/Fontisto.js +1 -0
- package/dist/cjs/components/atoms/Icon/Fontisto.js.map +1 -0
- package/dist/cjs/components/atoms/Icon/Foundation.js +1 -0
- package/dist/cjs/components/atoms/Icon/Foundation.js.map +1 -0
- package/dist/cjs/components/atoms/Icon/Icon.js +1 -0
- package/dist/cjs/components/atoms/Icon/Icon.js.map +1 -0
- package/dist/cjs/components/atoms/Icon/Ionicon.js +1 -0
- package/dist/cjs/components/atoms/Icon/Ionicon.js.map +1 -0
- package/dist/cjs/components/atoms/Icon/Material.js +1 -0
- package/dist/cjs/components/atoms/Icon/Material.js.map +1 -0
- package/dist/cjs/components/atoms/Icon/MaterialCommunity.js +1 -0
- package/dist/cjs/components/atoms/Icon/MaterialCommunity.js.map +1 -0
- package/dist/cjs/components/atoms/Icon/Octicon.js +1 -0
- package/dist/cjs/components/atoms/Icon/Octicon.js.map +1 -0
- package/dist/cjs/components/atoms/Icon/SimpleLine.js +1 -0
- package/dist/cjs/components/atoms/Icon/SimpleLine.js.map +1 -0
- package/dist/cjs/components/atoms/Icon/Zocial.js +1 -0
- package/dist/cjs/components/atoms/Icon/Zocial.js.map +1 -0
- package/dist/cjs/components/atoms/Icon/functions.js +1 -0
- package/dist/cjs/components/atoms/Icon/functions.js.map +1 -0
- package/dist/cjs/components/atoms/Icon/styled.js +1 -0
- package/dist/cjs/components/atoms/Icon/styled.js.map +1 -0
- package/dist/cjs/components/atoms/Input/Hint.js +1 -0
- package/dist/cjs/components/atoms/Input/Hint.js.map +1 -0
- package/dist/{types → cjs}/components/atoms/Input/InputContainer/InputContainer.d.ts +1 -0
- package/dist/cjs/components/atoms/Input/InputContainer/InputContainer.js +1 -0
- package/dist/cjs/components/atoms/Input/InputContainer/InputContainer.js.map +1 -0
- package/dist/cjs/components/atoms/Input/InputElement/InputElement.js +1 -0
- package/dist/cjs/components/atoms/Input/InputElement/InputElement.js.map +1 -0
- package/dist/cjs/components/atoms/Input/InputMaskElement/InputMaskElement.js +1 -0
- package/dist/cjs/components/atoms/Input/InputMaskElement/InputMaskElement.js.map +1 -0
- package/dist/cjs/components/atoms/Input/PressableInputContainer/PressableInputContainer.js +1 -0
- package/dist/cjs/components/atoms/Input/PressableInputContainer/PressableInputContainer.js.map +1 -0
- package/dist/cjs/components/atoms/Input/PressableInputContainer/styled.js +1 -0
- package/dist/cjs/components/atoms/Input/PressableInputContainer/styled.js.map +1 -0
- package/dist/cjs/components/atoms/Input/hooks/useInputFocus.js +1 -0
- package/dist/cjs/components/atoms/Input/hooks/useInputFocus.js.map +1 -0
- package/dist/cjs/components/atoms/Input/hooks/useNumberMask.js +1 -0
- package/dist/cjs/components/atoms/Input/hooks/useNumberMask.js.map +1 -0
- package/dist/cjs/components/atoms/Input/hooks/useStringMask.js +1 -0
- package/dist/cjs/components/atoms/Input/hooks/useStringMask.js.map +1 -0
- package/dist/cjs/components/atoms/Input/styled.js +1 -0
- package/dist/cjs/components/atoms/Input/styled.js.map +1 -0
- package/dist/cjs/components/atoms/Paper/Paper.js +1 -0
- package/dist/cjs/components/atoms/Paper/Paper.js.map +1 -0
- package/dist/cjs/components/atoms/Paper/styled.js +1 -0
- package/dist/cjs/components/atoms/Paper/styled.js.map +1 -0
- package/dist/cjs/components/atoms/PressableSurface/PressableSurface.js +1 -0
- package/dist/cjs/components/atoms/PressableSurface/PressableSurface.js.map +1 -0
- package/dist/cjs/components/atoms/ProgressBar/ProgressBar.js +1 -0
- package/dist/cjs/components/atoms/ProgressBar/ProgressBar.js.map +1 -0
- package/dist/cjs/components/atoms/ProgressBar/styled.js +1 -0
- package/dist/cjs/components/atoms/ProgressBar/styled.js.map +1 -0
- package/dist/cjs/components/atoms/RadioButton/RadioButton.js +1 -0
- package/dist/cjs/components/atoms/RadioButton/RadioButton.js.map +1 -0
- package/dist/cjs/components/atoms/RadioButton/styled.js +1 -0
- package/dist/cjs/components/atoms/RadioButton/styled.js.map +1 -0
- package/dist/cjs/components/atoms/Switch/Switch.js +1 -0
- package/dist/cjs/components/atoms/Switch/Switch.js.map +1 -0
- package/dist/cjs/components/atoms/Switch/animation.js +1 -0
- package/dist/cjs/components/atoms/Switch/animation.js.map +1 -0
- package/dist/cjs/components/atoms/Switch/styled.js +1 -0
- package/dist/cjs/components/atoms/Switch/styled.js.map +1 -0
- package/dist/cjs/components/atoms/Tag/Tag.js +1 -0
- package/dist/cjs/components/atoms/Tag/Tag.js.map +1 -0
- package/dist/cjs/components/atoms/Tag/styled.js +1 -0
- package/dist/cjs/components/atoms/Tag/styled.js.map +1 -0
- package/dist/{types → cjs}/components/atoms/Text/Text.d.ts +1 -0
- package/dist/cjs/components/atoms/Text/Text.js +1 -0
- package/dist/cjs/components/atoms/Text/Text.js.map +1 -0
- package/dist/cjs/components/atoms/Text/functions.js +1 -0
- package/dist/cjs/components/atoms/Text/functions.js.map +1 -0
- package/dist/cjs/components/atoms/Text/styled.js +1 -0
- package/dist/cjs/components/atoms/Text/styled.js.map +1 -0
- package/dist/cjs/components/atoms/shared/PaperAndCard.js +1 -0
- package/dist/cjs/components/atoms/shared/PaperAndCard.js.map +1 -0
- package/dist/cjs/components/molecules/Calendar/Calendar.js +1 -0
- package/dist/cjs/components/molecules/Calendar/Calendar.js.map +1 -0
- package/dist/cjs/components/molecules/Calendar/components/MonthWeek.js +1 -0
- package/dist/cjs/components/molecules/Calendar/components/MonthWeek.js.map +1 -0
- package/dist/cjs/components/molecules/Calendar/components/Weekdays.js +1 -0
- package/dist/cjs/components/molecules/Calendar/components/Weekdays.js.map +1 -0
- package/dist/cjs/components/molecules/Calendar/styled.js +1 -0
- package/dist/cjs/components/molecules/Calendar/styled.js.map +1 -0
- package/dist/cjs/components/molecules/DatePicker/DatePicker.js +1 -0
- package/dist/cjs/components/molecules/DatePicker/DatePicker.js.map +1 -0
- package/dist/cjs/components/molecules/DatePicker/styled.js +1 -0
- package/dist/cjs/components/molecules/DatePicker/styled.js.map +1 -0
- package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js +1 -0
- package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -0
- package/dist/cjs/components/molecules/DateTimePicker/styled.js +1 -0
- package/dist/cjs/components/molecules/DateTimePicker/styled.js.map +1 -0
- package/dist/cjs/components/molecules/DateTimeSelector/DateTimeSelector.js +1 -0
- package/dist/cjs/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -0
- package/dist/cjs/components/molecules/DateTimeSelector/Selector.js +1 -0
- package/dist/cjs/components/molecules/DateTimeSelector/Selector.js.map +1 -0
- package/dist/cjs/components/molecules/DateTimeSelector/styled.js +1 -0
- package/dist/cjs/components/molecules/DateTimeSelector/styled.js.map +1 -0
- package/dist/cjs/components/molecules/Grid/functions.js +1 -0
- package/dist/cjs/components/molecules/Grid/functions.js.map +1 -0
- package/dist/cjs/components/molecules/HintInputContainer/HintInputContainer.js +1 -0
- package/dist/cjs/components/molecules/HintInputContainer/HintInputContainer.js.map +1 -0
- package/dist/cjs/components/molecules/IconTextButton/IconComponent.js +1 -0
- package/dist/cjs/components/molecules/IconTextButton/IconComponent.js.map +1 -0
- package/dist/cjs/components/molecules/InputPassword/InputPasswordIcon.js +1 -0
- package/dist/cjs/components/molecules/InputPassword/InputPasswordIcon.js.map +1 -0
- package/dist/cjs/components/molecules/InputPassword/styled.js +1 -0
- package/dist/cjs/components/molecules/InputPassword/styled.js.map +1 -0
- package/dist/cjs/components/molecules/Snackbar/Snackbar.js +1 -0
- package/dist/cjs/components/molecules/Snackbar/Snackbar.js.map +1 -0
- package/dist/cjs/components/molecules/Snackbar/styled.js +1 -0
- package/dist/cjs/components/molecules/Snackbar/styled.js.map +1 -0
- package/dist/cjs/components/molecules/TextArea/TextArea.js +1 -0
- package/dist/cjs/components/molecules/TextArea/TextArea.js.map +1 -0
- package/dist/cjs/components/molecules/TextArea/styled.js +1 -0
- package/dist/cjs/components/molecules/TextArea/styled.js.map +1 -0
- package/dist/cjs/hooks/useDebouncedState.js +1 -0
- package/dist/cjs/hooks/useDebouncedState.js.map +1 -0
- package/dist/cjs/hooks/useTheme.js +1 -0
- package/dist/cjs/hooks/useTheme.js.map +1 -0
- package/dist/cjs/index.js +1 -0
- package/dist/cjs/index.js.map +1 -0
- package/dist/cjs/styles/ThemeProvider.js +1 -0
- package/dist/cjs/styles/ThemeProvider.js.map +1 -0
- package/dist/cjs/styles/definitions.js +1 -0
- package/dist/cjs/styles/definitions.js.map +1 -0
- package/dist/cjs/styles/light.js +1 -0
- package/dist/cjs/styles/light.js.map +1 -0
- package/dist/cjs/utils/IPhoneXHelper.js +1 -0
- package/dist/cjs/utils/IPhoneXHelper.js.map +1 -0
- package/dist/cjs/utils/ResponsiveFontSize.js +1 -0
- package/dist/cjs/utils/ResponsiveFontSize.js.map +1 -0
- package/dist/cjs/utils/extractNumbersFromString.js +1 -0
- package/dist/cjs/utils/extractNumbersFromString.js.map +1 -0
- package/dist/cjs/utils/formatWithMask.js +1 -0
- package/dist/cjs/utils/formatWithMask.js.map +1 -0
- package/dist/cjs/utils/lightenDarkenColor.js +1 -0
- package/dist/cjs/utils/lightenDarkenColor.js.map +1 -0
- package/dist/cjs/utils/masks.js +1 -0
- package/dist/cjs/utils/masks.js.map +1 -0
- package/dist/cjs/utils/variantComplement.js +1 -0
- package/dist/cjs/utils/variantComplement.js.map +1 -0
- package/dist/esm/components/atoms/Avatar/Avatar.d.ts +14 -0
- package/dist/esm/components/atoms/Avatar/Avatar.js +1 -0
- package/dist/esm/components/atoms/Avatar/Avatar.js.map +1 -0
- package/dist/esm/components/atoms/Avatar/helpers.d.ts +1 -0
- package/dist/esm/components/atoms/Avatar/helpers.js +1 -0
- package/dist/esm/components/atoms/Avatar/helpers.js.map +1 -0
- package/dist/esm/components/atoms/Avatar/index.d.ts +2 -0
- package/dist/esm/components/atoms/Avatar/styled.d.ts +24 -0
- package/dist/esm/components/atoms/Avatar/styled.js +1 -0
- package/dist/esm/components/atoms/Avatar/styled.js.map +1 -0
- package/dist/esm/components/atoms/Badge/Badge.d.ts +12 -0
- package/dist/esm/components/atoms/Badge/Badge.js +1 -0
- package/dist/esm/components/atoms/Badge/Badge.js.map +1 -0
- package/dist/esm/components/atoms/Badge/index.d.ts +2 -0
- package/dist/esm/components/atoms/Badge/styled.d.ts +15 -0
- package/dist/esm/components/atoms/Badge/styled.js +1 -0
- package/dist/esm/components/atoms/Badge/styled.js.map +1 -0
- package/dist/esm/components/atoms/BoxContent/BoxContent.d.ts +7 -0
- package/dist/esm/components/atoms/BoxContent/BoxContent.js +1 -0
- package/dist/esm/components/atoms/BoxContent/BoxContent.js.map +1 -0
- package/dist/esm/components/atoms/BoxContent/index.d.ts +2 -0
- package/dist/esm/components/atoms/BoxContent/styled.d.ts +11 -0
- package/dist/esm/components/atoms/BoxContent/styled.js +1 -0
- package/dist/esm/components/atoms/BoxContent/styled.js.map +1 -0
- package/dist/esm/components/atoms/Button/Button.d.ts +28 -0
- package/dist/esm/components/atoms/Button/Button.js +1 -0
- package/dist/esm/components/atoms/Button/Button.js.map +1 -0
- package/dist/esm/components/atoms/Button/States/BaseState.d.ts +7 -0
- package/dist/esm/components/atoms/Button/States/BaseState.js +1 -0
- package/dist/esm/components/atoms/Button/States/BaseState.js.map +1 -0
- package/dist/esm/components/atoms/Button/States/Error.d.ts +4 -0
- package/dist/esm/components/atoms/Button/States/Error.js +1 -0
- package/dist/esm/components/atoms/Button/States/Error.js.map +1 -0
- package/dist/esm/components/atoms/Button/States/Loading.d.ts +4 -0
- package/dist/esm/components/atoms/Button/States/Loading.js +1 -0
- package/dist/esm/components/atoms/Button/States/Loading.js.map +1 -0
- package/dist/esm/components/atoms/Button/States/Success.d.ts +4 -0
- package/dist/esm/components/atoms/Button/States/Success.js +1 -0
- package/dist/esm/components/atoms/Button/States/Success.js.map +1 -0
- package/dist/esm/components/atoms/Button/States/index.d.ts +3 -0
- package/dist/esm/components/atoms/Button/States/styled.d.ts +7 -0
- package/dist/esm/components/atoms/Button/States/styled.js +1 -0
- package/dist/esm/components/atoms/Button/States/styled.js.map +1 -0
- package/dist/esm/components/atoms/Button/index.d.ts +3 -0
- package/dist/esm/components/atoms/Button/styled.d.ts +6 -0
- package/dist/esm/components/atoms/Button/styled.js +1 -0
- package/dist/esm/components/atoms/Button/styled.js.map +1 -0
- package/dist/esm/components/atoms/Card/Card.d.ts +10 -0
- package/dist/esm/components/atoms/Card/Card.js +1 -0
- package/dist/esm/components/atoms/Card/Card.js.map +1 -0
- package/dist/esm/components/atoms/Card/Footer/Footer.d.ts +8 -0
- package/dist/esm/components/atoms/Card/Footer/Footer.js +1 -0
- package/dist/esm/components/atoms/Card/Footer/Footer.js.map +1 -0
- package/dist/esm/components/atoms/Card/Footer/index.d.ts +2 -0
- package/dist/esm/components/atoms/Card/Header/Header.d.ts +8 -0
- package/dist/esm/components/atoms/Card/Header/Header.js +1 -0
- package/dist/esm/components/atoms/Card/Header/Header.js.map +1 -0
- package/dist/esm/components/atoms/Card/Header/index.d.ts +2 -0
- package/dist/esm/components/atoms/Card/index.d.ts +2 -0
- package/dist/esm/components/atoms/Card/styled.d.ts +1 -0
- package/dist/esm/components/atoms/Card/styled.js +1 -0
- package/dist/esm/components/atoms/Card/styled.js.map +1 -0
- package/dist/esm/components/atoms/Checkbox/Checkbox.d.ts +15 -0
- package/dist/esm/components/atoms/Checkbox/Checkbox.js +1 -0
- package/dist/esm/components/atoms/Checkbox/Checkbox.js.map +1 -0
- package/dist/esm/components/atoms/Checkbox/index.d.ts +2 -0
- package/dist/esm/components/atoms/Checkbox/styled.d.ts +23 -0
- package/dist/esm/components/atoms/Checkbox/styled.js +1 -0
- package/dist/esm/components/atoms/Checkbox/styled.js.map +1 -0
- package/dist/esm/components/atoms/Divider/Divider.d.ts +8 -0
- package/dist/esm/components/atoms/Divider/Divider.js +1 -0
- package/dist/esm/components/atoms/Divider/Divider.js.map +1 -0
- package/dist/esm/components/atoms/Divider/index.d.ts +2 -0
- package/dist/esm/components/atoms/Divider/styled.d.ts +1 -0
- package/dist/esm/components/atoms/Divider/styled.js +1 -0
- package/dist/esm/components/atoms/Divider/styled.js.map +1 -0
- package/dist/esm/components/atoms/GroupButton/GroupButton.d.ts +33 -0
- package/dist/esm/components/atoms/GroupButton/GroupButton.js +1 -0
- package/dist/esm/components/atoms/GroupButton/GroupButton.js.map +1 -0
- package/dist/esm/components/atoms/GroupButton/GroupButtonOption.d.ts +9 -0
- package/dist/esm/components/atoms/GroupButton/GroupButtonOption.js +1 -0
- package/dist/esm/components/atoms/GroupButton/GroupButtonOption.js.map +1 -0
- package/dist/esm/components/atoms/GroupButton/index.d.ts +4 -0
- package/dist/esm/components/atoms/GroupButton/styled.d.ts +38 -0
- package/dist/esm/components/atoms/GroupButton/styled.js +1 -0
- package/dist/esm/components/atoms/GroupButton/styled.js.map +1 -0
- package/dist/esm/components/atoms/Icon/AntDesign.d.ts +4 -0
- package/dist/esm/components/atoms/Icon/AntDesign.js +1 -0
- package/dist/esm/components/atoms/Icon/AntDesign.js.map +1 -0
- package/dist/esm/components/atoms/Icon/Entypo.d.ts +4 -0
- package/dist/esm/components/atoms/Icon/Entypo.js +1 -0
- package/dist/esm/components/atoms/Icon/Entypo.js.map +1 -0
- package/dist/esm/components/atoms/Icon/Evil.d.ts +4 -0
- package/dist/esm/components/atoms/Icon/Evil.js +1 -0
- package/dist/esm/components/atoms/Icon/Evil.js.map +1 -0
- package/dist/esm/components/atoms/Icon/Feather.d.ts +4 -0
- package/dist/esm/components/atoms/Icon/Feather.js +1 -0
- package/dist/esm/components/atoms/Icon/Feather.js.map +1 -0
- package/dist/esm/components/atoms/Icon/FontAwesome.d.ts +4 -0
- package/dist/esm/components/atoms/Icon/FontAwesome.js +1 -0
- package/dist/esm/components/atoms/Icon/FontAwesome.js.map +1 -0
- package/dist/esm/components/atoms/Icon/FontAwesomeFive.d.ts +4 -0
- package/dist/esm/components/atoms/Icon/FontAwesomeFive.js +1 -0
- package/dist/esm/components/atoms/Icon/FontAwesomeFive.js.map +1 -0
- package/dist/esm/components/atoms/Icon/Fontisto.d.ts +4 -0
- package/dist/esm/components/atoms/Icon/Fontisto.js +1 -0
- package/dist/esm/components/atoms/Icon/Fontisto.js.map +1 -0
- package/dist/esm/components/atoms/Icon/Foundation.d.ts +4 -0
- package/dist/esm/components/atoms/Icon/Foundation.js +1 -0
- package/dist/esm/components/atoms/Icon/Foundation.js.map +1 -0
- package/dist/esm/components/atoms/Icon/Icon.d.ts +15 -0
- package/dist/esm/components/atoms/Icon/Icon.js +1 -0
- package/dist/esm/components/atoms/Icon/Icon.js.map +1 -0
- package/dist/esm/components/atoms/Icon/Ionicon.d.ts +4 -0
- package/dist/esm/components/atoms/Icon/Ionicon.js +1 -0
- package/dist/esm/components/atoms/Icon/Ionicon.js.map +1 -0
- package/dist/esm/components/atoms/Icon/Material.d.ts +4 -0
- package/dist/esm/components/atoms/Icon/Material.js +1 -0
- package/dist/esm/components/atoms/Icon/Material.js.map +1 -0
- package/dist/esm/components/atoms/Icon/MaterialCommunity.d.ts +4 -0
- package/dist/esm/components/atoms/Icon/MaterialCommunity.js +1 -0
- package/dist/esm/components/atoms/Icon/MaterialCommunity.js.map +1 -0
- package/dist/esm/components/atoms/Icon/Octicon.d.ts +4 -0
- package/dist/esm/components/atoms/Icon/Octicon.js +1 -0
- package/dist/esm/components/atoms/Icon/Octicon.js.map +1 -0
- package/dist/esm/components/atoms/Icon/SimpleLine.d.ts +4 -0
- package/dist/esm/components/atoms/Icon/SimpleLine.js +1 -0
- package/dist/esm/components/atoms/Icon/SimpleLine.js.map +1 -0
- package/dist/esm/components/atoms/Icon/Zocial.d.ts +4 -0
- package/dist/esm/components/atoms/Icon/Zocial.js +1 -0
- package/dist/esm/components/atoms/Icon/Zocial.js.map +1 -0
- package/dist/esm/components/atoms/Icon/functions.d.ts +6 -0
- package/dist/esm/components/atoms/Icon/functions.js +1 -0
- package/dist/esm/components/atoms/Icon/functions.js.map +1 -0
- package/dist/esm/components/atoms/Icon/index.d.ts +2 -0
- package/dist/esm/components/atoms/Icon/styled.d.ts +3 -0
- package/dist/esm/components/atoms/Icon/styled.js +1 -0
- package/dist/esm/components/atoms/Icon/styled.js.map +1 -0
- package/dist/esm/components/atoms/Icon/types.d.ts +12 -0
- package/dist/esm/components/atoms/Input/Hint.d.ts +10 -0
- package/dist/esm/components/atoms/Input/Hint.js +1 -0
- package/dist/esm/components/atoms/Input/Hint.js.map +1 -0
- package/dist/esm/components/atoms/Input/InputContainer/InputContainer.d.ts +30 -0
- package/dist/esm/components/atoms/Input/InputContainer/InputContainer.js +1 -0
- package/dist/esm/components/atoms/Input/InputContainer/InputContainer.js.map +1 -0
- package/dist/esm/components/atoms/Input/InputElement/InputElement.d.ts +13 -0
- package/dist/esm/components/atoms/Input/InputElement/InputElement.js +1 -0
- package/dist/esm/components/atoms/Input/InputElement/InputElement.js.map +1 -0
- package/dist/esm/components/atoms/Input/InputMaskElement/InputMaskElement.d.ts +16 -0
- package/dist/esm/components/atoms/Input/InputMaskElement/InputMaskElement.js +1 -0
- package/dist/esm/components/atoms/Input/InputMaskElement/InputMaskElement.js.map +1 -0
- package/dist/esm/components/atoms/Input/PressableInputContainer/PressableInputContainer.d.ts +11 -0
- package/dist/esm/components/atoms/Input/PressableInputContainer/PressableInputContainer.js +1 -0
- package/dist/esm/components/atoms/Input/PressableInputContainer/PressableInputContainer.js.map +1 -0
- package/dist/esm/components/atoms/Input/PressableInputContainer/index.d.ts +2 -0
- package/dist/esm/components/atoms/Input/PressableInputContainer/styled.d.ts +5 -0
- package/dist/esm/components/atoms/Input/PressableInputContainer/styled.js +1 -0
- package/dist/esm/components/atoms/Input/PressableInputContainer/styled.js.map +1 -0
- package/dist/esm/components/atoms/Input/hooks/useInputFocus.d.ts +5 -0
- package/dist/esm/components/atoms/Input/hooks/useInputFocus.js +1 -0
- package/dist/esm/components/atoms/Input/hooks/useInputFocus.js.map +1 -0
- package/dist/esm/components/atoms/Input/hooks/useNumberMask.d.ts +8 -0
- package/dist/esm/components/atoms/Input/hooks/useNumberMask.js +1 -0
- package/dist/esm/components/atoms/Input/hooks/useNumberMask.js.map +1 -0
- package/dist/esm/components/atoms/Input/hooks/useStringMask.d.ts +8 -0
- package/dist/esm/components/atoms/Input/hooks/useStringMask.js +1 -0
- package/dist/esm/components/atoms/Input/hooks/useStringMask.js.map +1 -0
- package/dist/esm/components/atoms/Input/index.d.ts +13 -0
- package/dist/esm/components/atoms/Input/styled.d.ts +58 -0
- package/dist/esm/components/atoms/Input/styled.js +1 -0
- package/dist/esm/components/atoms/Input/styled.js.map +1 -0
- package/dist/esm/components/atoms/Paper/Paper.d.ts +9 -0
- package/dist/esm/components/atoms/Paper/Paper.js +1 -0
- package/dist/esm/components/atoms/Paper/Paper.js.map +1 -0
- package/dist/esm/components/atoms/Paper/index.d.ts +2 -0
- package/dist/esm/components/atoms/Paper/styled.d.ts +1 -0
- package/dist/esm/components/atoms/Paper/styled.js +1 -0
- package/dist/esm/components/atoms/Paper/styled.js.map +1 -0
- package/dist/esm/components/atoms/PressableSurface/PressableSurface.d.ts +11 -0
- package/dist/esm/components/atoms/PressableSurface/PressableSurface.js +1 -0
- package/dist/esm/components/atoms/PressableSurface/PressableSurface.js.map +1 -0
- package/dist/esm/components/atoms/PressableSurface/index.d.ts +2 -0
- package/dist/esm/components/atoms/ProgressBar/ProgressBar.d.ts +18 -0
- package/dist/esm/components/atoms/ProgressBar/ProgressBar.js +1 -0
- package/dist/esm/components/atoms/ProgressBar/ProgressBar.js.map +1 -0
- package/dist/esm/components/atoms/ProgressBar/index.d.ts +2 -0
- package/dist/esm/components/atoms/ProgressBar/styled.d.ts +18 -0
- package/dist/esm/components/atoms/ProgressBar/styled.js +1 -0
- package/dist/esm/components/atoms/ProgressBar/styled.js.map +1 -0
- package/dist/esm/components/atoms/RadioButton/RadioButton.d.ts +15 -0
- package/dist/esm/components/atoms/RadioButton/RadioButton.js +1 -0
- package/dist/esm/components/atoms/RadioButton/RadioButton.js.map +1 -0
- package/dist/esm/components/atoms/RadioButton/index.d.ts +2 -0
- package/dist/esm/components/atoms/RadioButton/styled.d.ts +27 -0
- package/dist/esm/components/atoms/RadioButton/styled.js +1 -0
- package/dist/esm/components/atoms/RadioButton/styled.js.map +1 -0
- package/dist/esm/components/atoms/Switch/Switch.d.ts +16 -0
- package/dist/esm/components/atoms/Switch/Switch.js +1 -0
- package/dist/esm/components/atoms/Switch/Switch.js.map +1 -0
- package/dist/esm/components/atoms/Switch/animation.d.ts +2 -0
- package/dist/esm/components/atoms/Switch/animation.js +1 -0
- package/dist/esm/components/atoms/Switch/animation.js.map +1 -0
- package/dist/esm/components/atoms/Switch/index.d.ts +3 -0
- package/dist/esm/components/atoms/Switch/styled.d.ts +4 -0
- package/dist/esm/components/atoms/Switch/styled.js +1 -0
- package/dist/esm/components/atoms/Switch/styled.js.map +1 -0
- package/dist/esm/components/atoms/Tag/Tag.d.ts +15 -0
- package/dist/esm/components/atoms/Tag/Tag.js +1 -0
- package/dist/esm/components/atoms/Tag/Tag.js.map +1 -0
- package/dist/esm/components/atoms/Tag/index.d.ts +2 -0
- package/dist/esm/components/atoms/Tag/styled.d.ts +22 -0
- package/dist/esm/components/atoms/Tag/styled.js +1 -0
- package/dist/esm/components/atoms/Tag/styled.js.map +1 -0
- package/dist/esm/components/atoms/Text/Text.d.ts +20 -0
- package/dist/esm/components/atoms/Text/Text.js +1 -0
- package/dist/esm/components/atoms/Text/Text.js.map +1 -0
- package/dist/esm/components/atoms/Text/functions.d.ts +2 -0
- package/dist/esm/components/atoms/Text/functions.js +1 -0
- package/dist/esm/components/atoms/Text/functions.js.map +1 -0
- package/dist/esm/components/atoms/Text/index.d.ts +2 -0
- package/dist/esm/components/atoms/Text/styled.d.ts +6 -0
- package/dist/esm/components/atoms/Text/styled.js +1 -0
- package/dist/esm/components/atoms/Text/styled.js.map +1 -0
- package/dist/esm/components/atoms/shared/PaperAndCard.d.ts +3 -0
- package/dist/esm/components/atoms/shared/PaperAndCard.js +1 -0
- package/dist/esm/components/atoms/shared/PaperAndCard.js.map +1 -0
- package/dist/esm/components/molecules/Calendar/Calendar.d.ts +20 -0
- package/dist/esm/components/molecules/Calendar/Calendar.js +1 -0
- package/dist/esm/components/molecules/Calendar/Calendar.js.map +1 -0
- package/dist/esm/components/molecules/Calendar/components/MonthWeek.d.ts +13 -0
- package/dist/esm/components/molecules/Calendar/components/MonthWeek.js +1 -0
- package/dist/esm/components/molecules/Calendar/components/MonthWeek.js.map +1 -0
- package/dist/esm/components/molecules/Calendar/components/Weekdays.d.ts +8 -0
- package/dist/esm/components/molecules/Calendar/components/Weekdays.js +1 -0
- package/dist/esm/components/molecules/Calendar/components/Weekdays.js.map +1 -0
- package/dist/esm/components/molecules/Calendar/components/index.d.ts +2 -0
- package/dist/esm/components/molecules/Calendar/index.d.ts +2 -0
- package/dist/esm/components/molecules/Calendar/styled.d.ts +55 -0
- package/dist/esm/components/molecules/Calendar/styled.js +1 -0
- package/dist/esm/components/molecules/Calendar/styled.js.map +1 -0
- package/dist/esm/components/molecules/DatePicker/DatePicker.d.ts +19 -0
- package/dist/esm/components/molecules/DatePicker/DatePicker.js +1 -0
- package/dist/esm/components/molecules/DatePicker/DatePicker.js.map +1 -0
- package/dist/esm/components/molecules/DatePicker/index.d.ts +3 -0
- package/dist/esm/components/molecules/DatePicker/styled.d.ts +11 -0
- package/dist/esm/components/molecules/DatePicker/styled.js +1 -0
- package/dist/esm/components/molecules/DatePicker/styled.js.map +1 -0
- package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.d.ts +17 -0
- package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js +1 -0
- package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -0
- package/dist/esm/components/molecules/DateTimePicker/index.d.ts +2 -0
- package/dist/esm/components/molecules/DateTimePicker/styled.d.ts +6 -0
- package/dist/esm/components/molecules/DateTimePicker/styled.js +1 -0
- package/dist/esm/components/molecules/DateTimePicker/styled.js.map +1 -0
- package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.d.ts +28 -0
- package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.js +1 -0
- package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -0
- package/dist/esm/components/molecules/DateTimeSelector/Selector.d.ts +17 -0
- package/dist/esm/components/molecules/DateTimeSelector/Selector.js +1 -0
- package/dist/esm/components/molecules/DateTimeSelector/Selector.js.map +1 -0
- package/dist/esm/components/molecules/DateTimeSelector/index.d.ts +2 -0
- package/dist/esm/components/molecules/DateTimeSelector/styled.d.ts +48 -0
- package/dist/esm/components/molecules/DateTimeSelector/styled.js +1 -0
- package/dist/esm/components/molecules/DateTimeSelector/styled.js.map +1 -0
- package/dist/esm/components/molecules/Grid/functions.d.ts +3 -0
- package/dist/esm/components/molecules/Grid/functions.js +1 -0
- package/dist/esm/components/molecules/Grid/functions.js.map +1 -0
- package/dist/esm/components/molecules/Grid/index.d.ts +42 -0
- package/dist/esm/components/molecules/HintInputContainer/HintInputContainer.d.ts +17 -0
- package/dist/esm/components/molecules/HintInputContainer/HintInputContainer.js +1 -0
- package/dist/esm/components/molecules/HintInputContainer/HintInputContainer.js.map +1 -0
- package/dist/esm/components/molecules/HintInputContainer/index.d.ts +2 -0
- package/dist/esm/components/molecules/HintInputContainer/styled.d.ts +0 -0
- package/dist/esm/components/molecules/IconTextButton/IconComponent.d.ts +9 -0
- package/dist/esm/components/molecules/IconTextButton/IconComponent.js +1 -0
- package/dist/esm/components/molecules/IconTextButton/IconComponent.js.map +1 -0
- package/dist/esm/components/molecules/IconTextButton/IconTextButton.d.ts +8 -0
- package/dist/esm/components/molecules/IconTextButton/index.d.ts +2 -0
- package/dist/esm/components/molecules/InputPassword/InputPasswordIcon.d.ts +8 -0
- package/dist/esm/components/molecules/InputPassword/InputPasswordIcon.js +1 -0
- package/dist/esm/components/molecules/InputPassword/InputPasswordIcon.js.map +1 -0
- package/dist/esm/components/molecules/InputPassword/index.d.ts +1 -0
- package/dist/esm/components/molecules/InputPassword/styled.d.ts +5 -0
- package/dist/esm/components/molecules/InputPassword/styled.js +1 -0
- package/dist/esm/components/molecules/InputPassword/styled.js.map +1 -0
- package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +11 -0
- package/dist/esm/components/molecules/LabeledSwitch/index.d.ts +1 -0
- package/dist/esm/components/molecules/Snackbar/Snackbar.d.ts +21 -0
- package/dist/esm/components/molecules/Snackbar/Snackbar.js +1 -0
- package/dist/esm/components/molecules/Snackbar/Snackbar.js.map +1 -0
- package/dist/esm/components/molecules/Snackbar/index.d.ts +2 -0
- package/dist/esm/components/molecules/Snackbar/styled.d.ts +41 -0
- package/dist/esm/components/molecules/Snackbar/styled.js +1 -0
- package/dist/esm/components/molecules/Snackbar/styled.js.map +1 -0
- package/dist/esm/components/molecules/TextArea/TextArea.d.ts +14 -0
- package/dist/esm/components/molecules/TextArea/TextArea.js +1 -0
- package/dist/esm/components/molecules/TextArea/TextArea.js.map +1 -0
- package/dist/esm/components/molecules/TextArea/index.d.ts +3 -0
- package/dist/esm/components/molecules/TextArea/styled.d.ts +2 -0
- package/dist/esm/components/molecules/TextArea/styled.js +1 -0
- package/dist/esm/components/molecules/TextArea/styled.js.map +1 -0
- package/dist/esm/hooks/index.d.ts +2 -0
- package/dist/esm/hooks/useDebouncedState.d.ts +2 -0
- package/dist/esm/hooks/useDebouncedState.js +1 -0
- package/dist/esm/hooks/useDebouncedState.js.map +1 -0
- package/dist/esm/hooks/useTheme.d.ts +2 -0
- package/dist/esm/hooks/useTheme.js +1 -0
- package/dist/esm/hooks/useTheme.js.map +1 -0
- package/dist/esm/index.d.ts +64 -0
- package/dist/esm/index.js +1 -0
- package/dist/esm/index.js.map +1 -0
- package/dist/esm/styles/ThemeProvider.d.ts +4 -0
- package/dist/esm/styles/ThemeProvider.js +1 -0
- package/dist/esm/styles/ThemeProvider.js.map +1 -0
- package/dist/esm/styles/definitions.d.ts +45 -0
- package/dist/esm/styles/definitions.js +1 -0
- package/dist/esm/styles/definitions.js.map +1 -0
- package/dist/esm/styles/light.d.ts +2 -0
- package/dist/esm/styles/light.js +1 -0
- package/dist/esm/styles/light.js.map +1 -0
- package/dist/esm/types/defaults.d.ts +134 -0
- package/dist/esm/utils/IPhoneXHelper.d.ts +4 -0
- package/dist/esm/utils/IPhoneXHelper.js +1 -0
- package/dist/esm/utils/IPhoneXHelper.js.map +1 -0
- package/dist/esm/utils/ResponsiveFontSize.d.ts +3 -0
- package/dist/esm/utils/ResponsiveFontSize.js +1 -0
- package/dist/esm/utils/ResponsiveFontSize.js.map +1 -0
- package/dist/esm/utils/extractNumbersFromString.d.ts +2 -0
- package/dist/esm/utils/extractNumbersFromString.js +1 -0
- package/dist/esm/utils/extractNumbersFromString.js.map +1 -0
- package/dist/esm/utils/formatWithMask.d.ts +3 -0
- package/dist/esm/utils/formatWithMask.js +1 -0
- package/dist/esm/utils/formatWithMask.js.map +1 -0
- package/dist/esm/utils/index.d.ts +7 -0
- package/dist/esm/utils/lightenDarkenColor.d.ts +1 -0
- package/dist/esm/utils/lightenDarkenColor.js +1 -0
- package/dist/esm/utils/lightenDarkenColor.js.map +1 -0
- package/dist/esm/utils/masks.d.ts +11 -0
- package/dist/esm/utils/masks.js +1 -0
- package/dist/esm/utils/masks.js.map +1 -0
- package/dist/esm/utils/variantComplement.d.ts +6 -0
- package/dist/esm/utils/variantComplement.js +1 -0
- package/dist/esm/utils/variantComplement.js.map +1 -0
- package/package.json +6 -4
- /package/dist/{types → cjs}/components/atoms/Avatar/Avatar.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Avatar/Avatar.stories.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Avatar/helpers.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Avatar/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Avatar/styled.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Badge/Badge.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Badge/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Badge/styled.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/BoxContent/BoxContent.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/BoxContent/BoxContent.stories.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/BoxContent/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/BoxContent/styled.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Button/Button.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Button/States/BaseState.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Button/States/Error.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Button/States/Loading.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Button/States/Success.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Button/States/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Button/States/styled.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Button/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Button/styled.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Card/Card.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Card/Card.stories.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Card/Footer/Footer.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Card/Footer/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Card/Header/Header.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Card/Header/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Card/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Card/styled.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Checkbox/Checkbox.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Checkbox/Checkbox.stories.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Checkbox/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Checkbox/styled.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Divider/Divider.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Divider/Divider.stories.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Divider/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Divider/styled.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/GroupButton/GroupButton.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/GroupButton/GroupButton.stories.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/GroupButton/GroupButtonOption.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/GroupButton/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/GroupButton/styled.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Icon/AntDesign.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Icon/Entypo.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Icon/Evil.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Icon/Feather.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Icon/FontAwesome.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Icon/FontAwesomeFive.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Icon/Fontisto.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Icon/Foundation.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Icon/Icon.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Icon/Icon.stories.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Icon/Ionicon.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Icon/Material.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Icon/MaterialCommunity.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Icon/Octicon.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Icon/SimpleLine.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Icon/Zocial.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Icon/functions.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Icon/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Icon/styled.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Icon/types.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Input/Hint.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Input/InputElement/InputElement.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Input/InputMaskElement/InputMaskElement.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Input/PressableInputContainer/PressableInputContainer.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Input/PressableInputContainer/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Input/PressableInputContainer/styled.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Input/hooks/useInputFocus.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Input/hooks/useNumberMask.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Input/hooks/useStringMask.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Input/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Input/styled.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Paper/Paper.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Paper/Paper.stories.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Paper/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Paper/styled.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/PressableSurface/PressableSurface.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/PressableSurface/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/ProgressBar/ProgressBar.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/ProgressBar/ProgressBar.stories.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/ProgressBar/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/ProgressBar/styled.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/RadioButton/RadioButton.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/RadioButton/RadioButton.stories.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/RadioButton/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/RadioButton/styled.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Switch/Switch.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Switch/Switch.stories.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Switch/animation.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Switch/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Switch/styled.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Tag/Tag.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Tag/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Tag/styled.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Text/Text.stories.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Text/functions.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Text/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/Text/styled.d.ts +0 -0
- /package/dist/{types → cjs}/components/atoms/shared/PaperAndCard.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/Calendar/Calendar.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/Calendar/Calendar.stories.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/Calendar/components/MonthWeek.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/Calendar/components/Weekdays.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/Calendar/components/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/Calendar/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/Calendar/styled.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/DatePicker/DatePicker.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/DatePicker/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/DatePicker/styled.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/DateTimePicker/DateTimePicker.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/DateTimePicker/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/DateTimePicker/styled.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/DateTimeSelector/DateTimeSelector.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/DateTimeSelector/Selector.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/DateTimeSelector/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/DateTimeSelector/styled.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/Grid/functions.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/Grid/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/HintInputContainer/HintInputContainer.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/HintInputContainer/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/HintInputContainer/styled.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/IconTextButton/IconComponent.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/IconTextButton/IconTextButton.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/IconTextButton/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/InputPassword/InputPasswordIcon.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/InputPassword/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/InputPassword/styled.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/LabeledSwitch/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/Snackbar/Snackbar.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/Snackbar/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/Snackbar/styled.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/TextArea/TextArea.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/TextArea/index.d.ts +0 -0
- /package/dist/{types → cjs}/components/molecules/TextArea/styled.d.ts +0 -0
- /package/dist/{types → cjs}/hooks/index.d.ts +0 -0
- /package/dist/{types → cjs}/hooks/useDebouncedState.d.ts +0 -0
- /package/dist/{types → cjs}/hooks/useTheme.d.ts +0 -0
- /package/dist/{types → cjs}/index.d.ts +0 -0
- /package/dist/{types → cjs}/styles/ThemeProvider.d.ts +0 -0
- /package/dist/{types → cjs}/styles/definitions.d.ts +0 -0
- /package/dist/{types → cjs}/styles/light.d.ts +0 -0
- /package/dist/{types → cjs}/types/defaults.d.ts +0 -0
- /package/dist/{types → cjs}/utils/IPhoneXHelper.d.ts +0 -0
- /package/dist/{types → cjs}/utils/ResponsiveFontSize.d.ts +0 -0
- /package/dist/{types → cjs}/utils/extractNumbersFromString.d.ts +0 -0
- /package/dist/{types → cjs}/utils/formatWithMask.d.ts +0 -0
- /package/dist/{types → cjs}/utils/index.d.ts +0 -0
- /package/dist/{types → cjs}/utils/lightenDarkenColor.d.ts +0 -0
- /package/dist/{types → cjs}/utils/masks.d.ts +0 -0
- /package/dist/{types → cjs}/utils/variantComplement.d.ts +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateTimePicker.js","sources":["../../../../../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import { format as formatDate } from 'date-fns';\nimport * as React from 'react';\nimport { InputContainerProps, useInputFocus } from '../../atoms/Input';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { CalendarIcon, getStyledTextComponent } from '../DatePicker/styled';\nimport { DateTimeSelector, DateTimeSelectorProps } from '../DateTimeSelector';\nimport { HintInputContainer } from '../HintInputContainer';\nimport { getStyledDateTimeSelector } from './styled';\n\nexport interface DateTimePickerProps\n extends InputContainerProps,\n Omit<DateTimeSelectorProps, 'style'> {\n controlComponent?: (\n onPress: () => void,\n displayValue?: string\n ) => JSX.Element;\n TextComponent?: React.FC<TextProps>;\n DateTimeSelectorComponent: React.FC<DateTimeSelectorProps>;\n placeholder?: string;\n onFocus?: () => void | never;\n onBlur?: () => void | never;\n renderSelector: (\n selector: React.ReactElement,\n blur?: () => void\n ) => JSX.Element | null;\n requestShowSelector: () => void;\n requestCloseSelector: () => void;\n}\n\nconst DateTimePicker: React.FC<DateTimePickerProps> = ({\n onChange,\n value,\n mode = 'date',\n format = 'yyyy-MM-dd hh:mm:ss',\n locale,\n upperDateThreshold,\n lowerDateThreshold,\n offsetThreshold,\n upperOffsetThreshold,\n lowerOffsetThreshold,\n dateModalTitle,\n timeModalTitle,\n dateConfirmButtonText,\n timeConfirmButtonText,\n dayLabel,\n monthLabel,\n yearLabel,\n hourLabel,\n minuteLabel,\n placeholder,\n onFocus,\n onBlur,\n disabled,\n controlComponent,\n hintComponent,\n hint,\n variant = 'default',\n TextComponent = Text,\n DateTimeSelectorComponent = DateTimeSelector,\n rightComponent,\n style,\n renderSelector,\n requestShowSelector,\n requestCloseSelector,\n ...rest\n}) => {\n const { focused, handleBlur, handleFocus } = useInputFocus(\n onFocus,\n onBlur,\n !disabled\n );\n\n const handleShowSelector = () => {\n requestShowSelector();\n handleFocus();\n };\n\n const handleChoosing = (value: Date) => {\n onChange?.(value);\n requestCloseSelector();\n };\n\n const StyledText = getStyledTextComponent(TextComponent);\n const displayValue =\n (value ? formatDate(value, format, { locale: locale }) : placeholder) ||\n ' ';\n const StyledDateTimeSelector = getStyledDateTimeSelector(\n DateTimeSelectorComponent\n );\n\n const dateTimeSelector = (\n <StyledDateTimeSelector\n value={value}\n mode={mode}\n format={format}\n locale={locale}\n upperDateThreshold={upperDateThreshold}\n lowerDateThreshold={lowerDateThreshold}\n offsetThreshold={offsetThreshold}\n upperOffsetThreshold={upperOffsetThreshold}\n lowerOffsetThreshold={lowerOffsetThreshold}\n dateModalTitle={dateModalTitle}\n timeModalTitle={timeModalTitle}\n dateConfirmButtonText={dateConfirmButtonText}\n timeConfirmButtonText={timeConfirmButtonText}\n dayLabel={dayLabel}\n monthLabel={monthLabel}\n yearLabel={yearLabel}\n hourLabel={hourLabel}\n minuteLabel={minuteLabel}\n onChange={handleChoosing}\n />\n );\n\n return (\n <>\n {controlComponent ? (\n controlComponent(handleShowSelector, displayValue)\n ) : (\n <HintInputContainer\n focused={focused}\n viewStyle={style}\n onPress={handleShowSelector}\n disabled={disabled}\n LabelComponent={TextComponent}\n variant={variant}\n hint={hint}\n hintComponent={hintComponent}\n rightComponent={\n <>\n <CalendarIcon name=\"calendar-sharp\" type=\"ionicon\" size=\"centi\" />\n {rightComponent}\n </>\n }\n {...rest}\n >\n <StyledText fontWeight=\"bold\" disabled={disabled}>\n {displayValue}\n </StyledText>\n </HintInputContainer>\n )}\n {renderSelector(dateTimeSelector, handleBlur)}\n </>\n );\n};\n\nexport default DateTimePicker;\n"],"names":["useInputFocus","value","getStyledTextComponent","formatDate","getStyledDateTimeSelector","React","CalendarIcon"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/DateTimePicker/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { FC } from 'react';\nimport { StyleProps } from '../../../types/defaults';\nimport { DateTimeSelectorProps } from '../DateTimeSelector';\n\nexport const getStyledDateTimeSelector = (\n component: FC<DateTimeSelectorProps>\n) => {\n return styled(component)<Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.deca};\n `;\n};\n"],"names":[],"mappings":";;;;AAKa,MAAA,yBAAA,GAA4B,CACvC,SACG,KAAA;AACH,EAAA,OAAO,OAAO,SAAS,CAAA,CAAA;AAAA,aAAA,EACV,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA,CAAA,CAAA;AAEhD;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DateTimeSelector.js","sources":["../../../../../src/components/molecules/DateTimeSelector/DateTimeSelector.tsx"],"sourcesContent":["import {\n add,\n compareAsc,\n format as formatDate,\n getDaysInMonth,\n isSameDay,\n isSameMonth,\n isSameYear,\n set,\n sub,\n} from 'date-fns';\nimport * as React from 'react';\nimport { ViewProps } from 'react-native';\nimport { Button } from '../../atoms/Button';\nimport { Icon } from '../../atoms/Icon';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { Granularity, Selector } from './Selector';\nimport { BackButton, Content, Header, Root, SelectorContainer } from './styled';\n\nexport type DateTimeSelectorMode = 'date' | 'time' | 'datetime' | 'month';\n\nexport interface DateTimeSelectorProps extends ViewProps {\n TextComponent?: React.FC<TextProps>;\n value?: Date;\n onChange?: (value: Date) => void | never;\n\n /**\n * Defines the Picker behavior\n * Must be one of ['date', 'time', 'datetime', 'month']\n */\n mode?: DateTimeSelectorMode;\n format?: string;\n locale?: Locale;\n\n /**\n * Maximum date from today\n */\n upperDateThreshold?: Date;\n\n /**\n * Minimum date from today\n */\n lowerDateThreshold?: Date;\n\n /**\n * Minimum and maximum date in distance units from today.\n * The distance unit used depends on the picker mode\n * If mode is date, the unit is day\n * If mode is time, the unit is hour\n * If mode is datetime, the unit is day\n * If mode is month, the unit is month\n */\n offsetThreshold?: number;\n\n /**\n * Maximum date in distance units from today.\n * The distance unit used depends on the picker mode\n * If mode is date, the unit is day\n * If mode is time, the unit is hour\n * If mode is datetime, the unit is day\n * If mode is month, the unit is month\n */\n upperOffsetThreshold?: number;\n\n /**\n * Minimum date in distance units from today.\n * The distance unit used depends on the picker mode\n * If mode is date, the unit is day\n * If mode is time, the unit is hour\n * If mode is datetime, the unit is day\n * If mode is month, the unit is month\n */\n lowerOffsetThreshold?: number;\n\n dateModalTitle?: string;\n timeModalTitle?: string;\n dateConfirmButtonText?: string;\n timeConfirmButtonText?: string;\n dayLabel?: string;\n monthLabel?: string;\n yearLabel?: string;\n hourLabel?: string;\n minuteLabel?: string;\n}\n\nfunction getThresholdUnit(mode: DateTimeSelectorMode, threshold?: number) {\n if (!threshold) return {};\n if (mode === 'month') {\n return { months: threshold };\n } else if (['date', 'datetime'].includes(mode)) {\n return { days: threshold };\n } else {\n return { hours: threshold };\n }\n}\n\nconst DateTimeSelector: React.FC<DateTimeSelectorProps> = ({\n TextComponent = Text,\n value,\n onChange,\n mode = 'date',\n locale,\n upperDateThreshold: _upperDateThreshold,\n lowerDateThreshold: _lowerDateThreshold,\n offsetThreshold,\n upperOffsetThreshold,\n lowerOffsetThreshold,\n dateModalTitle,\n timeModalTitle,\n dateConfirmButtonText,\n timeConfirmButtonText,\n dayLabel,\n monthLabel,\n yearLabel,\n hourLabel,\n minuteLabel,\n ...rest\n}) => {\n const lowerDateThreshold =\n _lowerDateThreshold ||\n ((offsetThreshold || lowerOffsetThreshold) &&\n sub(\n new Date(),\n getThresholdUnit(mode, offsetThreshold || lowerOffsetThreshold)\n ));\n\n const upperDateThreshold =\n _upperDateThreshold ||\n ((offsetThreshold || upperOffsetThreshold) &&\n add(\n new Date(),\n getThresholdUnit(mode, offsetThreshold || upperOffsetThreshold)\n ));\n\n const [date, setDate] = React.useState<Date>(value || new Date());\n const [currentMode, setCurrentMode] = React.useState<0 | 1>(0);\n\n const isDate =\n ['date', 'month'].includes(mode) ||\n (mode === 'datetime' && currentMode === 0);\n\n const modalTitle = isDate ? dateModalTitle : timeModalTitle;\n const confirmButtonText = isDate\n ? dateConfirmButtonText\n : timeConfirmButtonText;\n\n const handleChange = (granularity: Granularity) => (newValue: number) => {\n setDate(date => {\n let newState: Date;\n // Months and years must have a different handling for being\n // the only date units that may interfere another unit.\n if (['month', 'year'].includes(granularity)) {\n let newDate = set(date, { [granularity]: newValue });\n const daysInMonth = getDaysInMonth(newDate);\n if (granularity === 'year' && date.getMonth() != newDate.getMonth()) {\n newDate = set(newDate, { month: date.getMonth() });\n newState = set(newDate, { date: getDaysInMonth(newDate) });\n }\n newState =\n daysInMonth < date.getDate()\n ? set(newDate, { date: daysInMonth })\n : newDate;\n } else {\n newState = set(date, { [granularity]: newValue });\n }\n\n if (upperDateThreshold && compareAsc(newState, upperDateThreshold) > 0) {\n return upperDateThreshold;\n } else if (\n lowerDateThreshold &&\n compareAsc(newState, lowerDateThreshold) < 0\n ) {\n return lowerDateThreshold;\n } else {\n return newState;\n }\n });\n };\n\n const getDisplayedValue = (granularity: Granularity) => (value: number) => {\n return granularity === 'month'\n ? formatDate(date, 'MMM', { locale: locale }).slice(0, 3)\n : value.toString().padStart(2, '0');\n };\n\n const handlePressConfirm = () => {\n if (mode === 'datetime' && currentMode === 0) {\n setCurrentMode(1);\n } else {\n onChange?.(date);\n }\n };\n\n const handlePressBack = () => {\n setCurrentMode(0);\n };\n\n return (\n <Root {...rest}>\n <Header>\n {currentMode === 1 && (\n <BackButton onPress={handlePressBack}>\n <Icon\n type={'material-community'}\n name={'chevron-left'}\n size={'mega'}\n colorVariant={'secondary'}\n />\n </BackButton>\n )}\n <TextComponent typography={'base'} colorVariant={'secondary'}>\n {modalTitle}\n </TextComponent>\n </Header>\n\n {isDate ? (\n <Content>\n {mode !== 'month' && (\n <SelectorContainer isFirst>\n <Selector\n TextComponent={TextComponent}\n onChange={handleChange('date')}\n referenceDate={date}\n value={date.getDate()}\n label={dayLabel || 'Day'}\n granularity={'date'}\n getDisplayValue={getDisplayedValue('date')}\n preventUpper={\n upperDateThreshold\n ? isSameDay(upperDateThreshold, date)\n : false\n }\n preventLower={\n lowerDateThreshold\n ? isSameDay(lowerDateThreshold, date)\n : false\n }\n />\n </SelectorContainer>\n )}\n <SelectorContainer>\n <Selector\n TextComponent={TextComponent}\n onChange={handleChange('month')}\n referenceDate={date}\n value={date.getMonth()}\n label={monthLabel || 'Month'}\n granularity={'month'}\n getDisplayValue={getDisplayedValue('month')}\n preventUpper={\n upperDateThreshold\n ? isSameMonth(upperDateThreshold, date)\n : false\n }\n preventLower={\n lowerDateThreshold\n ? isSameMonth(lowerDateThreshold, date)\n : false\n }\n />\n </SelectorContainer>\n <SelectorContainer isLast>\n <Selector\n TextComponent={TextComponent}\n onChange={handleChange('year')}\n referenceDate={date}\n value={date.getFullYear()}\n label={yearLabel || 'Year'}\n granularity={'year'}\n getDisplayValue={getDisplayedValue('year')}\n preventUpper={\n upperDateThreshold\n ? isSameYear(upperDateThreshold, date)\n : false\n }\n preventLower={\n lowerDateThreshold\n ? isSameYear(lowerDateThreshold, date)\n : false\n }\n />\n </SelectorContainer>\n </Content>\n ) : (\n <Content>\n <SelectorContainer isFirst>\n <Selector\n TextComponent={TextComponent}\n onChange={handleChange('hours')}\n referenceDate={date}\n value={date.getHours()}\n label={hourLabel || 'Hour'}\n granularity={'hours'}\n getDisplayValue={getDisplayedValue('hours')}\n />\n </SelectorContainer>\n <SelectorContainer isLast>\n <Selector\n TextComponent={TextComponent}\n onChange={handleChange('minutes')}\n referenceDate={date}\n value={date.getMinutes()}\n label={minuteLabel || 'Minute'}\n granularity={'minutes'}\n getDisplayValue={getDisplayedValue('minutes')}\n />\n </SelectorContainer>\n </Content>\n )}\n <Button color={'primary'} onPress={handlePressConfirm}>\n <TextComponent fontWeight=\"bold\" fontColor=\"light\">\n {confirmButtonText || 'OK'}\n </TextComponent>\n </Button>\n </Root>\n );\n};\n\nexport default DateTimeSelector;\n"],"names":["sub","add","React","date","set","getDaysInMonth","compareAsc","value","formatDate","Root","Header","BackButton","Content","SelectorContainer","Selector","isSameDay","isSameMonth","isSameYear"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Selector.js","sources":["../../../../../src/components/molecules/DateTimeSelector/Selector.tsx"],"sourcesContent":["import { getDaysInMonth } from 'date-fns';\nimport * as React from 'react';\nimport { ViewProps } from 'react-native';\nimport { Icon } from '../../atoms/Icon';\nimport { TextProps } from '../../atoms/Text';\nimport { Control, SelectorRoot, SelectorValue } from './styled';\n\nexport type Granularity = 'date' | 'month' | 'year' | 'hours' | 'minutes';\n\ninterface SelectorProps extends ViewProps {\n TextComponent: React.FC<TextProps>;\n granularity: Granularity;\n referenceDate: Date;\n label: string;\n value: number;\n getDisplayValue: (value: number) => string;\n onChange: (value: number) => void | never;\n preventUpper?: boolean;\n preventLower?: boolean;\n}\n\nfunction getPrevAndNext(\n value: number,\n granularity: Granularity,\n daysInMonth: number,\n multiplier = 1\n): [number, number] {\n let next = value + multiplier,\n prev = value - multiplier;\n\n if (granularity === 'date') {\n next = next > daysInMonth ? 1 : next;\n prev = prev < 1 ? daysInMonth : prev;\n } else if (granularity === 'month') {\n next = next > 11 ? 0 : next;\n prev = prev < 0 ? 11 : prev;\n } else if (granularity === 'hours') {\n next = next > 23 ? 0 : next;\n prev = prev < 0 ? 23 : prev;\n } else if (granularity === 'minutes') {\n next = next > 59 ? 0 : next;\n prev = prev < 0 ? 59 : prev;\n }\n\n return [prev, next];\n}\nexport const Selector: React.FC<SelectorProps> = ({\n granularity,\n label,\n value,\n onChange,\n getDisplayValue,\n referenceDate,\n preventUpper,\n preventLower,\n TextComponent,\n ...rest\n}) => {\n const pressInTimeoutRef = React.useRef<NodeJS.Timeout>();\n\n const handlePressInNext = (_next?: number) => {\n const daysInMonth = getDaysInMonth(referenceDate);\n const next = _next || getPrevAndNext(value, granularity, daysInMonth)[1];\n clearTimeout(pressInTimeoutRef.current);\n pressInTimeoutRef.current = setTimeout(() => {\n handlePressInNext(getPrevAndNext(next, granularity, daysInMonth, 3)[1]);\n }, 500);\n onChange(next);\n };\n\n const handlePressInPrev = (_prev?: number) => {\n const daysInMonth = getDaysInMonth(referenceDate);\n const prev = _prev || getPrevAndNext(value, granularity, daysInMonth)[0];\n clearTimeout(pressInTimeoutRef.current);\n pressInTimeoutRef.current = setTimeout(() => {\n handlePressInPrev(getPrevAndNext(prev, granularity, daysInMonth, 3)[0]);\n }, 500);\n onChange(prev);\n };\n\n const handlePressOut = () => {\n pressInTimeoutRef.current && clearTimeout(pressInTimeoutRef.current);\n };\n\n return (\n <SelectorRoot {...rest}>\n <Control\n onPressIn={() => requestAnimationFrame(() => handlePressInNext())}\n onPressOut={handlePressOut}\n disabled={preventUpper}\n >\n <Icon\n name={'chevron-up'}\n type={'material-community'}\n size={'mega'}\n colorVariant={'primary'}\n />\n </Control>\n <SelectorValue>\n <TextComponent colorVariant={'secondary'} typography={'sub'}>\n {label}\n </TextComponent>\n <TextComponent fontWeight={'bold'} typography={'h5'}>\n {getDisplayValue(value)}\n </TextComponent>\n </SelectorValue>\n <Control\n onPressIn={() => requestAnimationFrame(() => handlePressInPrev())}\n onPressOut={handlePressOut}\n disabled={preventLower}\n style={{ opacity: preventLower ? 0 : 1 }}\n >\n <Icon\n name={'chevron-down'}\n type={'material-community'}\n size={'mega'}\n colorVariant={'primary'}\n />\n </Control>\n </SelectorRoot>\n );\n};\n"],"names":["React","getDaysInMonth","SelectorRoot","Control","SelectorValue"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/DateTimeSelector/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValueStr } from '../../../utils';\nimport { PressableSurface } from '../../atoms/PressableSurface';\n\nexport const Root = styled.View<Partial<StyleProps>>`\n position: relative;\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n`;\n\nexport const Content = styled.View<Partial<StyleProps>>`\n flex-direction: row;\n justify-content: space-between;\n margin-vertical: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const SelectorRoot = styled.View<Partial<StyleProps>>`\n border-width: ${RFValueStr('1px')};\n border-color: ${({ theme }) => theme.color.secondary.xlight};\n border-radius: ${({ theme }) => theme.borderRadius.mili};\n`;\n\nexport const SelectorValue = styled.View`\n align-items: center;\n`;\n\nexport const SelectorContainer = styled.View<\n Partial<StyleProps> & { isFirst?: boolean; isLast?: boolean }\n>`\n margin-right: ${({ theme, isFirst }) => (isFirst ? theme.spacing.deca : 0)};\n margin-left: ${({ theme, isLast }) => (isLast ? theme.spacing.deca : 0)};\n flex: 1;\n`;\n\nexport const Control = styled(PressableSurface)<Partial<StyleProps>>`\n border-radius: ${({ theme }) => theme.borderRadius.mili};\n padding: ${({ theme }) => theme.spacing.micro};\n margin-vertical: ${({ theme }) => theme.spacing.mili};\n margin-horizontal: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const Header = styled.View`\n width: 100%;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n`;\n\nexport const BackButton = styled(PressableSurface)<Partial<StyleProps>>`\n border-radius: ${({ theme }) => theme.borderRadius.mili};\n padding: ${({ theme }) => theme.spacing.micro};\n position: absolute;\n aspect-ratio: 1;\n left: 0;\n`;\n"],"names":["RFValueStr"],"mappings":";;;;;;;;;;;;;;AAKO,MAAM,OAAO,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA,oBAAA,EAEL,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,cAAc,YAAY,CAAA;AAAA,EAAA;AAG9D,MAAM,UAAU,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,mBAAA,EAGT,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAG/C,MAAM,eAAe,MAAO,CAAA,IAAA,CAAA;AAAA,gBACjB,EAAAA,6BAAA,CAAW,KAAK,CAAC,CAAA;AAAA,gBAAA,EACjB,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,KAAA,CAAM,UAAU,MAAM,CAAA;AAAA,iBAAA,EAC1C,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,EAAA;AAGlD,MAAM,gBAAgB,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA,EAAA;AAI7B,MAAM,oBAAoB,MAAO,CAAA,IAAA,CAAA;AAAA,gBAGtB,EAAA,CAAC,EAAE,KAAO,EAAA,OAAA,OAAe,OAAU,GAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,GAAO,CAAE,CAAA;AAAA,eAC3D,EAAA,CAAC,EAAE,KAAO,EAAA,MAAA,OAAc,MAAS,GAAA,KAAA,CAAM,OAAQ,CAAA,IAAA,GAAO,CAAE,CAAA;AAAA;AAAA,EAAA;AAI5D,MAAA,OAAA,GAAU,OAAO,gBAAgB,CAAA,CAAA;AAAA,iBAAA,EAC3B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,WAAA,EAC5C,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,KAAK,CAAA;AAAA,mBAAA,EAC1B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,qBAAA,EAC/B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAGjD,MAAM,SAAS,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAOhB,MAAA,UAAA,GAAa,OAAO,gBAAgB,CAAA,CAAA;AAAA,iBAAA,EAC9B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,WAAA,EAC5C,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,KAAK,CAAA;AAAA;AAAA;AAAA;AAAA;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"functions.js","sources":["../../../../../src/components/molecules/Grid/functions.ts"],"sourcesContent":["import { GridSpacing, PaddingPosition, Spacing } from '@tecsinapse/react-core';\nimport { extractNumbersFromString } from '../../../utils';\n\nexport const getGridItemPadding = (\n pos: PaddingPosition,\n _spacing: GridSpacing | undefined,\n themeSpacing: Spacing\n): number | undefined => {\n if (_spacing) {\n if (typeof _spacing === 'string')\n return extractNumbersFromString(themeSpacing[_spacing]);\n else if (typeof _spacing === 'object' && _spacing[pos]) {\n return extractNumbersFromString(themeSpacing[_spacing[pos] ?? '0']);\n } else return undefined;\n } else return undefined;\n};\n\n/**\n * Calc the basis width percentage for a given item\n * @param columns - number of grid columns\n * @param span - number of columns to merge\n * @returns {number} - value in %\n */\nexport const getGridItemColumSpan = (columns: number, span: number): number =>\n 100 / (columns / span);\n"],"names":["extractNumbersFromString"],"mappings":";;;;;;;;;;;;AAGO,MAAM,kBAAqB,GAAA,CAChC,GACA,EAAA,QAAA,EACA,YACuB,KAAA;AACvB,EAAA,IAAI,QAAU,EAAA;AACZ,IAAA,IAAI,OAAO,QAAa,KAAA,QAAA;AACtB,MAAO,OAAAA,iDAAA,CAAyB,YAAa,CAAA,QAAQ,CAAC,CAAA,CAAA;AAAA,SAAA,IAC/C,OAAO,QAAA,KAAa,QAAY,IAAA,QAAA,CAAS,GAAG,CAAG,EAAA;AACtD,MAAA,OAAOA,kDAAyB,YAAa,CAAA,QAAA,CAAS,GAAG,CAAA,IAAK,GAAG,CAAC,CAAA,CAAA;AAAA,KACpE;AAAO,MAAO,OAAA,KAAA,CAAA,CAAA;AAAA,GAChB;AAAO,IAAO,OAAA,KAAA,CAAA,CAAA;AAChB,EAAA;AAQO,MAAM,oBAAuB,GAAA,CAAC,OAAiB,EAAA,IAAA,KACpD,OAAO,OAAU,GAAA,IAAA;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HintInputContainer.js","sources":["../../../../../src/components/molecules/HintInputContainer/HintInputContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { StyleProp, View, ViewStyle } from 'react-native';\nimport {\n Hint,\n InputVariantType,\n PressableInputContainer,\n PressableInputContainerProps,\n} from '../../atoms/Input';\nimport { TextProps } from '../../atoms/Text';\n\nexport interface HintInputContainerProps extends PressableInputContainerProps {\n viewStyle?: StyleProp<ViewStyle>;\n focused: boolean;\n LabelComponent?: React.FC<TextProps>;\n onPress?: () => void | never;\n disabled?: boolean;\n hint?: string;\n hintComponent?: JSX.Element;\n variant?: InputVariantType;\n rightComponent?: JSX.Element;\n}\n\nconst HintInputContainer: React.FC<HintInputContainerProps> = ({\n viewStyle,\n onPress,\n focused,\n disabled,\n LabelComponent,\n variant = 'default',\n rightComponent,\n children,\n hint,\n hintComponent,\n ...rest\n}) => {\n const _hint = hintComponent || (\n <Hint TextComponent={LabelComponent} text={hint} variant={variant} />\n );\n\n return (\n <View style={viewStyle}>\n <PressableInputContainer\n onPress={onPress}\n focused={focused}\n disabled={disabled}\n LabelComponent={LabelComponent}\n variant={variant}\n rightComponent={rightComponent}\n {...rest}\n >\n {children}\n </PressableInputContainer>\n {hint && _hint}\n </View>\n );\n};\n\nexport default HintInputContainer;\n"],"names":["React","View"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsBA,MAAM,qBAAwD,CAAC;AAAA,EAC7D,SAAA;AAAA,EACA,OAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,cAAA;AAAA,EACA,OAAU,GAAA,SAAA;AAAA,EACV,cAAA;AAAA,EACA,QAAA;AAAA,EACA,IAAA;AAAA,EACA,aAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAM,MAAA,KAAA,GAAQ,iCACXA,gBAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,eAAe,cAAgB,EAAA,IAAA,EAAM,MAAM,OAAkB,EAAA,CAAA,CAAA;AAGrE,EACE,uBAAAA,gBAAA,CAAA,aAAA,CAACC,gBAAK,EAAA,EAAA,KAAA,EAAO,SACX,EAAA,kBAAAD,gBAAA,CAAA,aAAA;AAAA,IAAC,uBAAA;AAAA,IAAA;AAAA,MACC,OAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,cAAA;AAAA,MACA,OAAA;AAAA,MACA,cAAA;AAAA,MACC,GAAG,IAAA;AAAA,KAAA;AAAA,IAEH,QAAA;AAAA,GACH,EACC,QAAQ,KACX,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IconComponent.js","sources":["../../../../../src/components/molecules/IconTextButton/IconComponent.tsx"],"sourcesContent":["import { ButtonSizeType, FontColor, IconProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Icon } from '../../atoms/Icon';\n\ninterface IconComponentProps {\n iconProps?: IconProps;\n size?: ButtonSizeType;\n defaultFontColor: keyof FontColor;\n}\n\nconst IconComponent: FC<IconComponentProps> = ({\n iconProps,\n size = 'default',\n defaultFontColor,\n}) => {\n return iconProps ? (\n <Icon\n size={iconProps.size ?? size === 'small' ? 'deca' : 'kilo'}\n fontColor={iconProps.fontColor ?? defaultFontColor}\n {...iconProps}\n />\n ) : (\n <></>\n );\n};\n\nexport default React.memo(IconComponent);\n"],"names":[],"mappings":";;;;;AAUA,MAAM,gBAAwC,CAAC;AAAA,EAC7C,SAAA;AAAA,EACA,IAAO,GAAA,SAAA;AAAA,EACP,gBAAA;AACF,CAAM,KAAA;AACJ,EAAA,OAAO,SACL,mBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,IAAM,EAAA,SAAA,CAAU,IAAQ,IAAA,IAAA,KAAS,UAAU,MAAS,GAAA,MAAA;AAAA,MACpD,SAAA,EAAW,UAAU,SAAa,IAAA,gBAAA;AAAA,MACjC,GAAG,SAAA;AAAA,KAAA;AAAA,sBAGJ,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAEN,CAAA,CAAA;AAEA,sBAAe,KAAA,CAAM,KAAK,aAAa,CAAA;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InputPasswordIcon.js","sources":["../../../../../src/components/molecules/InputPassword/InputPasswordIcon.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ButtonProps } from '../../atoms/Button';\nimport { Icon } from '../../atoms/Icon';\nimport { StyledPasswordButtonIcon } from './styled';\n\ninterface InputPasswordIconProps extends ButtonProps {\n revealed: boolean;\n onChangeState: (revealed: boolean) => void;\n}\n\nconst InputPasswordIcon: FC<InputPasswordIconProps> = ({\n revealed,\n onChangeState,\n ...rest\n}) => {\n const icon = revealed ? 'eye-outline' : 'eye-off-outline';\n return (\n <StyledPasswordButtonIcon\n {...rest}\n variant=\"text\"\n size=\"small\"\n onPress={() => onChangeState(!revealed)}\n >\n <Icon name={icon} type=\"ionicon\" size=\"centi\" />\n </StyledPasswordButtonIcon>\n );\n};\n\nexport default InputPasswordIcon;\n"],"names":["StyledPasswordButtonIcon"],"mappings":";;;;;;AAUA,MAAM,oBAAgD,CAAC;AAAA,EACrD,QAAA;AAAA,EACA,aAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAM,MAAA,IAAA,GAAO,WAAW,aAAgB,GAAA,iBAAA,CAAA;AACxC,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,+BAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,OAAQ,EAAA,MAAA;AAAA,MACR,IAAK,EAAA,OAAA;AAAA,MACL,OAAS,EAAA,MAAM,aAAc,CAAA,CAAC,QAAQ,CAAA;AAAA,KAAA;AAAA,wCAErC,IAAK,EAAA,EAAA,IAAA,EAAM,MAAM,IAAK,EAAA,SAAA,EAAU,MAAK,OAAQ,EAAA,CAAA;AAAA,GAChD,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/InputPassword/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '../../../types/defaults';\nimport { Button } from '../../atoms/Button';\n\nexport const StyledPasswordButtonIcon = styled(Button)<Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.centi};\n`;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAIa,MAAA,wBAAA,GAA2B,OAAO,MAAM,CAAA,CAAA;AAAA,WAAA,EACxC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,KAAK,CAAA;AAAA;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Snackbar.js","sources":["../../../../../src/components/molecules/Snackbar/Snackbar.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Animated, StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '../../../types/defaults';\nimport { Icon, IconProps } from '../../atoms/Icon';\nimport {\n ContentContainer,\n DismissContainer,\n IconContainer,\n SnackbarContainer,\n StyledContainerFlexRow,\n StyledProgressBar,\n TextContainer,\n} from './styled';\n\nexport interface SnackbarProps {\n colorVariant?: ColorType;\n colorTone?: ColorGradationType;\n open: boolean;\n /** Close callback */\n onClose?: () => void;\n /** Snackbar is closable */\n dismissable?: boolean;\n /** Time in miliseconds for auto hide */\n timeout?: number;\n /** Decides whether to show timeout progressbar (temporarily disabled) */\n showProgressBar?: boolean;\n leftIcon?: IconProps;\n /** Properties for close icon */\n rightIcon?: Omit<IconProps, 'name' | 'type'>;\n anchor?: 'top' | 'bottom';\n /** Distance from anchorage (results in px) */\n anchorDistance?: number;\n style?: StyleProp<ViewStyle>;\n children?: ReactNode;\n}\n\nconst FADE_DURATION = 500;\n\nconst Snackbar = ({\n children,\n open = true,\n onClose,\n dismissable = false,\n timeout = undefined,\n leftIcon,\n colorTone = 'xlight',\n colorVariant = 'primary',\n rightIcon = { colorTone: 'medium', colorVariant: 'primary' },\n anchor = 'bottom',\n anchorDistance,\n style,\n}: SnackbarProps): JSX.Element => {\n const fadeAnim = React.useRef(new Animated.Value(0)).current;\n const timeoutRef = React.useRef<NodeJS.Timeout>();\n const showProgressBar = false;\n\n const fadeIn = () => {\n Animated.timing(fadeAnim, {\n toValue: 1,\n useNativeDriver: true,\n duration: FADE_DURATION,\n }).start(() => timeout && fadeOut());\n };\n\n const fadeOut = () => {\n Animated.timing(fadeAnim, {\n toValue: 0,\n useNativeDriver: true,\n duration: FADE_DURATION,\n delay: timeout ? timeout - FADE_DURATION : 0,\n }).start();\n };\n\n const handleClose = () => {\n clearTimeout(timeoutRef.current);\n fadeAnim.setValue(0);\n onClose?.();\n };\n\n const handleDismiss = () => {\n fadeOut();\n setTimeout(() => {\n handleClose();\n }, FADE_DURATION);\n };\n\n React.useEffect(() => {\n if (open) {\n fadeIn();\n }\n if (open && timeout) {\n clearTimeout(timeoutRef.current);\n timeoutRef.current = setTimeout(() => {\n handleDismiss();\n }, timeout + FADE_DURATION);\n }\n }, [open, timeout]);\n\n return (\n <SnackbarContainer\n colorVariant={colorVariant}\n colorTone={colorTone}\n elevated\n anchor={anchor}\n anchorDistance={anchorDistance}\n visible={open}\n style={[{ opacity: fadeAnim as unknown as number }, style]}\n timeout={timeout}\n >\n <StyledContainerFlexRow>\n <ContentContainer>\n {leftIcon && (\n <IconContainer>\n <Icon {...leftIcon} size=\"centi\" />\n </IconContainer>\n )}\n <TextContainer>{children}</TextContainer>\n </ContentContainer>\n {dismissable && (\n <DismissContainer effect=\"none\" onPress={handleDismiss}>\n <Icon\n {...rightIcon}\n size=\"centi\"\n name=\"close\"\n type=\"material-community\"\n />\n </DismissContainer>\n )}\n </StyledContainerFlexRow>\n {timeout && showProgressBar && open && (\n <StyledProgressBar\n valueNow={0}\n valueMax={100}\n valueMin={0}\n animate={true}\n color={colorVariant}\n colorTone=\"medium\"\n animationParameters={{ direction: 'left', duration: timeout }}\n />\n )}\n </SnackbarContainer>\n );\n};\n\nexport default Snackbar;\n"],"names":["Animated","SnackbarContainer","StyledContainerFlexRow","ContentContainer","IconContainer","TextContainer","DismissContainer","StyledProgressBar"],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/Snackbar/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { RFValue } from '../../../utils';\nimport { Paper } from '../../atoms/Paper';\nimport { PressableSurface } from '../../atoms/PressableSurface';\nimport { ProgressBar } from '../../atoms/ProgressBar';\nimport { SnackbarProps } from './Snackbar';\n\nconst baseStyles = ({\n theme,\n colorTone = 'xlight',\n colorVariant = 'primary',\n visible,\n}: StyleProps & Partial<SnackbarProps> & { visible: boolean }) => css`\n padding: 0;\n border-radius: ${theme.borderRadius.mili};\n background-color: ${theme.color[colorVariant][colorTone]};\n position: absolute;\n z-index: ${theme.zIndex.modal};\n display: ${visible ? 'flex' : 'none'};\n flex-direction: column;\n justify-content: space-between;\n align-items: stretch;\n`;\n\nconst anchorTop = ({\n theme,\n anchor,\n anchorDistance,\n}: Partial<SnackbarProps> & StyleProps) => {\n return (\n anchor === 'top' &&\n css`\n top: ${anchorDistance\n ? `${RFValue(anchorDistance)}px`\n : theme.spacing.deca};\n `\n );\n};\n\nconst anchorBottom = ({\n theme,\n anchor,\n anchorDistance,\n}: Partial<SnackbarProps> & StyleProps) => {\n return (\n anchor === 'bottom' &&\n css`\n bottom: ${anchorDistance\n ? `${RFValue(anchorDistance)}px`\n : theme.spacing.deca};\n `\n );\n};\n\nexport const SnackbarContainer = styled(Paper)<\n Partial<SnackbarProps & StyleProps> & { visible: boolean }\n>(\n props => css`\n ${baseStyles(props)}\n ${anchorBottom(props)}\n ${anchorTop(props)}\n `\n);\n\nexport const ContentContainer = styled(View)`\n flex-direction: row;\n display: flex;\n align-items: center;\n flex-shrink: 1;\n`;\n\nexport const IconContainer = styled(View)<Partial<StyleProps>>`\n flex-direction: row;\n display: flex;\n align-items: center;\n margin-right: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const DismissContainer = styled(PressableSurface)<Partial<StyleProps>>`\n flex-direction: row;\n display: flex;\n align-items: center;\n margin-left: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const StyledProgressBar = styled(ProgressBar)<Partial<StyleProps>>`\n border-top-left-radius: 0;\n border-top-right-radius: 0;\n`;\n\nexport const StyledContainerFlexRow = styled(View)<Partial<StyleProps>>`\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: ${({ theme }) => theme.spacing.mili};\n`;\n\nexport const TextContainer = styled(View)`\n display: flex;\n flex-shrink: 1;\n`;\n"],"names":["css","RFValue","View"],"mappings":";;;;;;;;;;;;;;;;AASA,MAAM,aAAa,CAAC;AAAA,EAClB,KAAA;AAAA,EACA,SAAY,GAAA,QAAA;AAAA,EACZ,YAAe,GAAA,SAAA;AAAA,EACf,OAAA;AACF,CAAkE,KAAAA,UAAA,CAAA;AAAA;AAAA,iBAE/C,EAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,oBAAA,EACpB,KAAM,CAAA,KAAA,CAAM,YAAY,CAAA,CAAE,SAAS,CAAC,CAAA;AAAA;AAAA,WAE7C,EAAA,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA,WAClB,EAAA,OAAA,GAAU,SAAS,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAMtC,MAAM,YAAY,CAAC;AAAA,EACjB,KAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AACF,CAA2C,KAAA;AACzC,EAAA,OACE,WAAW,KACX,IAAAA,UAAA,CAAA;AAAA,WACS,EAAA,cAAA,GACH,GAAGC,0BAAQ,CAAA,cAAc,CAAC,CAC1B,EAAA,CAAA,GAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,IAAA,CAAA,CAAA;AAG5B,CAAA,CAAA;AAEA,MAAM,eAAe,CAAC;AAAA,EACpB,KAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AACF,CAA2C,KAAA;AACzC,EAAA,OACE,WAAW,QACX,IAAAD,UAAA,CAAA;AAAA,cACY,EAAA,cAAA,GACN,GAAGC,0BAAQ,CAAA,cAAc,CAAC,CAC1B,EAAA,CAAA,GAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,IAAA,CAAA,CAAA;AAG5B,CAAA,CAAA;AAEa,MAAA,iBAAA,GAAoB,OAAO,KAAK,CAAA;AAAA,EAG3C,CAAS,KAAA,KAAAD,UAAA,CAAA;AAAA,IACL,EAAA,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA,IACjB,EAAA,YAAA,CAAa,KAAK,CAAC,CAAA;AAAA,IACnB,EAAA,SAAA,CAAU,KAAK,CAAC,CAAA;AAAA,EAAA,CAAA;AAEtB,EAAA;AAEa,MAAA,gBAAA,GAAmB,OAAOE,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAO9B,MAAA,aAAA,GAAgB,OAAOA,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,gBAAA,EAItB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAGtC,MAAA,gBAAA,GAAmB,OAAO,gBAAgB,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,eAAA,EAItC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAGrC,MAAA,iBAAA,GAAoB,OAAO,WAAW,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKtC,MAAA,sBAAA,GAAyB,OAAOA,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAIpC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAGjC,MAAA,aAAA,GAAgB,OAAOA,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TextArea.js","sources":["../../../../../src/components/molecules/TextArea/TextArea.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { View } from 'react-native';\nimport { FontStackType, FontWeightType } from '@tecsinapse/react-core';\nimport {\n Hint,\n InputContainerProps,\n InputElementProps,\n} from '../../atoms/Input';\nimport { Text, TextProps } from '../../atoms/Text';\nimport { StyledInputContainer } from './styled';\n\nexport interface TextAreaProps\n extends Omit<InputElementProps, 'style' | 'multiline' | 'value'>,\n InputContainerProps {\n inputFontStack?: FontStackType;\n inputFontWeight?: FontWeightType;\n maxCharCount?: number;\n value: string;\n // Omit below\n TextComponent?: FC<TextProps>;\n focused?: boolean;\n}\n\nconst TextArea: FC<TextAreaProps> = ({\n label,\n labelColor,\n labelColorVariant,\n labelColorTone,\n labelTypography,\n labelStack,\n labelWeight,\n leftComponent,\n rightComponent,\n disabled,\n style,\n borderColor,\n borderColorGradation,\n inputContainerStyle,\n variant = 'default',\n hintComponent,\n hint,\n TextComponent = Text,\n focused,\n children,\n maxLength: _maxLenght,\n value: _value,\n}) => {\n let length = _value.length;\n const maxLength = _maxLenght;\n if (maxLength && length > maxLength) {\n length = maxLength;\n }\n\n const _hint = hintComponent || (\n <Hint TextComponent={TextComponent} text={hint} variant={variant} />\n );\n\n return (\n <View style={style}>\n <StyledInputContainer\n label={label}\n labelColor={labelColor}\n labelColorVariant={labelColorVariant}\n labelColorTone={labelColorTone}\n labelTypography={labelTypography}\n labelStack={labelStack}\n labelWeight={labelWeight}\n LabelComponent={TextComponent}\n leftComponent={leftComponent}\n rightComponent={rightComponent}\n borderColor={borderColor}\n borderColorGradation={borderColorGradation}\n inputContainerStyle={inputContainerStyle}\n focused={focused}\n disabled={disabled}\n variant={variant}\n >\n {children}\n {maxLength && (\n <TextComponent\n colorVariant={'secondary'}\n colorTone={'medium'}\n typography={'label'}\n fontStack={'default'}\n fontWeight={'bold'}\n style={{ textAlign: 'right' }}\n >\n {`${length}/${maxLength}`}\n </TextComponent>\n )}\n </StyledInputContainer>\n {hint && _hint}\n </View>\n );\n};\n\nexport default TextArea;\n"],"names":["View","StyledInputContainer"],"mappings":";;;;;;;;;;;;;AAuBA,MAAM,WAA8B,CAAC;AAAA,EACnC,KAAA;AAAA,EACA,UAAA;AAAA,EACA,iBAAA;AAAA,EACA,cAAA;AAAA,EACA,eAAA;AAAA,EACA,UAAA;AAAA,EACA,WAAA;AAAA,EACA,aAAA;AAAA,EACA,cAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,WAAA;AAAA,EACA,oBAAA;AAAA,EACA,mBAAA;AAAA,EACA,OAAU,GAAA,SAAA;AAAA,EACV,aAAA;AAAA,EACA,IAAA;AAAA,EACA,aAAgB,GAAA,IAAA;AAAA,EAChB,OAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAW,EAAA,UAAA;AAAA,EACX,KAAO,EAAA,MAAA;AACT,CAAM,KAAA;AACJ,EAAA,IAAI,SAAS,MAAO,CAAA,MAAA,CAAA;AACpB,EAAA,MAAM,SAAY,GAAA,UAAA,CAAA;AAClB,EAAI,IAAA,SAAA,IAAa,SAAS,SAAW,EAAA;AACnC,IAAS,MAAA,GAAA,SAAA,CAAA;AAAA,GACX;AAEA,EAAA,MAAM,QAAQ,aACZ,oBAAA,KAAA,CAAA,aAAA,CAAC,QAAK,aAA8B,EAAA,IAAA,EAAM,MAAM,OAAkB,EAAA,CAAA,CAAA;AAGpE,EACE,uBAAA,KAAA,CAAA,aAAA,CAACA,oBAAK,KACJ,EAAA,kBAAA,KAAA,CAAA,aAAA;AAAA,IAACC,2BAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,UAAA;AAAA,MACA,iBAAA;AAAA,MACA,cAAA;AAAA,MACA,eAAA;AAAA,MACA,UAAA;AAAA,MACA,WAAA;AAAA,MACA,cAAgB,EAAA,aAAA;AAAA,MAChB,aAAA;AAAA,MACA,cAAA;AAAA,MACA,WAAA;AAAA,MACA,oBAAA;AAAA,MACA,mBAAA;AAAA,MACA,OAAA;AAAA,MACA,QAAA;AAAA,MACA,OAAA;AAAA,KAAA;AAAA,IAEC,QAAA;AAAA,IACA,SACC,oBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,aAAA;AAAA,MAAA;AAAA,QACC,YAAc,EAAA,WAAA;AAAA,QACd,SAAW,EAAA,QAAA;AAAA,QACX,UAAY,EAAA,OAAA;AAAA,QACZ,SAAW,EAAA,SAAA;AAAA,QACX,UAAY,EAAA,MAAA;AAAA,QACZ,KAAA,EAAO,EAAE,SAAA,EAAW,OAAQ,EAAA;AAAA,OAAA;AAAA,MAE3B,CAAA,EAAG,MAAM,CAAA,CAAA,EAAI,SAAS,CAAA,CAAA;AAAA,KACzB;AAAA,GAEJ,EACC,QAAQ,KACX,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/TextArea/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps } from '@tecsinapse/react-core';\nimport { extractNumbersFromString, RFValue, RFValueStr } from '../../../utils';\nimport { InputContainer, InputElement } from '../../atoms/Input';\nimport { TextAreaProps } from './TextArea';\n\nexport const StyledInputContainer = styled(InputContainer)<Partial<StyleProps>>`\n min-height: ${RFValueStr('50px')};\n`;\n\nexport const TextAreaInputBase = styled(InputElement)<\n Partial<TextAreaProps> & Partial<StyleProps>\n>`\n max-height: ${({ theme, numberOfLines }) =>\n `${RFValue(\n extractNumbersFromString(theme.typography.h5.lineHeight) *\n (numberOfLines || 1)\n )}px`};\n width: 100%;\n padding: 0;\n margin: ${RFValueStr('3px')} 0;\n`;\n"],"names":["RFValueStr","RFValue","extractNumbersFromString"],"mappings":";;;;;;;;;;;;;;;AAMa,MAAA,oBAAA,GAAuB,OAAO,cAAc,CAAA,CAAA;AAAA,cACzC,EAAAA,6BAAA,CAAW,MAAM,CAAC,CAAA;AAAA,EAAA;AAGrB,MAAA,iBAAA,GAAoB,OAAO,YAAY,CAAA,CAAA;AAAA,cAAA,EAGpC,CAAC,EAAE,KAAO,EAAA,aAAA,OACtB,CAAG,EAAAC,0BAAA;AAAA,EACDC,kDAAyB,KAAM,CAAA,UAAA,CAAW,EAAG,CAAA,UAAU,KACpD,aAAiB,IAAA,CAAA,CAAA;AACtB,CAAC,CAAI,EAAA,CAAA,CAAA;AAAA;AAAA;AAAA,UAGG,EAAAF,6BAAA,CAAW,KAAK,CAAC,CAAA;AAAA;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useDebouncedState.js","sources":["../../../src/hooks/useDebouncedState.ts"],"sourcesContent":["import { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';\n\n/**\n * @param initialState\n * @param timeoutCallback callback to be called after bouncing ends. Should be memoized.\n * @param timeoutMs\n */\nexport function useDebouncedState<S>(\n initialState: S | (() => S),\n timeoutCallback?: (state: S) => void,\n timeoutMs = 166\n): [S, Dispatch<SetStateAction<S>>] {\n const timeoutId = useRef<NodeJS.Timeout>();\n\n const [state, setState] = useState<S>(initialState);\n\n useEffect(() => {\n if (timeoutId.current) clearTimeout(timeoutId.current);\n if (timeoutCallback)\n timeoutId.current = setTimeout(() => timeoutCallback(state), timeoutMs);\n }, [state]);\n\n return [state, setState];\n}\n"],"names":["useRef","useState","useEffect"],"mappings":";;;;AAOO,SAAS,iBACd,CAAA,YAAA,EACA,eACA,EAAA,SAAA,GAAY,GACsB,EAAA;AAClC,EAAA,MAAM,YAAYA,YAAuB,EAAA,CAAA;AAEzC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAIC,eAAY,YAAY,CAAA,CAAA;AAElD,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,SAAU,CAAA,OAAA;AAAS,MAAA,YAAA,CAAa,UAAU,OAAO,CAAA,CAAA;AACrD,IAAI,IAAA,eAAA;AACF,MAAA,SAAA,CAAU,UAAU,UAAW,CAAA,MAAM,eAAgB,CAAA,KAAK,GAAG,SAAS,CAAA,CAAA;AAAA,GAC1E,EAAG,CAAC,KAAK,CAAC,CAAA,CAAA;AAEV,EAAO,OAAA,CAAC,OAAO,QAAQ,CAAA,CAAA;AACzB;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useTheme.js","sources":["../../../src/hooks/useTheme.ts"],"sourcesContent":["import { useTheme as useEmotionTheme } from '@emotion/react';\nimport { ThemeProp } from '../types/defaults';\n\nexport const useTheme = (): ThemeProp => useEmotionTheme() as ThemeProp;\n"],"names":["useEmotionTheme"],"mappings":";;;;AAGa,MAAA,QAAA,GAAW,MAAiBA,cAAgB;;;;"}
|
package/dist/cjs/index.js
CHANGED
|
@@ -141,3 +141,4 @@ exports.borderColorVC = variantComplement.borderColorVC;
|
|
|
141
141
|
exports.colorGradationVC = variantComplement.colorGradationVC;
|
|
142
142
|
exports.colorVC = variantComplement.colorVC;
|
|
143
143
|
exports.fontColorVC = variantComplement.fontColorVC;
|
|
144
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ThemeProvider.js","sources":["../../../src/styles/ThemeProvider.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ThemeProvider as EmotionProvider } from '@emotion/react';\nimport { ThemeProviderProps } from '../types/defaults';\n\nconst ThemeProvider: FC<ThemeProviderProps> = ({\n theme,\n children,\n}): JSX.Element => {\n return <EmotionProvider theme={theme}>{children}</EmotionProvider>;\n};\n\nexport default ThemeProvider;\n"],"names":["EmotionProvider"],"mappings":";;;;;AAIA,MAAM,gBAAwC,CAAC;AAAA,EAC7C,KAAA;AAAA,EACA,QAAA;AACF,CAAmB,KAAA;AACjB,EAAO,uBAAA,KAAA,CAAA,aAAA,CAACA,mBAAgB,EAAA,EAAA,KAAA,EAAA,EAAe,QAAS,CAAA,CAAA;AAClD;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"definitions.js","sources":["../../../src/styles/definitions.ts"],"sourcesContent":["import {\n BorderRadius,\n BorderWidth,\n Breakpoints,\n FontColor,\n FontStack,\n FontWeight,\n IconSize,\n Miscellaneous,\n Spacing,\n TypographyVariation,\n ZIndex,\n} from '../types/defaults';\nimport { RFValueStr } from '../utils';\n\nexport const statusColor = {\n error: {\n xlight: '#fdf3f2',\n light: '#ee9891',\n medium: '#e04638',\n dark: '#9b2318',\n xdark: '#58240e',\n },\n warning: {\n xlight: '#fffcf0',\n light: '#ffe380',\n medium: '#ffc700',\n dark: '#cc9f00',\n xdark: '#665000',\n },\n success: {\n xlight: '#f3fcf8',\n light: '#99e6c9',\n medium: '#2db783',\n dark: '#238f67',\n xdark: '#14523b',\n },\n info: {\n xlight: '#f0f8fe',\n light: '#85c7fa',\n medium: '#239bf6',\n dark: '#0873c4',\n xdark: '#043962',\n },\n};\n\nexport const hex2rgba: (hex, alpha?: number) => string = (hex, alpha = 1) => {\n const rgb = ((hex ?? '').match(/\\w\\w/g) ?? []).map(x => parseInt(x, 16));\n if (!rgb || (rgb ?? []).length === 0) return '';\n const [r, g, b] = rgb;\n return `rgba(${r},${g},${b},${alpha})`;\n};\n\nexport const miscellaneous: Miscellaneous = {\n shadow: '#000000', // black\n overlay: '#282625', // rgba(40, 38, 37, 0.5)\n bodyColor: '#f8f7f7',\n surfaceColor: '#ffffff', //input, group button, cards\n};\n\nexport const spacing: Spacing = {\n nano: RFValueStr('2px'),\n micro: RFValueStr('4px'),\n mili: RFValueStr('8px'),\n centi: RFValueStr('12px'),\n deca: RFValueStr('16px'),\n kilo: RFValueStr('24px'),\n mega: RFValueStr('32px'),\n giga: RFValueStr('40px'),\n tera: RFValueStr('48px'),\n peta: RFValueStr('56px'),\n hexa: RFValueStr('64px'),\n};\n\nexport const iconSize: IconSize = {\n micro: RFValueStr('12px'),\n mili: RFValueStr('14px'),\n centi: RFValueStr('16px'), // '1rem'\n deca: RFValueStr('18px'), // '1.5rem'\n kilo: RFValueStr('24px'), // '1.6rem'\n mega: RFValueStr('32px'), // '2rem'\n};\n\nexport const borderRadius: BorderRadius = {\n nano: RFValueStr('2px'),\n micro: RFValueStr('4px'),\n mili: RFValueStr('8px'),\n centi: RFValueStr('16px'),\n deca: RFValueStr('24px'),\n pill: RFValueStr('999999px'), // also circle\n};\n\nexport const borderWidth: BorderWidth = {\n pico: RFValueStr('1px'),\n nano: RFValueStr('2px'),\n};\n\nexport const typography: TypographyVariation = {\n h5: {\n fontSize: RFValueStr('16px'), // '1rem'\n lineHeight: RFValueStr('24px'), // '1.5rem'\n },\n h4: {\n fontSize: RFValueStr('18px'), // '1.125rem'\n lineHeight: RFValueStr('27px'), // '1.688rem'\n },\n h3: {\n fontSize: RFValueStr('20px'), // '1.25rem'\n lineHeight: RFValueStr('32px'), // '2rem'\n },\n h2: {\n fontSize: RFValueStr('26px'), // '1.625rem'\n lineHeight: RFValueStr('38px'), // '2.375rem'\n },\n h1: {\n fontSize: RFValueStr('32px'), // '2rem'\n lineHeight: RFValueStr('42px'), // '2.625rem'\n },\n base: {\n fontSize: RFValueStr('14px'), // '0.875rem'\n lineHeight: RFValueStr('21px'), // '1.313rem'\n },\n sub: {\n fontSize: RFValueStr('12px'), // '0.75rem'\n lineHeight: RFValueStr('18px'), // '1.125rem'\n },\n label: {\n fontSize: RFValueStr('10px'),\n lineHeight: RFValueStr('12px'),\n },\n};\n\nexport const fontStack: FontStack = {\n default: 'Lato',\n mono: 'Consolas, monaco, monospace',\n};\n\nexport const fontWeight: FontWeight = {\n regular: '400',\n bold: '700',\n black: '900',\n};\n\nexport const fontFiles: FontWeight = {\n black: '{0}-Black',\n bold: '{0}-Bold',\n regular: '{0}-Regular',\n};\n\nexport const fontColor: FontColor = {\n light: '#fff',\n medium: '#85807a',\n dark: '#353231', // default\n orange: '#f89907',\n};\n\nexport const zIndex: ZIndex = {\n default: 0,\n absolute: 1,\n select: 20,\n input: 20,\n popover: 30,\n tooltip: 40,\n header: 600,\n backdrop: 700,\n drawer: 700,\n sidebar: 800,\n modal: 1000,\n};\n\nexport type IconType =\n | 'material'\n | 'material-community'\n | 'simple-line-icon'\n | 'zocial'\n | 'font-awesome'\n | 'octicon'\n | 'ionicon'\n | 'foundation'\n | 'evilicon'\n | 'entypo'\n | 'antdesign'\n | 'font-awesome-5'\n | string;\n\nexport const breakpoints: Breakpoints = {\n sm: 480,\n md: 768,\n lg: 1366,\n};\n"],"names":["RFValueStr"],"mappings":"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"}
|
package/dist/cjs/styles/light.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"light.js","sources":["../../../src/styles/light.ts"],"sourcesContent":["import { ThemeProp } from '../types/defaults';\nimport {\n borderRadius,\n borderWidth,\n breakpoints,\n fontColor,\n fontFiles,\n fontStack,\n fontWeight,\n iconSize,\n miscellaneous,\n spacing,\n statusColor,\n typography,\n zIndex,\n} from './definitions';\n\nconst primaryGradation = {\n xlight: '#fef9f0',\n light: '#fccb83',\n medium: '#f89907',\n dark: '#ae6b05',\n xdark: '#633d03',\n};\n\nconst secondaryGradation = {\n xlight: '#f8f7f7',\n light: '#c2bfbc',\n medium: '#85807a',\n dark: '#5d5955',\n xdark: '#353231',\n};\n\nexport const lightTheme: ThemeProp = {\n color: {\n primary: {\n ...primaryGradation,\n },\n secondary: { ...secondaryGradation },\n ...statusColor,\n },\n miscellaneous,\n spacing,\n iconSize,\n borderRadius,\n borderWidth,\n typography,\n font: {\n color: fontColor,\n stack: fontStack,\n weight: fontWeight,\n files: fontFiles,\n },\n zIndex,\n breakpoints,\n};\n"],"names":["statusColor","miscellaneous","spacing","iconSize","borderRadius","borderWidth","typography","fontColor","fontStack","fontWeight","fontFiles","zIndex","breakpoints"],"mappings":";;;;AAiBA,MAAM,gBAAmB,GAAA;AAAA,EACvB,MAAQ,EAAA,SAAA;AAAA,EACR,KAAO,EAAA,SAAA;AAAA,EACP,MAAQ,EAAA,SAAA;AAAA,EACR,IAAM,EAAA,SAAA;AAAA,EACN,KAAO,EAAA,SAAA;AACT,CAAA,CAAA;AAEA,MAAM,kBAAqB,GAAA;AAAA,EACzB,MAAQ,EAAA,SAAA;AAAA,EACR,KAAO,EAAA,SAAA;AAAA,EACP,MAAQ,EAAA,SAAA;AAAA,EACR,IAAM,EAAA,SAAA;AAAA,EACN,KAAO,EAAA,SAAA;AACT,CAAA,CAAA;AAEO,MAAM,UAAwB,GAAA;AAAA,EACnC,KAAO,EAAA;AAAA,IACL,OAAS,EAAA;AAAA,MACP,GAAG,gBAAA;AAAA,KACL;AAAA,IACA,SAAA,EAAW,EAAE,GAAG,kBAAmB,EAAA;AAAA,IACnC,GAAGA,uBAAA;AAAA,GACL;AAAA,iBACAC,yBAAA;AAAA,WACAC,mBAAA;AAAA,YACAC,oBAAA;AAAA,gBACAC,wBAAA;AAAA,eACAC,uBAAA;AAAA,cACAC,sBAAA;AAAA,EACA,IAAM,EAAA;AAAA,IACJ,KAAO,EAAAC,qBAAA;AAAA,IACP,KAAO,EAAAC,qBAAA;AAAA,IACP,MAAQ,EAAAC,sBAAA;AAAA,IACR,KAAO,EAAAC,qBAAA;AAAA,GACT;AAAA,UACAC,kBAAA;AAAA,eACAC,uBAAA;AACF;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"IPhoneXHelper.js","sources":["../../../src/utils/IPhoneXHelper.ts"],"sourcesContent":["import { Dimensions, Platform, StatusBar } from 'react-native';\n\nexport function isIphoneX() {\n const dimen = Dimensions.get('window');\n return (\n Platform.OS === 'ios' &&\n !Platform.isPad &&\n !Platform.isTV &&\n (dimen.height === 780 ||\n dimen.width === 780 ||\n dimen.height === 812 ||\n dimen.width === 812 ||\n dimen.height === 844 ||\n dimen.width === 844 ||\n dimen.height === 896 ||\n dimen.width === 896 ||\n dimen.height === 926 ||\n dimen.width === 926)\n );\n}\n\nexport function ifIphoneX(iphoneXStyle, regularStyle) {\n if (isIphoneX()) {\n return iphoneXStyle;\n }\n return regularStyle;\n}\n\nexport function getStatusBarHeight(safe) {\n return Platform.select({\n ios: ifIphoneX(safe ? 44 : 30, 20),\n android: StatusBar.currentHeight,\n default: 0,\n });\n}\n\nexport function getBottomSpace() {\n return isIphoneX() ? 34 : 0;\n}\n"],"names":["Dimensions","Platform","StatusBar"],"mappings":";;;;AAEO,SAAS,SAAY,GAAA;AAC1B,EAAM,MAAA,KAAA,GAAQA,sBAAW,CAAA,GAAA,CAAI,QAAQ,CAAA,CAAA;AACrC,EAAA,OACEC,qBAAS,EAAO,KAAA,KAAA,IAChB,CAACA,oBAAA,CAAS,SACV,CAACA,oBAAA,CAAS,IACT,KAAA,KAAA,CAAM,WAAW,GAChB,IAAA,KAAA,CAAM,KAAU,KAAA,GAAA,IAChB,MAAM,MAAW,KAAA,GAAA,IACjB,KAAM,CAAA,KAAA,KAAU,OAChB,KAAM,CAAA,MAAA,KAAW,GACjB,IAAA,KAAA,CAAM,UAAU,GAChB,IAAA,KAAA,CAAM,MAAW,KAAA,GAAA,IACjB,MAAM,KAAU,KAAA,GAAA,IAChB,MAAM,MAAW,KAAA,GAAA,IACjB,MAAM,KAAU,KAAA,GAAA,CAAA,CAAA;AAEtB,CAAA;AAEgB,SAAA,SAAA,CAAU,cAAc,YAAc,EAAA;AACpD,EAAA,IAAI,WAAa,EAAA;AACf,IAAO,OAAA,YAAA,CAAA;AAAA,GACT;AACA,EAAO,OAAA,YAAA,CAAA;AACT,CAAA;AAEO,SAAS,mBAAmB,IAAM,EAAA;AACvC,EAAA,OAAOA,qBAAS,MAAO,CAAA;AAAA,IACrB,GAAK,EAAA,SAAA,CAAU,IAAO,GAAA,EAAA,GAAK,IAAI,EAAE,CAAA;AAAA,IACjC,SAASC,qBAAU,CAAA,aAAA;AAAA,IACnB,OAAS,EAAA,CAAA;AAAA,GACV,CAAA,CAAA;AACH,CAAA;AAEO,SAAS,cAAiB,GAAA;AAC/B,EAAO,OAAA,SAAA,KAAc,EAAK,GAAA,CAAA,CAAA;AAC5B;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ResponsiveFontSize.js","sources":["../../../src/utils/ResponsiveFontSize.ts"],"sourcesContent":["import { Dimensions, Platform, StatusBar } from 'react-native';\nimport { extractNumbersFromString } from './extractNumbersFromString';\nimport { isIphoneX } from './IPhoneXHelper';\n\nconst STANDARD_SCREEN_HEIGHT = 680;\n\n/**\n * Use this function when you want to scale a percentage number\n * to a reasonable value that will fit better on most of devices.\n *\n * @param percent\n * @returns\n */\nexport const RFPercentage = (percent: number) => {\n if (Platform.OS === 'web') return percent;\n const { height, width } = Dimensions.get('window');\n const standardLength = width > height ? width : height;\n const offset =\n width > height\n ? 0\n : Platform.OS === 'ios'\n ? 78\n : StatusBar.currentHeight || 0; // iPhone X style SafeAreaView size in portrait\n const deviceHeight =\n isIphoneX() || Platform.OS === 'android'\n ? standardLength - offset\n : standardLength;\n const heightPercent = (percent * deviceHeight) / 100;\n return Math.round(heightPercent);\n};\n\n/**\n * Use this function when you want to scale a font size based on pixel unit\n * to a reasonable value that will fit better on most of devices.\n *\n * @param fontSize\n * @param standardScreenHeight\n * @returns\n */\nexport const RFValue = (\n fontSize: number,\n standardScreenHeight: number = STANDARD_SCREEN_HEIGHT\n) => {\n if (Platform.OS === 'web') return fontSize;\n const { height, width } = Dimensions.get('window');\n const standardLength = width > height ? width : height;\n const offset =\n width > height\n ? 0\n : Platform.OS === 'ios'\n ? 78\n : StatusBar.currentHeight || 0; // iPhone X style SafeAreaView size in portrait\n const deviceHeight =\n isIphoneX() || Platform.OS === 'android'\n ? standardLength - offset\n : standardLength;\n const heightPercent = (fontSize * deviceHeight) / standardScreenHeight;\n return Math.round(heightPercent);\n};\n\n/**\n * Same as RFValue, however you can provide string values. E.g: '10px', '-5px'.\n *\n * @param fontSize\n * @param standardScreenHeight\n * @returns\n */\nexport const RFValueStr = (fontSize: string, standardScreenHeight?: number) => {\n const _fontSize = extractNumbersFromString(fontSize);\n return `${RFValue(_fontSize, standardScreenHeight)}px`;\n};\n"],"names":["Platform","Dimensions","StatusBar","isIphoneX","extractNumbersFromString"],"mappings":";;;;;;AAIA,MAAM,sBAAyB,GAAA,GAAA,CAAA;AASlB,MAAA,YAAA,GAAe,CAAC,OAAoB,KAAA;AAC/C,EAAA,IAAIA,qBAAS,EAAO,KAAA,KAAA;AAAO,IAAO,OAAA,OAAA,CAAA;AAClC,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAU,GAAAC,sBAAA,CAAW,IAAI,QAAQ,CAAA,CAAA;AACjD,EAAM,MAAA,cAAA,GAAiB,KAAQ,GAAA,MAAA,GAAS,KAAQ,GAAA,MAAA,CAAA;AAChD,EAAM,MAAA,MAAA,GACJ,QAAQ,MACJ,GAAA,CAAA,GACAD,qBAAS,EAAO,KAAA,KAAA,GAChB,EACA,GAAAE,qBAAA,CAAU,aAAiB,IAAA,CAAA,CAAA;AACjC,EAAA,MAAM,eACJC,uBAAU,EAAA,IAAKH,qBAAS,EAAO,KAAA,SAAA,GAC3B,iBAAiB,MACjB,GAAA,cAAA,CAAA;AACN,EAAM,MAAA,aAAA,GAAiB,UAAU,YAAgB,GAAA,GAAA,CAAA;AACjD,EAAO,OAAA,IAAA,CAAK,MAAM,aAAa,CAAA,CAAA;AACjC,EAAA;AAUO,MAAM,OAAU,GAAA,CACrB,QACA,EAAA,oBAAA,GAA+B,sBAC5B,KAAA;AACH,EAAA,IAAIA,qBAAS,EAAO,KAAA,KAAA;AAAO,IAAO,OAAA,QAAA,CAAA;AAClC,EAAA,MAAM,EAAE,MAAQ,EAAA,KAAA,EAAU,GAAAC,sBAAA,CAAW,IAAI,QAAQ,CAAA,CAAA;AACjD,EAAM,MAAA,cAAA,GAAiB,KAAQ,GAAA,MAAA,GAAS,KAAQ,GAAA,MAAA,CAAA;AAChD,EAAM,MAAA,MAAA,GACJ,QAAQ,MACJ,GAAA,CAAA,GACAD,qBAAS,EAAO,KAAA,KAAA,GAChB,EACA,GAAAE,qBAAA,CAAU,aAAiB,IAAA,CAAA,CAAA;AACjC,EAAA,MAAM,eACJC,uBAAU,EAAA,IAAKH,qBAAS,EAAO,KAAA,SAAA,GAC3B,iBAAiB,MACjB,GAAA,cAAA,CAAA;AACN,EAAM,MAAA,aAAA,GAAiB,WAAW,YAAgB,GAAA,oBAAA,CAAA;AAClD,EAAO,OAAA,IAAA,CAAK,MAAM,aAAa,CAAA,CAAA;AACjC,EAAA;AASa,MAAA,UAAA,GAAa,CAAC,QAAA,EAAkB,oBAAkC,KAAA;AAC7E,EAAM,MAAA,SAAA,GAAYI,kDAAyB,QAAQ,CAAA,CAAA;AACnD,EAAA,OAAO,CAAG,EAAA,OAAA,CAAQ,SAAW,EAAA,oBAAoB,CAAC,CAAA,EAAA,CAAA,CAAA;AACpD;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"extractNumbersFromString.js","sources":["../../../src/utils/extractNumbersFromString.ts"],"sourcesContent":["export const extractNumbersFromString = (value: string): number =>\n Number(extractDigitsFromString(value));\n\nexport const extractDigitsFromString = (value: string): string =>\n value.replace(/[^0-9]/g, '');\n"],"names":[],"mappings":";;AAAO,MAAM,2BAA2B,CAAC,KAAA,KACvC,MAAO,CAAA,uBAAA,CAAwB,KAAK,CAAC,EAAA;AAEhC,MAAM,0BAA0B,CAAC,KAAA,KACtC,KAAM,CAAA,OAAA,CAAQ,WAAW,EAAE;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"formatWithMask.js","sources":["../../../src/utils/formatWithMask.ts"],"sourcesContent":["import {\n MaskType,\n CurrencyOptions,\n getMask,\n mergeMask,\n getInternalNumberAndMask,\n} from '../components/atoms/Input';\nimport currency from 'currency.js';\n\nexport const formatWithMask = (\n mask: (MaskType[] | ((value: string) => MaskType[])) | CurrencyOptions,\n value: string | number\n): string | number => {\n if (Array.isArray(mask) || typeof mask === 'function') {\n const selectedMask = getMask(mask, String(value));\n const { formatted } = mergeMask(String(value), selectedMask);\n return formatted || '';\n } else {\n const { internalNumber, mergedOptions } = getInternalNumberAndMask(\n value,\n mask\n );\n return currency(internalNumber).format(mergedOptions);\n }\n};\n"],"names":["getMask","mergeMask","getInternalNumberAndMask"],"mappings":";;;;;;;;;;;;AASa,MAAA,cAAA,GAAiB,CAC5B,IAAA,EACA,KACoB,KAAA;AACpB,EAAA,IAAI,MAAM,OAAQ,CAAA,IAAI,CAAK,IAAA,OAAO,SAAS,UAAY,EAAA;AACrD,IAAA,MAAM,YAAe,GAAAA,qBAAA,CAAQ,IAAM,EAAA,MAAA,CAAO,KAAK,CAAC,CAAA,CAAA;AAChD,IAAA,MAAM,EAAE,SAAU,EAAA,GAAIC,wBAAU,MAAO,CAAA,KAAK,GAAG,YAAY,CAAA,CAAA;AAC3D,IAAA,OAAO,SAAa,IAAA,EAAA,CAAA;AAAA,GACf,MAAA;AACL,IAAM,MAAA,EAAE,cAAgB,EAAA,aAAA,EAAkB,GAAAC,sCAAA;AAAA,MACxC,KAAA;AAAA,MACA,IAAA;AAAA,KACF,CAAA;AACA,IAAA,OAAO,QAAS,CAAA,cAAc,CAAE,CAAA,MAAA,CAAO,aAAa,CAAA,CAAA;AAAA,GACtD;AACF;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lightenDarkenColor.js","sources":["../../../src/utils/lightenDarkenColor.ts"],"sourcesContent":["export const lightenDarkenColor = (color: string, variation: number) => {\n let usePound = false;\n\n if (color[0] == '#') {\n color = color.slice(1);\n usePound = true;\n }\n\n const num = parseInt(color, 16);\n\n let r = (num >> 16) + variation;\n if (r > 255) r = 255;\n else if (r < 0) r = 0;\n\n let b = ((num >> 8) & 0x00ff) + variation;\n if (b > 255) b = 255;\n else if (b < 0) b = 0;\n\n let g = (num & 0x0000ff) + variation;\n if (g > 255) g = 255;\n else if (g < 0) g = 0;\n\n return (usePound ? '#' : '') + (g | (b << 8) | (r << 16)).toString(16);\n};\n"],"names":[],"mappings":";;AAAa,MAAA,kBAAA,GAAqB,CAAC,KAAA,EAAe,SAAsB,KAAA;AACtE,EAAA,IAAI,QAAW,GAAA,KAAA,CAAA;AAEf,EAAI,IAAA,KAAA,CAAM,CAAC,CAAA,IAAK,GAAK,EAAA;AACnB,IAAQ,KAAA,GAAA,KAAA,CAAM,MAAM,CAAC,CAAA,CAAA;AACrB,IAAW,QAAA,GAAA,IAAA,CAAA;AAAA,GACb;AAEA,EAAM,MAAA,GAAA,GAAM,QAAS,CAAA,KAAA,EAAO,EAAE,CAAA,CAAA;AAE9B,EAAI,IAAA,CAAA,GAAA,CAAK,OAAO,EAAM,IAAA,SAAA,CAAA;AACtB,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAI,IAAA,CAAA,GAAA,CAAM,GAAO,IAAA,CAAA,GAAK,GAAU,IAAA,SAAA,CAAA;AAChC,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAI,IAAA,CAAA,GAAA,CAAK,MAAM,GAAY,IAAA,SAAA,CAAA;AAC3B,EAAA,IAAI,CAAI,GAAA,GAAA;AAAK,IAAI,CAAA,GAAA,GAAA,CAAA;AAAA,OAAA,IACR,CAAI,GAAA,CAAA;AAAG,IAAI,CAAA,GAAA,CAAA,CAAA;AAEpB,EAAQ,OAAA,CAAA,QAAA,GAAW,MAAM,EAAO,IAAA,CAAA,CAAA,GAAK,KAAK,CAAM,GAAA,CAAA,IAAK,EAAK,EAAA,QAAA,CAAS,EAAE,CAAA,CAAA;AACvE;;;;"}
|
package/dist/cjs/utils/masks.js
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"masks.js","sources":["../../../src/utils/masks.ts"],"sourcesContent":["// NOTE: Add here all individually utils, then you can use it on input components everywhere.\nimport { extractDigitsFromString } from './extractNumbersFromString';\n\nexport const Masks = {\n CPF: ['999.999.999-99'],\n CNPJ: ['99.999.999/9999-99'],\n DATE: ['99/99/9999'],\n MONTH_YEAR: ['99/9999'],\n CEP: ['99999-999'],\n PHONE: ['(99) 9999-9999'],\n PHONE_EXTENDED: ['(99) 99999-9999'],\n COMBINED_PHONE: (value: string) => {\n const onlyNumbers = extractDigitsFromString(value);\n // Value is number extended, but without mask.\n const isCellPhoneExtended = onlyNumbers.length === 11;\n\n // Value in formatted mode\n return value?.length <= 14 && !isCellPhoneExtended\n ? Masks.PHONE\n : Masks.PHONE_EXTENDED;\n },\n COMBINED_CPF_CNPJ: (value: string) =>\n value?.length <= 14 ? Masks.CPF : Masks.CNPJ,\n};\n"],"names":["extractDigitsFromString"],"mappings":";;;;AAGO,MAAM,KAAQ,GAAA;AAAA,EACnB,GAAA,EAAK,CAAC,gBAAgB,CAAA;AAAA,EACtB,IAAA,EAAM,CAAC,oBAAoB,CAAA;AAAA,EAC3B,IAAA,EAAM,CAAC,YAAY,CAAA;AAAA,EACnB,UAAA,EAAY,CAAC,SAAS,CAAA;AAAA,EACtB,GAAA,EAAK,CAAC,WAAW,CAAA;AAAA,EACjB,KAAA,EAAO,CAAC,gBAAgB,CAAA;AAAA,EACxB,cAAA,EAAgB,CAAC,iBAAiB,CAAA;AAAA,EAClC,cAAA,EAAgB,CAAC,KAAkB,KAAA;AACjC,IAAM,MAAA,WAAA,GAAcA,iDAAwB,KAAK,CAAA,CAAA;AAEjD,IAAM,MAAA,mBAAA,GAAsB,YAAY,MAAW,KAAA,EAAA,CAAA;AAGnD,IAAA,OAAO,OAAO,MAAU,IAAA,EAAA,IAAM,CAAC,mBAC3B,GAAA,KAAA,CAAM,QACN,KAAM,CAAA,cAAA,CAAA;AAAA,GACZ;AAAA,EACA,iBAAA,EAAmB,CAAC,KAClB,KAAA,KAAA,EAAO,UAAU,EAAK,GAAA,KAAA,CAAM,MAAM,KAAM,CAAA,IAAA;AAC5C;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"variantComplement.js","sources":["../../../src/utils/variantComplement.ts"],"sourcesContent":["import {\n ColorGradationType,\n ColorType,\n FontColorType,\n VariantType,\n} from '../types/defaults';\n\nexport const fontColorVC: Record<VariantType, FontColorType> = {\n filled: 'light',\n outlined: 'orange',\n text: 'orange',\n};\n\nexport const colorVC: Record<VariantType, ColorType> = {\n filled: 'primary',\n outlined: 'primary',\n text: 'primary',\n};\n\nexport const colorGradationVC: Record<VariantType, ColorGradationType> = {\n filled: 'dark',\n outlined: 'dark',\n text: 'dark',\n};\n\nexport const borderColorVC: Record<VariantType, ColorType> = {\n filled: 'primary',\n outlined: 'primary',\n text: 'primary',\n};\n\nexport const borderColorGradationVC: Record<VariantType, ColorGradationType> = {\n filled: 'dark',\n outlined: 'dark',\n text: 'dark',\n};\n"],"names":[],"mappings":";;AAOO,MAAM,WAAkD,GAAA;AAAA,EAC7D,MAAQ,EAAA,OAAA;AAAA,EACR,QAAU,EAAA,QAAA;AAAA,EACV,IAAM,EAAA,QAAA;AACR,EAAA;AAEO,MAAM,OAA0C,GAAA;AAAA,EACrD,MAAQ,EAAA,SAAA;AAAA,EACR,QAAU,EAAA,SAAA;AAAA,EACV,IAAM,EAAA,SAAA;AACR,EAAA;AAEO,MAAM,gBAA4D,GAAA;AAAA,EACvE,MAAQ,EAAA,MAAA;AAAA,EACR,QAAU,EAAA,MAAA;AAAA,EACV,IAAM,EAAA,MAAA;AACR,EAAA;AAEO,MAAM,aAAgD,GAAA;AAAA,EAC3D,MAAQ,EAAA,SAAA;AAAA,EACR,QAAU,EAAA,SAAA;AAAA,EACV,IAAM,EAAA,SAAA;AACR,EAAA;AAEO,MAAM,sBAAkE,GAAA;AAAA,EAC7E,MAAQ,EAAA,MAAA;AAAA,EACR,QAAU,EAAA,MAAA;AAAA,EACV,IAAM,EAAA,MAAA;AACR;;;;;;;;"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import React, { FC } from 'react';
|
|
2
|
+
import { ImageSourcePropType } from 'react-native';
|
|
3
|
+
import { IconSize } from '../../../types/defaults';
|
|
4
|
+
import { TextProps } from '../Text';
|
|
5
|
+
export type SizeAvatar = Omit<IconSize, 'centi' | 'deca'>;
|
|
6
|
+
export interface AvatarProps {
|
|
7
|
+
source?: ImageSourcePropType;
|
|
8
|
+
name: string;
|
|
9
|
+
onPress?: () => void;
|
|
10
|
+
size?: keyof SizeAvatar;
|
|
11
|
+
TextComponent?: FC<TextProps>;
|
|
12
|
+
}
|
|
13
|
+
declare const Avatar: React.FC<AvatarProps>;
|
|
14
|
+
export default Avatar;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Avatar.js","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { ImageSourcePropType } from 'react-native';\nimport { IconSize } from '../../../types/defaults';\nimport { Text, TextProps } from '../Text';\nimport { getIniciais } from './helpers';\nimport {\n ContainerButtonAvatar,\n getStyledTextComponent,\n StyledAvatar,\n StyledBackground,\n} from './styled';\n\nexport type SizeAvatar = Omit<IconSize, 'centi' | 'deca'>;\n\nexport interface AvatarProps {\n /** This property should follow react-native spec. If the asset is remote, use `{ uri: 'https://example.com/logo.png' }`.\n * For local assets, you shold use `require('./logo.png')`. */\n source?: ImageSourcePropType;\n name: string;\n onPress?: () => void;\n size?: keyof SizeAvatar;\n TextComponent?: FC<TextProps>;\n}\n\nconst Avatar: React.FC<AvatarProps> = ({\n source,\n name,\n onPress,\n size = 'mega',\n TextComponent = Text,\n}) => {\n const [hasError, setHasError] = React.useState<boolean>(false);\n\n // If the source changes in runtime, this prevents error from being true always (fallback)\n React.useEffect(() => {\n setHasError(false);\n }, [source]);\n\n const StyledText = getStyledTextComponent(TextComponent);\n\n return (\n <ContainerButtonAvatar effect=\"none\" onPress={onPress} size={size}>\n {source && !hasError ? (\n <StyledAvatar source={source} onError={() => setHasError(true)} />\n ) : (\n <StyledBackground>\n <StyledText fontWeight=\"bold\" fontColor=\"light\">\n {getIniciais(name)}\n </StyledText>\n </StyledBackground>\n )}\n </ContainerButtonAvatar>\n );\n};\n\nexport default Avatar;\n"],"names":["React"],"mappings":";;;;;AAwBA,MAAM,SAAgC,CAAC;AAAA,EACrC,MAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,IAAO,GAAA,MAAA;AAAA,EACP,aAAgB,GAAA,IAAA;AAClB,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,QAAU,EAAA,WAAW,CAAI,GAAAA,cAAA,CAAM,SAAkB,KAAK,CAAA,CAAA;AAG7D,EAAAA,cAAA,CAAM,UAAU,MAAM;AACpB,IAAA,WAAA,CAAY,KAAK,CAAA,CAAA;AAAA,GACnB,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EAAM,MAAA,UAAA,GAAa,uBAAuB,aAAa,CAAA,CAAA;AAEvD,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,qBAAA,EAAA,EAAsB,MAAO,EAAA,MAAA,EAAO,OAAkB,EAAA,IAAA,EAAA,EACpD,MAAU,IAAA,CAAC,QACV,mBAAAA,cAAA,CAAA,aAAA,CAAC,YAAa,EAAA,EAAA,MAAA,EAAgB,SAAS,MAAM,WAAA,CAAY,IAAI,CAAA,EAAG,CAEhE,mBAAAA,cAAA,CAAA,aAAA,CAAC,gBACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,UAAA,EAAW,MAAO,EAAA,SAAA,EAAU,OACrC,EAAA,EAAA,WAAA,CAAY,IAAI,CACnB,CACF,CAEJ,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const getIniciais: (name: string) => string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"helpers.js","sources":["../../../../../src/components/atoms/Avatar/helpers.ts"],"sourcesContent":["export const getIniciais = (name: string): string => {\n const nameSplit = name.split(' ');\n if (nameSplit.length > 1) {\n return nameSplit\n .slice(0, 2)\n .map(name => name[0])\n .join('');\n }\n return name[0];\n};\n"],"names":["name"],"mappings":"AAAa,MAAA,WAAA,GAAc,CAAC,IAAyB,KAAA;AACnD,EAAM,MAAA,SAAA,GAAY,IAAK,CAAA,KAAA,CAAM,GAAG,CAAA,CAAA;AAChC,EAAI,IAAA,SAAA,CAAU,SAAS,CAAG,EAAA;AACxB,IAAA,OAAO,SACJ,CAAA,KAAA,CAAM,CAAG,EAAA,CAAC,CACV,CAAA,GAAA,CAAI,CAAAA,KAAAA,KAAQA,KAAK,CAAA,CAAC,CAAC,CAAA,CACnB,KAAK,EAAE,CAAA,CAAA;AAAA,GACZ;AACA,EAAA,OAAO,KAAK,CAAC,CAAA,CAAA;AACf;;;;"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { Image, View } from 'react-native';
|
|
3
|
+
import { TextProps } from '../Text';
|
|
4
|
+
import { AvatarProps } from './Avatar';
|
|
5
|
+
export declare const ContainerButtonAvatar: import("@emotion/native").StyledComponent<import("../PressableSurface").PressableSurfaceProps & {
|
|
6
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
7
|
+
as?: import("react").ElementType<any> | undefined;
|
|
8
|
+
} & Partial<import("../../../types/defaults").ThemeProviderProps & AvatarProps>, {}, {}>;
|
|
9
|
+
export declare const StyledAvatar: import("@emotion/native").StyledComponent<import("react-native").ImageProps & {
|
|
10
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
11
|
+
as?: import("react").ElementType<any> | undefined;
|
|
12
|
+
} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
|
|
13
|
+
ref?: import("react").Ref<Image> | undefined;
|
|
14
|
+
}>;
|
|
15
|
+
export declare const StyledBackground: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
16
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
17
|
+
as?: import("react").ElementType<any> | undefined;
|
|
18
|
+
} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
|
|
19
|
+
ref?: import("react").Ref<View> | undefined;
|
|
20
|
+
}>;
|
|
21
|
+
export declare const getStyledTextComponent: (component: FC<TextProps>) => import("@emotion/native").StyledComponent<TextProps & {
|
|
22
|
+
theme?: import("@emotion/react").Theme | undefined;
|
|
23
|
+
as?: import("react").ElementType<any> | undefined;
|
|
24
|
+
}, {}, {}>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Avatar/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { FC } from 'react';\nimport { Image, View } from 'react-native';\nimport { StyleProps } from '../../../types/defaults';\nimport { PressableSurface } from '../PressableSurface';\nimport { TextProps } from '../Text';\nimport { AvatarProps } from './Avatar';\n\nexport const ContainerButtonAvatar = styled(PressableSurface)<\n Partial<StyleProps & AvatarProps>\n>`\n width: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n theme.iconSize[size]};\n height: ${({ theme, size = 'mega' }: StyleProps & Partial<AvatarProps>) =>\n theme.iconSize[size]};\n`;\n\nexport const StyledAvatar = styled(Image)<Partial<StyleProps>>`\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n overflow: hidden;\n width: 100%;\n height: 100%;\n`;\n\nexport const StyledBackground = styled(View)<Partial<StyleProps>>`\n border-radius: ${({ theme }: StyleProps) => theme.borderRadius.pill};\n background-color: ${({ theme }: StyleProps) => theme.color.secondary.dark};\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-direction: row;\n`;\n\nexport const getStyledTextComponent = (component: FC<TextProps>) => {\n return styled(component)`\n text-transform: uppercase;\n text-align: center;\n align-self: center;\n flex: 1;\n `;\n};\n"],"names":[],"mappings":";;;;AAQa,MAAA,qBAAA,GAAwB,OAAO,gBAAgB,CAAA,CAAA;AAAA,SAGjD,EAAA,CAAC,EAAE,KAAO,EAAA,IAAA,GAAO,QACxB,KAAA,KAAA,CAAM,QAAS,CAAA,IAAI,CAAC,CAAA;AAAA,UACZ,EAAA,CAAC,EAAE,KAAO,EAAA,IAAA,GAAO,QACzB,KAAA,KAAA,CAAM,QAAS,CAAA,IAAI,CAAC,CAAA;AAAA,EAAA;AAGX,MAAA,YAAA,GAAe,OAAO,KAAK,CAAA,CAAA;AAAA,iBAAA,EACrB,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMxD,MAAA,gBAAA,GAAmB,OAAO,IAAI,CAAA,CAAA;AAAA,iBAAA,EACxB,CAAC,EAAE,KAAA,EAAwB,KAAA,KAAA,CAAM,aAAa,IAAI,CAAA;AAAA,oBAAA,EAC/C,CAAC,EAAE,KAAA,OAAwB,KAAM,CAAA,KAAA,CAAM,UAAU,IAAI,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAS9D,MAAA,sBAAA,GAAyB,CAAC,SAA6B,KAAA;AAClE,EAAA,OAAO,OAAO,SAAS,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAMzB;;;;"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React, { ReactNode } from 'react';
|
|
2
|
+
import { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
import { ColorGradationType, ColorType } from '@tecsinapse/react-core';
|
|
4
|
+
export interface BadgeProps {
|
|
5
|
+
color: ColorType;
|
|
6
|
+
tone?: ColorGradationType;
|
|
7
|
+
style?: StyleProp<ViewStyle>;
|
|
8
|
+
value: React.ReactNode;
|
|
9
|
+
children?: ReactNode;
|
|
10
|
+
}
|
|
11
|
+
declare const Badge: ({ children, style, color, tone, value, }: BadgeProps) => JSX.Element;
|
|
12
|
+
export default Badge;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Badge.js","sources":["../../../../../src/components/atoms/Badge/Badge.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { StyleProp, ViewStyle } from 'react-native';\nimport { ColorGradationType, ColorType } from '@tecsinapse/react-core';\nimport { BadgeStyle, ViewStyled } from './styled';\n\nexport interface BadgeProps {\n color: ColorType;\n tone?: ColorGradationType;\n style?: StyleProp<ViewStyle>;\n value: React.ReactNode;\n children?: ReactNode;\n}\n\nconst Badge = ({\n children,\n style,\n color = 'primary',\n tone = 'medium',\n value,\n}: BadgeProps): JSX.Element => {\n return (\n <ViewStyled>\n {children}\n <BadgeStyle style={style} color={color} tone={tone}>\n {value}\n </BadgeStyle>\n </ViewStyled>\n );\n};\n\nexport default Badge;\n"],"names":["React"],"mappings":";;;AAaA,MAAM,QAAQ,CAAC;AAAA,EACb,QAAA;AAAA,EACA,KAAA;AAAA,EACA,KAAQ,GAAA,SAAA;AAAA,EACR,IAAO,GAAA,QAAA;AAAA,EACP,KAAA;AACF,CAA+B,KAAA;AAC7B,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,kBACE,QACD,kBAAAA,cAAA,CAAA,aAAA,CAAC,cAAW,KAAc,EAAA,KAAA,EAAc,IACrC,EAAA,EAAA,KACH,CACF,CAAA,CAAA;AAEJ;;;;"}
|