@tecsinapse/react-native-kit 1.20.0 → 1.22.0-beta.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +8 -0
- package/dist/components/atoms/Avatar/Avatar.d.ts +2 -1
- package/dist/components/atoms/Avatar/Avatar.js +34 -20
- package/dist/components/atoms/Avatar/Avatar.js.map +1 -1
- package/dist/components/atoms/Avatar/index.d.ts +1 -1
- package/dist/components/atoms/Badge/Badge.js +58 -29
- package/dist/components/atoms/Badge/Badge.js.map +1 -1
- package/dist/components/atoms/Badge/index.d.ts +2 -1
- package/dist/components/atoms/BottomNavigator/BottomNavigator.js +71 -39
- package/dist/components/atoms/BottomNavigator/BottomNavigator.js.map +1 -1
- package/dist/components/atoms/BottomNavigator/Item.js +68 -31
- package/dist/components/atoms/BottomNavigator/Item.js.map +1 -1
- package/dist/components/atoms/BottomNavigator/index.d.ts +3 -2
- package/dist/components/atoms/BottomNavigator/styled.js +25 -42
- package/dist/components/atoms/BottomNavigator/styled.js.map +1 -1
- package/dist/components/atoms/Button/Button.js +55 -23
- package/dist/components/atoms/Button/Button.js.map +1 -1
- package/dist/components/atoms/Button/States/Error.d.ts +1 -1
- package/dist/components/atoms/Button/States/Error.js +34 -22
- package/dist/components/atoms/Button/States/Error.js.map +1 -1
- package/dist/components/atoms/Button/States/Loading.d.ts +1 -1
- package/dist/components/atoms/Button/States/Loading.js +34 -22
- package/dist/components/atoms/Button/States/Loading.js.map +1 -1
- package/dist/components/atoms/Button/States/Success.d.ts +1 -1
- package/dist/components/atoms/Button/States/Success.js +34 -22
- package/dist/components/atoms/Button/States/Success.js.map +1 -1
- package/dist/components/atoms/Button/index.d.ts +2 -1
- package/dist/components/atoms/GroupButton/GroupButtonOption.js +34 -21
- package/dist/components/atoms/GroupButton/GroupButtonOption.js.map +1 -1
- package/dist/components/atoms/Header/Header.js +75 -32
- package/dist/components/atoms/Header/Header.js.map +1 -1
- package/dist/components/atoms/Header/index.d.ts +2 -1
- package/dist/components/atoms/Header/styled.js +14 -15
- package/dist/components/atoms/Header/styled.js.map +1 -1
- package/dist/components/atoms/Input/Input.js +133 -89
- package/dist/components/atoms/Input/Input.js.map +1 -1
- package/dist/components/atoms/Input/index.d.ts +2 -1
- package/dist/components/atoms/Input/styled.js +12 -14
- package/dist/components/atoms/Input/styled.js.map +1 -1
- package/dist/components/atoms/InputMask/InputMask.js +135 -87
- package/dist/components/atoms/InputMask/InputMask.js.map +1 -1
- package/dist/components/atoms/InputMask/index.d.ts +2 -1
- package/dist/components/atoms/InputMask/styled.js +15 -17
- package/dist/components/atoms/InputMask/styled.js.map +1 -1
- package/dist/components/atoms/Modal/ModalGroupManager.js +47 -29
- package/dist/components/atoms/Modal/ModalGroupManager.js.map +1 -1
- package/dist/components/atoms/Modal/ModalLifecycleHandler.js +94 -87
- package/dist/components/atoms/Modal/ModalLifecycleHandler.js.map +1 -1
- package/dist/components/atoms/Modal/ui/BaseModalView.js +106 -105
- package/dist/components/atoms/Modal/ui/BaseModalView.js.map +1 -1
- package/dist/components/atoms/Modal/ui/styled.js +19 -21
- package/dist/components/atoms/Modal/ui/styled.js.map +1 -1
- package/dist/components/atoms/Modal/useLazyModalManager.js +22 -23
- package/dist/components/atoms/Modal/useLazyModalManager.js.map +1 -1
- package/dist/components/atoms/Modal/useModalManager.js +14 -19
- package/dist/components/atoms/Modal/useModalManager.js.map +1 -1
- package/dist/components/atoms/Modal/useModalRemoteControl.js +10 -12
- package/dist/components/atoms/Modal/useModalRemoteControl.js.map +1 -1
- package/dist/components/atoms/Skeleton/Pulse.js +20 -22
- package/dist/components/atoms/Skeleton/Pulse.js.map +1 -1
- package/dist/components/atoms/Skeleton/Skeleton.js +77 -55
- package/dist/components/atoms/Skeleton/Skeleton.js.map +1 -1
- package/dist/components/atoms/Skeleton/Wave.js +36 -40
- package/dist/components/atoms/Skeleton/Wave.js.map +1 -1
- package/dist/components/atoms/Skeleton/animation.js +29 -29
- package/dist/components/atoms/Skeleton/animation.js.map +1 -1
- package/dist/components/atoms/Skeleton/index.d.ts +2 -1
- package/dist/components/atoms/Skeleton/styled.js +12 -18
- package/dist/components/atoms/Skeleton/styled.js.map +1 -1
- package/dist/components/atoms/SnappingSlider/SnappingSlider.js +76 -36
- package/dist/components/atoms/SnappingSlider/SnappingSlider.js.map +1 -1
- package/dist/components/atoms/SnappingSlider/index.d.ts +2 -1
- package/dist/components/atoms/Tag/Tag.js +45 -25
- package/dist/components/atoms/Tag/Tag.js.map +1 -1
- package/dist/components/atoms/Tag/index.d.ts +2 -1
- package/dist/components/atoms/Text/Text.js +38 -15
- package/dist/components/atoms/Text/Text.js.map +1 -1
- package/dist/components/atoms/Text/index.d.ts +2 -1
- package/dist/components/atoms/Text/styled.js +16 -19
- package/dist/components/atoms/Text/styled.js.map +1 -1
- package/dist/components/atoms/TextArea/TextArea.js +122 -74
- package/dist/components/atoms/TextArea/TextArea.js.map +1 -1
- package/dist/components/atoms/TextArea/index.d.ts +2 -1
- package/dist/components/atoms/TextArea/styled.js +9 -9
- package/dist/components/atoms/TextArea/styled.js.map +1 -1
- package/dist/components/molecules/Calendar/Calendar.js +54 -25
- package/dist/components/molecules/Calendar/Calendar.js.map +1 -1
- package/dist/components/molecules/DatePicker/DatePicker.js +67 -42
- package/dist/components/molecules/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/molecules/DatePicker/index.d.ts +2 -1
- package/dist/components/molecules/DatePicker/styled.js +10 -11
- package/dist/components/molecules/DatePicker/styled.js.map +1 -1
- package/dist/components/molecules/DateTimePicker/DateTimePicker.js +61 -34
- package/dist/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
- package/dist/components/molecules/DateTimePicker/index.d.ts +2 -1
- package/dist/components/molecules/DateTimeSelector/DateTimeSelector.js +54 -25
- package/dist/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -1
- package/dist/components/molecules/Grid/Grid.js +79 -42
- package/dist/components/molecules/Grid/Grid.js.map +1 -1
- package/dist/components/molecules/Grid/Item/Item.js +90 -56
- package/dist/components/molecules/Grid/Item/Item.js.map +1 -1
- package/dist/components/molecules/IconTextButton/IconTextButton.js +70 -42
- package/dist/components/molecules/IconTextButton/IconTextButton.js.map +1 -1
- package/dist/components/molecules/IconTextButton/TextComponent.js +38 -26
- package/dist/components/molecules/IconTextButton/TextComponent.js.map +1 -1
- package/dist/components/molecules/IconTextButton/index.d.ts +2 -1
- package/dist/components/molecules/IconTextButton/styled.js +22 -31
- package/dist/components/molecules/IconTextButton/styled.js.map +1 -1
- package/dist/components/molecules/InputPassword/InputPassword.js +60 -37
- package/dist/components/molecules/InputPassword/InputPassword.js.map +1 -1
- package/dist/components/molecules/InputPassword/index.d.ts +2 -1
- package/dist/components/molecules/LabeledSwitch/LabelComponent.js +58 -29
- package/dist/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -1
- package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js +70 -41
- package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -1
- package/dist/components/molecules/LabeledSwitch/index.d.ts +2 -1
- package/dist/components/molecules/LabeledSwitch/styled.js +18 -20
- package/dist/components/molecules/LabeledSwitch/styled.js.map +1 -1
- package/dist/components/molecules/Select/Modal.js +206 -133
- package/dist/components/molecules/Select/Modal.js.map +1 -1
- package/dist/components/molecules/Select/Select.js +217 -135
- package/dist/components/molecules/Select/Select.js.map +1 -1
- package/dist/components/molecules/Select/index.d.ts +2 -1
- package/dist/components/molecules/Select/styled.js +54 -83
- package/dist/components/molecules/Select/styled.js.map +1 -1
- package/dist/components/molecules/Snackbar/Snackbar.d.ts +1 -1
- package/dist/components/molecules/Snackbar/Snackbar.js +52 -28
- package/dist/components/molecules/Snackbar/Snackbar.js.map +1 -1
- package/dist/components/molecules/Snackbar/index.d.ts +2 -1
- package/dist/components/molecules/Snackbar/styled.js +11 -14
- package/dist/components/molecules/Snackbar/styled.js.map +1 -1
- package/dist/index.d.ts +38 -19
- package/dist/index.js +80 -191
- package/dist/index.js.map +1 -1
- package/dist/utils/date.js +31 -19
- package/dist/utils/date.js.map +1 -1
- package/esm/components/atoms/Avatar/Avatar.d.ts +4 -0
- package/esm/components/atoms/Avatar/Avatar.js +31 -0
- package/esm/components/atoms/Avatar/Avatar.js.map +1 -0
- package/esm/components/atoms/Avatar/index.d.ts +1 -0
- package/esm/components/atoms/Badge/Badge.d.ts +8 -0
- package/esm/components/atoms/Badge/Badge.js +56 -0
- package/esm/components/atoms/Badge/Badge.js.map +1 -0
- package/esm/components/atoms/Badge/index.d.ts +2 -0
- package/esm/components/atoms/BottomNavigator/BottomNavigator.d.ts +13 -0
- package/esm/components/atoms/BottomNavigator/BottomNavigator.js +61 -0
- package/esm/components/atoms/BottomNavigator/BottomNavigator.js.map +1 -0
- package/esm/components/atoms/BottomNavigator/Item.d.ts +19 -0
- package/esm/components/atoms/BottomNavigator/Item.js +58 -0
- package/esm/components/atoms/BottomNavigator/Item.js.map +1 -0
- package/esm/components/atoms/BottomNavigator/index.d.ts +3 -0
- package/esm/components/atoms/BottomNavigator/styled.d.ts +11 -0
- package/esm/components/atoms/BottomNavigator/styled.js +31 -0
- package/esm/components/atoms/BottomNavigator/styled.js.map +1 -0
- package/esm/components/atoms/Button/Button.d.ts +6 -0
- package/esm/components/atoms/Button/Button.js +57 -0
- package/esm/components/atoms/Button/Button.js.map +1 -0
- package/esm/components/atoms/Button/States/Error.d.ts +4 -0
- package/esm/components/atoms/Button/States/Error.js +31 -0
- package/esm/components/atoms/Button/States/Error.js.map +1 -0
- package/esm/components/atoms/Button/States/Loading.d.ts +4 -0
- package/esm/components/atoms/Button/States/Loading.js +31 -0
- package/esm/components/atoms/Button/States/Loading.js.map +1 -0
- package/esm/components/atoms/Button/States/Success.d.ts +4 -0
- package/esm/components/atoms/Button/States/Success.js +31 -0
- package/esm/components/atoms/Button/States/Success.js.map +1 -0
- package/esm/components/atoms/Button/States/index.d.ts +3 -0
- package/esm/components/atoms/Button/index.d.ts +3 -0
- package/esm/components/atoms/GroupButton/GroupButtonOption.d.ts +2 -0
- package/esm/components/atoms/GroupButton/GroupButtonOption.js +31 -0
- package/esm/components/atoms/GroupButton/GroupButtonOption.js.map +1 -0
- package/esm/components/atoms/GroupButton/index.d.ts +1 -0
- package/esm/components/atoms/Header/Header.d.ts +12 -0
- package/esm/components/atoms/Header/Header.js +62 -0
- package/esm/components/atoms/Header/Header.js.map +1 -0
- package/esm/components/atoms/Header/index.d.ts +2 -0
- package/esm/components/atoms/Header/styled.d.ts +8 -0
- package/esm/components/atoms/Header/styled.js +19 -0
- package/esm/components/atoms/Header/styled.js.map +1 -0
- package/esm/components/atoms/Input/Input.d.ts +9 -0
- package/esm/components/atoms/Input/Input.js +133 -0
- package/esm/components/atoms/Input/Input.js.map +1 -0
- package/esm/components/atoms/Input/index.d.ts +2 -0
- package/esm/components/atoms/Input/styled.d.ts +1 -0
- package/esm/components/atoms/Input/styled.js +13 -0
- package/esm/components/atoms/Input/styled.js.map +1 -0
- package/esm/components/atoms/InputMask/InputMask.d.ts +8 -0
- package/esm/components/atoms/InputMask/InputMask.js +134 -0
- package/esm/components/atoms/InputMask/InputMask.js.map +1 -0
- package/esm/components/atoms/InputMask/index.d.ts +2 -0
- package/esm/components/atoms/InputMask/styled.d.ts +5 -0
- package/esm/components/atoms/InputMask/styled.js +16 -0
- package/esm/components/atoms/InputMask/styled.js.map +1 -0
- package/esm/components/atoms/Modal/ModalGroupManager.d.ts +4 -0
- package/esm/components/atoms/Modal/ModalGroupManager.js +48 -0
- package/esm/components/atoms/Modal/ModalGroupManager.js.map +1 -0
- package/esm/components/atoms/Modal/ModalLifecycleHandler.d.ts +24 -0
- package/esm/components/atoms/Modal/ModalLifecycleHandler.js +101 -0
- package/esm/components/atoms/Modal/ModalLifecycleHandler.js.map +1 -0
- package/esm/components/atoms/Modal/index.d.ts +7 -0
- package/esm/components/atoms/Modal/ui/BaseModalView.d.ts +3 -0
- package/esm/components/atoms/Modal/ui/BaseModalView.js +143 -0
- package/esm/components/atoms/Modal/ui/BaseModalView.js.map +1 -0
- package/esm/components/atoms/Modal/ui/styled.d.ts +6 -0
- package/esm/components/atoms/Modal/ui/styled.js +24 -0
- package/esm/components/atoms/Modal/ui/styled.js.map +1 -0
- package/esm/components/atoms/Modal/ui/types.d.ts +10 -0
- package/esm/components/atoms/Modal/useLazyModalManager.d.ts +8 -0
- package/esm/components/atoms/Modal/useLazyModalManager.js +33 -0
- package/esm/components/atoms/Modal/useLazyModalManager.js.map +1 -0
- package/esm/components/atoms/Modal/useModalManager.d.ts +6 -0
- package/esm/components/atoms/Modal/useModalManager.js +24 -0
- package/esm/components/atoms/Modal/useModalManager.js.map +1 -0
- package/esm/components/atoms/Modal/useModalRemoteControl.d.ts +4 -0
- package/esm/components/atoms/Modal/useModalRemoteControl.js +18 -0
- package/esm/components/atoms/Modal/useModalRemoteControl.js.map +1 -0
- package/esm/components/atoms/Skeleton/Pulse.d.ts +2 -0
- package/esm/components/atoms/Skeleton/Pulse.js +32 -0
- package/esm/components/atoms/Skeleton/Pulse.js.map +1 -0
- package/esm/components/atoms/Skeleton/Skeleton.d.ts +12 -0
- package/esm/components/atoms/Skeleton/Skeleton.js +87 -0
- package/esm/components/atoms/Skeleton/Skeleton.js.map +1 -0
- package/esm/components/atoms/Skeleton/Wave.d.ts +2 -0
- package/esm/components/atoms/Skeleton/Wave.js +50 -0
- package/esm/components/atoms/Skeleton/Wave.js.map +1 -0
- package/esm/components/atoms/Skeleton/animation.d.ts +3 -0
- package/esm/components/atoms/Skeleton/animation.js +45 -0
- package/esm/components/atoms/Skeleton/animation.js.map +1 -0
- package/esm/components/atoms/Skeleton/index.d.ts +2 -0
- package/esm/components/atoms/Skeleton/styled.d.ts +7 -0
- package/esm/components/atoms/Skeleton/styled.js +13 -0
- package/esm/components/atoms/Skeleton/styled.js.map +1 -0
- package/esm/components/atoms/Skeleton/types.d.ts +12 -0
- package/esm/components/atoms/SnappingSlider/SnappingSlider.d.ts +10 -0
- package/esm/components/atoms/SnappingSlider/SnappingSlider.js +79 -0
- package/esm/components/atoms/SnappingSlider/SnappingSlider.js.map +1 -0
- package/esm/components/atoms/SnappingSlider/index.d.ts +2 -0
- package/esm/components/atoms/Tag/Tag.d.ts +7 -0
- package/esm/components/atoms/Tag/Tag.js +47 -0
- package/esm/components/atoms/Tag/Tag.js.map +1 -0
- package/esm/components/atoms/Tag/index.d.ts +2 -0
- package/esm/components/atoms/Text/Text.d.ts +5 -0
- package/esm/components/atoms/Text/Text.js +38 -0
- package/esm/components/atoms/Text/Text.js.map +1 -0
- package/esm/components/atoms/Text/index.d.ts +2 -0
- package/esm/components/atoms/Text/styled.d.ts +10 -0
- package/esm/components/atoms/Text/styled.js +20 -0
- package/esm/components/atoms/Text/styled.js.map +1 -0
- package/esm/components/atoms/TextArea/TextArea.d.ts +5 -0
- package/esm/components/atoms/TextArea/TextArea.js +129 -0
- package/esm/components/atoms/TextArea/TextArea.js.map +1 -0
- package/esm/components/atoms/TextArea/index.d.ts +2 -0
- package/esm/components/atoms/TextArea/styled.d.ts +4 -0
- package/esm/components/atoms/TextArea/styled.js +8 -0
- package/esm/components/atoms/TextArea/styled.js.map +1 -0
- package/esm/components/molecules/Calendar/Calendar.d.ts +1 -0
- package/esm/components/molecules/Calendar/Calendar.js +50 -0
- package/esm/components/molecules/Calendar/Calendar.js.map +1 -0
- package/esm/components/molecules/Calendar/index.d.ts +1 -0
- package/esm/components/molecules/DatePicker/DatePicker.d.ts +3 -0
- package/esm/components/molecules/DatePicker/DatePicker.js +76 -0
- package/esm/components/molecules/DatePicker/DatePicker.js.map +1 -0
- package/esm/components/molecules/DatePicker/index.d.ts +2 -0
- package/esm/components/molecules/DatePicker/styled.d.ts +4 -0
- package/esm/components/molecules/DatePicker/styled.js +9 -0
- package/esm/components/molecules/DatePicker/styled.js.map +1 -0
- package/esm/components/molecules/DateTimePicker/DateTimePicker.d.ts +4 -0
- package/esm/components/molecules/DateTimePicker/DateTimePicker.js +66 -0
- package/esm/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -0
- package/esm/components/molecules/DateTimePicker/index.d.ts +2 -0
- package/esm/components/molecules/DateTimeSelector/DateTimeSelector.d.ts +3 -0
- package/esm/components/molecules/DateTimeSelector/DateTimeSelector.js +50 -0
- package/esm/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -0
- package/esm/components/molecules/DateTimeSelector/index.d.ts +1 -0
- package/esm/components/molecules/Grid/Grid.d.ts +5 -0
- package/esm/components/molecules/Grid/Grid.js +88 -0
- package/esm/components/molecules/Grid/Grid.js.map +1 -0
- package/esm/components/molecules/Grid/Item/Item.d.ts +7 -0
- package/esm/components/molecules/Grid/Item/Item.js +106 -0
- package/esm/components/molecules/Grid/Item/Item.js.map +1 -0
- package/esm/components/molecules/Grid/Item/index.d.ts +1 -0
- package/esm/components/molecules/Grid/index.d.ts +2 -0
- package/esm/components/molecules/IconTextButton/IconTextButton.d.ts +6 -0
- package/esm/components/molecules/IconTextButton/IconTextButton.js +72 -0
- package/esm/components/molecules/IconTextButton/IconTextButton.js.map +1 -0
- package/esm/components/molecules/IconTextButton/TextComponent.d.ts +12 -0
- package/esm/components/molecules/IconTextButton/TextComponent.js +40 -0
- package/esm/components/molecules/IconTextButton/TextComponent.js.map +1 -0
- package/esm/components/molecules/IconTextButton/index.d.ts +2 -0
- package/esm/components/molecules/IconTextButton/styled.d.ts +2 -0
- package/esm/components/molecules/IconTextButton/styled.js +28 -0
- package/esm/components/molecules/IconTextButton/styled.js.map +1 -0
- package/esm/components/molecules/InputPassword/InputPassword.d.ts +6 -0
- package/esm/components/molecules/InputPassword/InputPassword.js +54 -0
- package/esm/components/molecules/InputPassword/InputPassword.js.map +1 -0
- package/esm/components/molecules/InputPassword/index.d.ts +2 -0
- package/esm/components/molecules/LabeledSwitch/LabelComponent.d.ts +13 -0
- package/esm/components/molecules/LabeledSwitch/LabelComponent.js +59 -0
- package/esm/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -0
- package/esm/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +8 -0
- package/esm/components/molecules/LabeledSwitch/LabeledSwitch.js +76 -0
- package/esm/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -0
- package/esm/components/molecules/LabeledSwitch/index.d.ts +2 -0
- package/esm/components/molecules/LabeledSwitch/styled.d.ts +9 -0
- package/esm/components/molecules/LabeledSwitch/styled.js +24 -0
- package/esm/components/molecules/LabeledSwitch/styled.js.map +1 -0
- package/esm/components/molecules/Select/Modal.d.ts +7 -0
- package/esm/components/molecules/Select/Modal.js +230 -0
- package/esm/components/molecules/Select/Modal.js.map +1 -0
- package/esm/components/molecules/Select/Select.d.ts +24 -0
- package/esm/components/molecules/Select/Select.js +240 -0
- package/esm/components/molecules/Select/Select.js.map +1 -0
- package/esm/components/molecules/Select/index.d.ts +2 -0
- package/esm/components/molecules/Select/styled.d.ts +41 -0
- package/esm/components/molecules/Select/styled.js +78 -0
- package/esm/components/molecules/Select/styled.js.map +1 -0
- package/esm/components/molecules/Snackbar/Snackbar.d.ts +9 -0
- package/esm/components/molecules/Snackbar/Snackbar.js +51 -0
- package/esm/components/molecules/Snackbar/Snackbar.js.map +1 -0
- package/esm/components/molecules/Snackbar/index.d.ts +2 -0
- package/esm/components/molecules/Snackbar/styled.d.ts +4 -0
- package/esm/components/molecules/Snackbar/styled.js +10 -0
- package/esm/components/molecules/Snackbar/styled.js.map +1 -0
- package/esm/index.d.ts +44 -0
- package/esm/index.js +35 -0
- package/esm/index.js.map +1 -0
- package/esm/utils/date.d.ts +1 -0
- package/esm/utils/date.js +16 -0
- package/esm/utils/date.js.map +1 -0
- package/package.json +8 -5
- package/rollup.config.js +39 -0
- package/src/components/atoms/Avatar/Avatar.tsx +3 -1
- package/src/components/atoms/Avatar/index.ts +1 -1
- package/src/components/atoms/Badge/index.ts +2 -1
- package/src/components/atoms/BottomNavigator/index.ts +3 -5
- package/src/components/atoms/Button/States/Error.tsx +1 -1
- package/src/components/atoms/Button/States/Loading.tsx +1 -1
- package/src/components/atoms/Button/States/Success.tsx +1 -1
- package/src/components/atoms/Button/index.ts +2 -1
- package/src/components/atoms/Header/index.ts +2 -1
- package/src/components/atoms/Input/index.ts +2 -1
- package/src/components/atoms/InputMask/index.ts +2 -1
- package/src/components/atoms/Skeleton/index.ts +2 -1
- package/src/components/atoms/SnappingSlider/index.ts +2 -4
- package/src/components/atoms/Tag/index.ts +2 -1
- package/src/components/atoms/Text/index.ts +2 -1
- package/src/components/atoms/TextArea/index.ts +2 -1
- package/src/components/molecules/DatePicker/index.ts +2 -1
- package/src/components/molecules/DateTimePicker/index.ts +2 -1
- package/src/components/molecules/IconTextButton/index.ts +2 -4
- package/src/components/molecules/InputPassword/index.ts +2 -4
- package/src/components/molecules/LabeledSwitch/index.ts +2 -4
- package/src/components/molecules/Select/Modal.tsx +1 -1
- package/src/components/molecules/Select/Select.tsx +3 -2
- package/src/components/molecules/Select/index.ts +2 -1
- package/src/components/molecules/Snackbar/Snackbar.tsx +1 -1
- package/src/components/molecules/Snackbar/index.ts +2 -1
- package/src/index.ts +37 -46
- package/tsconfig.build.esm.json +10 -0
- package/dist/components/atoms/Avatar/index.js +0 -9
- package/dist/components/atoms/Avatar/index.js.map +0 -1
- package/dist/components/atoms/Badge/index.js +0 -14
- package/dist/components/atoms/Badge/index.js.map +0 -1
- package/dist/components/atoms/BottomNavigator/index.js +0 -18
- package/dist/components/atoms/BottomNavigator/index.js.map +0 -1
- package/dist/components/atoms/Button/States/index.js +0 -19
- package/dist/components/atoms/Button/States/index.js.map +0 -1
- package/dist/components/atoms/Button/index.js +0 -16
- package/dist/components/atoms/Button/index.js.map +0 -1
- package/dist/components/atoms/GroupButton/index.js +0 -11
- package/dist/components/atoms/GroupButton/index.js.map +0 -1
- package/dist/components/atoms/Header/index.js +0 -14
- package/dist/components/atoms/Header/index.js.map +0 -1
- package/dist/components/atoms/Input/index.js +0 -14
- package/dist/components/atoms/Input/index.js.map +0 -1
- package/dist/components/atoms/InputMask/index.js +0 -14
- package/dist/components/atoms/InputMask/index.js.map +0 -1
- package/dist/components/atoms/Modal/index.js +0 -60
- package/dist/components/atoms/Modal/index.js.map +0 -1
- package/dist/components/atoms/Modal/ui/types.js +0 -4
- package/dist/components/atoms/Modal/ui/types.js.map +0 -1
- package/dist/components/atoms/Skeleton/index.js +0 -14
- package/dist/components/atoms/Skeleton/index.js.map +0 -1
- package/dist/components/atoms/Skeleton/types.js +0 -4
- package/dist/components/atoms/Skeleton/types.js.map +0 -1
- package/dist/components/atoms/SnappingSlider/index.js +0 -14
- package/dist/components/atoms/SnappingSlider/index.js.map +0 -1
- package/dist/components/atoms/Tag/index.js +0 -14
- package/dist/components/atoms/Tag/index.js.map +0 -1
- package/dist/components/atoms/Text/index.js +0 -14
- package/dist/components/atoms/Text/index.js.map +0 -1
- package/dist/components/atoms/TextArea/index.js +0 -14
- package/dist/components/atoms/TextArea/index.js.map +0 -1
- package/dist/components/molecules/Calendar/index.js +0 -9
- package/dist/components/molecules/Calendar/index.js.map +0 -1
- package/dist/components/molecules/DatePicker/index.js +0 -10
- package/dist/components/molecules/DatePicker/index.js.map +0 -1
- package/dist/components/molecules/DateTimePicker/index.js +0 -10
- package/dist/components/molecules/DateTimePicker/index.js.map +0 -1
- package/dist/components/molecules/DateTimeSelector/index.js +0 -9
- package/dist/components/molecules/DateTimeSelector/index.js.map +0 -1
- package/dist/components/molecules/Grid/Item/index.js +0 -14
- package/dist/components/molecules/Grid/Item/index.js.map +0 -1
- package/dist/components/molecules/Grid/index.js +0 -15
- package/dist/components/molecules/Grid/index.js.map +0 -1
- package/dist/components/molecules/IconTextButton/index.js +0 -14
- package/dist/components/molecules/IconTextButton/index.js.map +0 -1
- package/dist/components/molecules/InputPassword/index.js +0 -14
- package/dist/components/molecules/InputPassword/index.js.map +0 -1
- package/dist/components/molecules/LabeledSwitch/index.js +0 -14
- package/dist/components/molecules/LabeledSwitch/index.js.map +0 -1
- package/dist/components/molecules/Select/index.js +0 -14
- package/dist/components/molecules/Select/index.js.map +0 -1
- package/dist/components/molecules/Snackbar/index.js +0 -14
- package/dist/components/molecules/Snackbar/index.js.map +0 -1
|
@@ -1,95 +1,139 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
var reactCore = require('@tecsinapse/react-core');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var reactNative = require('react-native');
|
|
6
|
+
var Text = require('../Text/Text.js');
|
|
7
|
+
var styled = require('./styled.js');
|
|
5
8
|
|
|
6
|
-
|
|
9
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
7
10
|
|
|
8
|
-
var
|
|
11
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
9
12
|
|
|
10
|
-
var
|
|
11
|
-
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
var
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
hint,
|
|
39
|
-
onFocus,
|
|
40
|
-
onBlur,
|
|
41
|
-
value,
|
|
42
|
-
placeholder,
|
|
43
|
-
...rest
|
|
44
|
-
}, ref) => {
|
|
45
|
-
const _hint = hintComponent || _react.default.createElement(_reactCore.Hint, {
|
|
46
|
-
TextComponent: _Text.Text,
|
|
47
|
-
text: hint,
|
|
48
|
-
variant: variant
|
|
49
|
-
});
|
|
50
|
-
|
|
51
|
-
const {
|
|
52
|
-
focused,
|
|
53
|
-
handleBlur,
|
|
54
|
-
handleFocus
|
|
55
|
-
} = (0, _reactCore.useInputFocus)(onFocus, onBlur, !disabled);
|
|
56
|
-
const internalStyle = {
|
|
57
|
-
minHeight: (0, _reactCore.RFValue)(50),
|
|
58
|
-
...{
|
|
59
|
-
inputContainerStyle
|
|
13
|
+
var __defProp = Object.defineProperty;
|
|
14
|
+
var __defProps = Object.defineProperties;
|
|
15
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
16
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
17
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
18
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
19
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
20
|
+
var __spreadValues = (a, b) => {
|
|
21
|
+
for (var prop in b || (b = {}))
|
|
22
|
+
if (__hasOwnProp.call(b, prop))
|
|
23
|
+
__defNormalProp(a, prop, b[prop]);
|
|
24
|
+
if (__getOwnPropSymbols)
|
|
25
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
26
|
+
if (__propIsEnum.call(b, prop))
|
|
27
|
+
__defNormalProp(a, prop, b[prop]);
|
|
28
|
+
}
|
|
29
|
+
return a;
|
|
30
|
+
};
|
|
31
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
32
|
+
var __objRest = (source, exclude) => {
|
|
33
|
+
var target = {};
|
|
34
|
+
for (var prop in source)
|
|
35
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
36
|
+
target[prop] = source[prop];
|
|
37
|
+
if (source != null && __getOwnPropSymbols)
|
|
38
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
39
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
40
|
+
target[prop] = source[prop];
|
|
60
41
|
}
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
42
|
+
return target;
|
|
43
|
+
};
|
|
44
|
+
const Input = React__default["default"].forwardRef(
|
|
45
|
+
(_a, ref) => {
|
|
46
|
+
var _b = _a, {
|
|
47
|
+
label,
|
|
48
|
+
labelColor,
|
|
49
|
+
labelColorVariant,
|
|
50
|
+
labelColorTone,
|
|
51
|
+
labelTypography,
|
|
52
|
+
labelStack,
|
|
53
|
+
labelWeight,
|
|
54
|
+
leftComponent,
|
|
55
|
+
rightComponent,
|
|
56
|
+
disabled,
|
|
57
|
+
borderColor,
|
|
58
|
+
borderColorGradation,
|
|
59
|
+
inputFontStack = "default",
|
|
60
|
+
inputFontWeight = "bold",
|
|
61
|
+
inputContainerStyle,
|
|
62
|
+
variant = "default",
|
|
63
|
+
hintComponent,
|
|
64
|
+
hint,
|
|
65
|
+
onFocus,
|
|
66
|
+
onBlur,
|
|
67
|
+
value,
|
|
68
|
+
placeholder
|
|
69
|
+
} = _b, rest = __objRest(_b, [
|
|
70
|
+
"label",
|
|
71
|
+
"labelColor",
|
|
72
|
+
"labelColorVariant",
|
|
73
|
+
"labelColorTone",
|
|
74
|
+
"labelTypography",
|
|
75
|
+
"labelStack",
|
|
76
|
+
"labelWeight",
|
|
77
|
+
"leftComponent",
|
|
78
|
+
"rightComponent",
|
|
79
|
+
"disabled",
|
|
80
|
+
"borderColor",
|
|
81
|
+
"borderColorGradation",
|
|
82
|
+
"inputFontStack",
|
|
83
|
+
"inputFontWeight",
|
|
84
|
+
"inputContainerStyle",
|
|
85
|
+
"variant",
|
|
86
|
+
"hintComponent",
|
|
87
|
+
"hint",
|
|
88
|
+
"onFocus",
|
|
89
|
+
"onBlur",
|
|
90
|
+
"value",
|
|
91
|
+
"placeholder"
|
|
92
|
+
]);
|
|
93
|
+
const _hint = hintComponent || /* @__PURE__ */ React__default["default"].createElement(reactCore.Hint, {
|
|
94
|
+
TextComponent: Text,
|
|
95
|
+
text: hint,
|
|
96
|
+
variant
|
|
97
|
+
});
|
|
98
|
+
const { focused, handleBlur, handleFocus } = reactCore.useInputFocus(
|
|
99
|
+
onFocus,
|
|
100
|
+
onBlur,
|
|
101
|
+
!disabled
|
|
102
|
+
);
|
|
103
|
+
const internalStyle = __spreadValues({
|
|
104
|
+
minHeight: reactCore.RFValue(50)
|
|
105
|
+
}, { inputContainerStyle });
|
|
106
|
+
const onlyLabel = label && !placeholder;
|
|
107
|
+
return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, null, /* @__PURE__ */ React__default["default"].createElement(reactCore.InputContainer, {
|
|
108
|
+
label: value ? label : void 0,
|
|
109
|
+
labelColor,
|
|
110
|
+
labelColorVariant,
|
|
111
|
+
labelColorTone,
|
|
112
|
+
labelTypography,
|
|
113
|
+
labelStack,
|
|
114
|
+
labelWeight,
|
|
115
|
+
LabelComponent: Text,
|
|
116
|
+
leftComponent,
|
|
117
|
+
rightComponent,
|
|
118
|
+
borderColor,
|
|
119
|
+
borderColorGradation,
|
|
120
|
+
inputContainerStyle: internalStyle,
|
|
121
|
+
focused,
|
|
122
|
+
disabled,
|
|
123
|
+
variant
|
|
124
|
+
}, /* @__PURE__ */ React__default["default"].createElement(styled.StyledNativeInput, __spreadProps(__spreadValues({}, rest), {
|
|
125
|
+
placeholder: onlyLabel ? label : placeholder,
|
|
126
|
+
value,
|
|
127
|
+
ref,
|
|
128
|
+
fontStack: inputFontStack,
|
|
129
|
+
fontWeight: inputFontWeight,
|
|
130
|
+
disabled,
|
|
131
|
+
onFocus: handleFocus,
|
|
132
|
+
onBlur: handleBlur
|
|
133
|
+
}))), hint && _hint);
|
|
134
|
+
}
|
|
135
|
+
);
|
|
136
|
+
Input.displayName = "Input";
|
|
91
137
|
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
exports.default = _default;
|
|
95
|
-
//# sourceMappingURL=Input.js.map
|
|
138
|
+
module.exports = Input;
|
|
139
|
+
//# sourceMappingURL=Input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","
|
|
1
|
+
{"version":3,"file":"Input.js","sources":["../../../../src/components/atoms/Input/Input.tsx"],"sourcesContent":["import {\n FontStackType,\n FontWeightType,\n Hint,\n InputContainer,\n InputContainerProps,\n InputElementProps,\n RFValue,\n useInputFocus,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { StyleProp, TextInput, View, ViewStyle } from 'react-native';\nimport { Text } from '../Text';\nimport { StyledNativeInput } from './styled';\n\nexport interface InputNativeProps\n extends Omit<InputElementProps, 'style'>,\n InputContainerProps {\n inputFontStack?: FontStackType;\n inputFontWeight?: FontWeightType;\n}\n\nconst Input = React.forwardRef<TextInput, InputNativeProps>(\n (\n {\n label,\n labelColor,\n labelColorVariant,\n labelColorTone,\n labelTypography,\n labelStack,\n labelWeight,\n leftComponent,\n rightComponent,\n disabled,\n borderColor,\n borderColorGradation,\n inputFontStack = 'default',\n inputFontWeight = 'bold',\n inputContainerStyle,\n variant = 'default',\n hintComponent,\n hint,\n onFocus,\n onBlur,\n value,\n placeholder,\n ...rest\n },\n ref\n ) => {\n const _hint = hintComponent || (\n <Hint TextComponent={Text} text={hint} variant={variant} />\n );\n const { focused, handleBlur, handleFocus } = useInputFocus(\n onFocus,\n onBlur,\n !disabled\n );\n\n const internalStyle: StyleProp<ViewStyle> = {\n minHeight: RFValue(50),\n ...{ inputContainerStyle },\n };\n const onlyLabel = label && !placeholder;\n\n return (\n <View>\n <InputContainer\n label={value ? label : undefined}\n labelColor={labelColor}\n labelColorVariant={labelColorVariant}\n labelColorTone={labelColorTone}\n labelTypography={labelTypography}\n labelStack={labelStack}\n labelWeight={labelWeight}\n LabelComponent={Text}\n leftComponent={leftComponent}\n rightComponent={rightComponent}\n borderColor={borderColor}\n borderColorGradation={borderColorGradation}\n inputContainerStyle={internalStyle}\n focused={focused}\n disabled={disabled}\n variant={variant}\n >\n <StyledNativeInput\n {...rest}\n placeholder={onlyLabel ? label : placeholder}\n value={value}\n ref={ref}\n fontStack={inputFontStack}\n fontWeight={inputFontWeight}\n disabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n />\n </InputContainer>\n {hint && _hint}\n </View>\n );\n }\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"names":["React","Hint","useInputFocus","RFValue","View","InputContainer","StyledNativeInput"],"mappings":"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"}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { default as Input
|
|
1
|
+
export { default as Input } from './Input';
|
|
2
|
+
export type { InputNativeProps } from './Input';
|
|
@@ -1,23 +1,21 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
|
-
exports
|
|
4
|
-
exports.StyledNativeInput = void 0;
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
4
|
|
|
6
|
-
var
|
|
5
|
+
var styled = require('@emotion/native');
|
|
6
|
+
var reactCore = require('@tecsinapse/react-core');
|
|
7
|
+
var styled$1 = require('../Text/styled.js');
|
|
7
8
|
|
|
8
|
-
|
|
9
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
10
|
|
|
10
|
-
var
|
|
11
|
+
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
11
12
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
const StyledNativeInputBase = (0, _native.default)(_reactCore.InputElement)`
|
|
15
|
-
height: ${({
|
|
16
|
-
theme
|
|
17
|
-
}) => theme.typography.h5.lineHeight};
|
|
13
|
+
const StyledNativeInputBase = styled__default["default"](reactCore.InputElement)`
|
|
14
|
+
height: ${({ theme }) => theme.typography.h5.lineHeight};
|
|
18
15
|
width: 100%;
|
|
19
16
|
padding: 0;
|
|
20
17
|
`;
|
|
21
|
-
const StyledNativeInput =
|
|
18
|
+
const StyledNativeInput = styled__default["default"](StyledNativeInputBase)(styled$1.fontStyles);
|
|
19
|
+
|
|
22
20
|
exports.StyledNativeInput = StyledNativeInput;
|
|
23
|
-
//# sourceMappingURL=styled.js.map
|
|
21
|
+
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { InputElement, StyleProps } from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { InputNativeProps } from './Input';\n\nconst StyledNativeInputBase = styled(InputElement)<\n Partial<InputNativeProps> & Partial<StyleProps>\n>`\n height: ${({ theme }) => theme.typography.h5.lineHeight};\n width: 100%;\n padding: 0;\n`;\n\nexport const StyledNativeInput = styled(StyledNativeInputBase)<\n Font & Partial<InputNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"names":["styled","InputElement","fontStyles"],"mappings":";;;;;;;;;;;;AAKA,MAAM,qBAAA,GAAwBA,2BAAOC,sBAAY,CAAA,CAAA;AAAA,UAAA,EAGrC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,WAAW,EAAG,CAAA,UAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKxC,MAAM,iBAAoB,GAAAD,0BAAA,CAAO,qBAAqB,CAAA,CAE3DE,mBAAU;;;;"}
|
|
@@ -1,92 +1,140 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
3
|
+
var reactCore = require('@tecsinapse/react-core');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
var reactNative = require('react-native');
|
|
6
|
+
var styled = require('./styled.js');
|
|
7
|
+
var Text = require('../Text/Text.js');
|
|
5
8
|
|
|
6
|
-
|
|
9
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
7
10
|
|
|
8
|
-
var
|
|
11
|
+
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
9
12
|
|
|
10
|
-
var
|
|
13
|
+
var __defProp = Object.defineProperty;
|
|
14
|
+
var __defProps = Object.defineProperties;
|
|
15
|
+
var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
|
|
16
|
+
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
|
|
17
|
+
var __hasOwnProp = Object.prototype.hasOwnProperty;
|
|
18
|
+
var __propIsEnum = Object.prototype.propertyIsEnumerable;
|
|
19
|
+
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
|
|
20
|
+
var __spreadValues = (a, b) => {
|
|
21
|
+
for (var prop in b || (b = {}))
|
|
22
|
+
if (__hasOwnProp.call(b, prop))
|
|
23
|
+
__defNormalProp(a, prop, b[prop]);
|
|
24
|
+
if (__getOwnPropSymbols)
|
|
25
|
+
for (var prop of __getOwnPropSymbols(b)) {
|
|
26
|
+
if (__propIsEnum.call(b, prop))
|
|
27
|
+
__defNormalProp(a, prop, b[prop]);
|
|
28
|
+
}
|
|
29
|
+
return a;
|
|
30
|
+
};
|
|
31
|
+
var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
|
|
32
|
+
var __objRest = (source, exclude) => {
|
|
33
|
+
var target = {};
|
|
34
|
+
for (var prop in source)
|
|
35
|
+
if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
|
|
36
|
+
target[prop] = source[prop];
|
|
37
|
+
if (source != null && __getOwnPropSymbols)
|
|
38
|
+
for (var prop of __getOwnPropSymbols(source)) {
|
|
39
|
+
if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
|
|
40
|
+
target[prop] = source[prop];
|
|
41
|
+
}
|
|
42
|
+
return target;
|
|
43
|
+
};
|
|
44
|
+
const InputMask = React__default["default"].forwardRef(
|
|
45
|
+
(_a, ref) => {
|
|
46
|
+
var _b = _a, {
|
|
47
|
+
label,
|
|
48
|
+
labelColor,
|
|
49
|
+
labelColorVariant,
|
|
50
|
+
labelColorTone,
|
|
51
|
+
labelTypography,
|
|
52
|
+
labelStack,
|
|
53
|
+
labelWeight,
|
|
54
|
+
leftComponent,
|
|
55
|
+
rightComponent,
|
|
56
|
+
disabled,
|
|
57
|
+
style,
|
|
58
|
+
borderColor,
|
|
59
|
+
borderColorGradation,
|
|
60
|
+
inputFontStack = "default",
|
|
61
|
+
inputFontWeight = "bold",
|
|
62
|
+
inputContainerStyle,
|
|
63
|
+
variant = "default",
|
|
64
|
+
hintComponent,
|
|
65
|
+
hint,
|
|
66
|
+
onFocus,
|
|
67
|
+
onBlur,
|
|
68
|
+
value,
|
|
69
|
+
placeholder
|
|
70
|
+
} = _b, rest = __objRest(_b, [
|
|
71
|
+
"label",
|
|
72
|
+
"labelColor",
|
|
73
|
+
"labelColorVariant",
|
|
74
|
+
"labelColorTone",
|
|
75
|
+
"labelTypography",
|
|
76
|
+
"labelStack",
|
|
77
|
+
"labelWeight",
|
|
78
|
+
"leftComponent",
|
|
79
|
+
"rightComponent",
|
|
80
|
+
"disabled",
|
|
81
|
+
"style",
|
|
82
|
+
"borderColor",
|
|
83
|
+
"borderColorGradation",
|
|
84
|
+
"inputFontStack",
|
|
85
|
+
"inputFontWeight",
|
|
86
|
+
"inputContainerStyle",
|
|
87
|
+
"variant",
|
|
88
|
+
"hintComponent",
|
|
89
|
+
"hint",
|
|
90
|
+
"onFocus",
|
|
91
|
+
"onBlur",
|
|
92
|
+
"value",
|
|
93
|
+
"placeholder"
|
|
94
|
+
]);
|
|
95
|
+
const _hint = hintComponent || /* @__PURE__ */ React__default["default"].createElement(reactCore.Hint, {
|
|
96
|
+
TextComponent: Text,
|
|
97
|
+
text: hint,
|
|
98
|
+
variant
|
|
99
|
+
});
|
|
100
|
+
const { focused, handleBlur, handleFocus } = reactCore.useInputFocus(
|
|
101
|
+
onFocus,
|
|
102
|
+
onBlur,
|
|
103
|
+
!disabled
|
|
104
|
+
);
|
|
105
|
+
const onlyLabel = label && !placeholder;
|
|
106
|
+
return /* @__PURE__ */ React__default["default"].createElement(reactNative.View, {
|
|
107
|
+
style
|
|
108
|
+
}, /* @__PURE__ */ React__default["default"].createElement(styled.StyledInputContainer, {
|
|
109
|
+
label: String(value) ? label : void 0,
|
|
110
|
+
labelColor,
|
|
111
|
+
labelColorVariant,
|
|
112
|
+
labelColorTone,
|
|
113
|
+
labelTypography,
|
|
114
|
+
labelStack,
|
|
115
|
+
labelWeight,
|
|
116
|
+
LabelComponent: Text,
|
|
117
|
+
leftComponent,
|
|
118
|
+
rightComponent,
|
|
119
|
+
borderColor,
|
|
120
|
+
borderColorGradation,
|
|
121
|
+
inputContainerStyle,
|
|
122
|
+
focused,
|
|
123
|
+
disabled,
|
|
124
|
+
variant
|
|
125
|
+
}, /* @__PURE__ */ React__default["default"].createElement(styled.StyledNativeInputMask, __spreadProps(__spreadValues({}, rest), {
|
|
126
|
+
placeholder: onlyLabel ? label : placeholder,
|
|
127
|
+
value,
|
|
128
|
+
ref,
|
|
129
|
+
fontStack: inputFontStack,
|
|
130
|
+
fontWeight: inputFontWeight,
|
|
131
|
+
disabled,
|
|
132
|
+
onFocus: handleFocus,
|
|
133
|
+
onBlur: handleBlur
|
|
134
|
+
}))), hint && _hint);
|
|
135
|
+
}
|
|
136
|
+
);
|
|
137
|
+
InputMask.displayName = "InputMask";
|
|
11
138
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
var _Text = require("../Text");
|
|
15
|
-
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
|
-
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
19
|
-
|
|
20
|
-
const InputMask = _react.default.forwardRef(({
|
|
21
|
-
label,
|
|
22
|
-
labelColor,
|
|
23
|
-
labelColorVariant,
|
|
24
|
-
labelColorTone,
|
|
25
|
-
labelTypography,
|
|
26
|
-
labelStack,
|
|
27
|
-
labelWeight,
|
|
28
|
-
leftComponent,
|
|
29
|
-
rightComponent,
|
|
30
|
-
disabled,
|
|
31
|
-
style,
|
|
32
|
-
borderColor,
|
|
33
|
-
borderColorGradation,
|
|
34
|
-
inputFontStack = 'default',
|
|
35
|
-
inputFontWeight = 'bold',
|
|
36
|
-
inputContainerStyle,
|
|
37
|
-
variant = 'default',
|
|
38
|
-
hintComponent,
|
|
39
|
-
hint,
|
|
40
|
-
onFocus,
|
|
41
|
-
onBlur,
|
|
42
|
-
value,
|
|
43
|
-
placeholder,
|
|
44
|
-
...rest
|
|
45
|
-
}, ref) => {
|
|
46
|
-
const _hint = hintComponent || _react.default.createElement(_reactCore.Hint, {
|
|
47
|
-
TextComponent: _Text.Text,
|
|
48
|
-
text: hint,
|
|
49
|
-
variant: variant
|
|
50
|
-
});
|
|
51
|
-
|
|
52
|
-
const {
|
|
53
|
-
focused,
|
|
54
|
-
handleBlur,
|
|
55
|
-
handleFocus
|
|
56
|
-
} = (0, _reactCore.useInputFocus)(onFocus, onBlur, !disabled);
|
|
57
|
-
const onlyLabel = label && !placeholder;
|
|
58
|
-
return _react.default.createElement(_reactNative.View, {
|
|
59
|
-
style: style
|
|
60
|
-
}, _react.default.createElement(_styled.StyledInputContainer, {
|
|
61
|
-
label: String(value) ? label : undefined,
|
|
62
|
-
labelColor: labelColor,
|
|
63
|
-
labelColorVariant: labelColorVariant,
|
|
64
|
-
labelColorTone: labelColorTone,
|
|
65
|
-
labelTypography: labelTypography,
|
|
66
|
-
labelStack: labelStack,
|
|
67
|
-
labelWeight: labelWeight,
|
|
68
|
-
LabelComponent: _Text.Text,
|
|
69
|
-
leftComponent: leftComponent,
|
|
70
|
-
rightComponent: rightComponent,
|
|
71
|
-
borderColor: borderColor,
|
|
72
|
-
borderColorGradation: borderColorGradation,
|
|
73
|
-
inputContainerStyle: inputContainerStyle,
|
|
74
|
-
focused: focused,
|
|
75
|
-
disabled: disabled,
|
|
76
|
-
variant: variant
|
|
77
|
-
}, _react.default.createElement(_styled.StyledNativeInputMask, _extends({}, rest, {
|
|
78
|
-
placeholder: onlyLabel ? label : placeholder,
|
|
79
|
-
value: value,
|
|
80
|
-
ref: ref,
|
|
81
|
-
fontStack: inputFontStack,
|
|
82
|
-
fontWeight: inputFontWeight,
|
|
83
|
-
disabled: disabled,
|
|
84
|
-
onFocus: handleFocus,
|
|
85
|
-
onBlur: handleBlur
|
|
86
|
-
}))), hint && _hint);
|
|
87
|
-
});
|
|
88
|
-
|
|
89
|
-
InputMask.displayName = 'InputMask';
|
|
90
|
-
var _default = InputMask;
|
|
91
|
-
exports.default = _default;
|
|
92
|
-
//# sourceMappingURL=InputMask.js.map
|
|
139
|
+
module.exports = InputMask;
|
|
140
|
+
//# sourceMappingURL=InputMask.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputMask.js","
|
|
1
|
+
{"version":3,"file":"InputMask.js","sources":["../../../../src/components/atoms/InputMask/InputMask.tsx"],"sourcesContent":["import {\n FontStackType,\n FontWeightType,\n Hint,\n InputContainerProps,\n InputMaskElementProps,\n useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { View } from 'react-native';\nimport { StyledInputContainer, StyledNativeInputMask } from './styled';\nimport { Text } from '../Text';\n\nexport interface InputMaskNativeProps\n extends Omit<InputMaskElementProps, 'style'>,\n InputContainerProps {\n inputFontStack?: FontStackType;\n inputFontWeight?: FontWeightType;\n}\n\nconst InputMask: FC<InputMaskNativeProps> = React.forwardRef(\n (\n {\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 inputFontStack = 'default',\n inputFontWeight = 'bold',\n inputContainerStyle,\n variant = 'default',\n hintComponent,\n hint,\n onFocus,\n onBlur,\n value,\n placeholder,\n ...rest\n },\n ref\n ) => {\n const _hint = hintComponent || (\n <Hint TextComponent={Text} text={hint} variant={variant} />\n );\n const { focused, handleBlur, handleFocus } = useInputFocus(\n onFocus,\n onBlur,\n !disabled\n );\n\n const onlyLabel = label && !placeholder;\n\n return (\n <View style={style}>\n <StyledInputContainer\n label={String(value) ? label : undefined}\n labelColor={labelColor}\n labelColorVariant={labelColorVariant}\n labelColorTone={labelColorTone}\n labelTypography={labelTypography}\n labelStack={labelStack}\n labelWeight={labelWeight}\n LabelComponent={Text}\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 <StyledNativeInputMask\n {...rest}\n placeholder={onlyLabel ? label : placeholder}\n value={value}\n ref={ref}\n fontStack={inputFontStack}\n fontWeight={inputFontWeight}\n disabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n />\n </StyledInputContainer>\n {hint && _hint}\n </View>\n );\n }\n);\n\nInputMask.displayName = 'InputMask';\n\nexport default InputMask;\n"],"names":["React","Hint","useInputFocus","View","StyledInputContainer","StyledNativeInputMask"],"mappings":"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"}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { default as InputMask
|
|
1
|
+
export { default as InputMask } from './InputMask';
|
|
2
|
+
export type { InputMaskNativeProps } from './InputMask';
|
|
@@ -1,27 +1,25 @@
|
|
|
1
|
-
|
|
1
|
+
'use strict';
|
|
2
2
|
|
|
3
|
-
exports
|
|
4
|
-
exports.StyledNativeInputMask = exports.StyledInputContainer = void 0;
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
4
|
|
|
6
|
-
var
|
|
5
|
+
var styled = require('@emotion/native');
|
|
6
|
+
var reactCore = require('@tecsinapse/react-core');
|
|
7
|
+
var styled$1 = require('../Text/styled.js');
|
|
7
8
|
|
|
8
|
-
|
|
9
|
+
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
9
10
|
|
|
10
|
-
var
|
|
11
|
+
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
11
12
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
const StyledInputContainer = (0, _native.default)(_reactCore.InputContainer)`
|
|
15
|
-
min-height: ${(0, _reactCore.RFValueStr)('50px')};
|
|
13
|
+
const StyledInputContainer = styled__default["default"](reactCore.InputContainer)`
|
|
14
|
+
min-height: ${reactCore.RFValueStr("50px")};
|
|
16
15
|
`;
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
height: ${({
|
|
20
|
-
theme
|
|
21
|
-
}) => theme.typography.h5.lineHeight};
|
|
16
|
+
const StyledNativeInputMaskBase = styled__default["default"](reactCore.InputMaskElement)`
|
|
17
|
+
height: ${({ theme }) => theme.typography.h5.lineHeight};
|
|
22
18
|
width: 100%;
|
|
23
19
|
padding: 0;
|
|
24
20
|
`;
|
|
25
|
-
const StyledNativeInputMask =
|
|
21
|
+
const StyledNativeInputMask = styled__default["default"](StyledNativeInputMaskBase)(styled$1.fontStyles);
|
|
22
|
+
|
|
23
|
+
exports.StyledInputContainer = StyledInputContainer;
|
|
26
24
|
exports.StyledNativeInputMask = StyledNativeInputMask;
|
|
27
|
-
//# sourceMappingURL=styled.js.map
|
|
25
|
+
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../src/components/atoms/InputMask/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport {\n InputContainer,\n InputMaskElement,\n RFValueStr,\n StyleProps,\n} from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { InputMaskNativeProps } from './InputMask';\n\nexport const StyledInputContainer = styled(InputContainer)<Partial<StyleProps>>`\n min-height: ${RFValueStr('50px')};\n`;\n\nconst StyledNativeInputMaskBase = styled(InputMaskElement)<\n Partial<InputMaskNativeProps> & Partial<StyleProps>\n>`\n height: ${({ theme }) => theme.typography.h5.lineHeight};\n width: 100%;\n padding: 0;\n`;\n\nexport const StyledNativeInputMask = styled(StyledNativeInputMaskBase)<\n Font & Partial<InputMaskNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"names":["styled","InputContainer","RFValueStr","InputMaskElement","fontStyles"],"mappings":";;;;;;;;;;;;AAUa,MAAA,oBAAA,GAAuBA,2BAAOC,wBAAc,CAAA,CAAA;AAAA,cAAA,EACzCC,qBAAW,MAAM,CAAA,CAAA;AAAA,EAAA;AAGjC,MAAM,yBAAA,GAA4BF,2BAAOG,0BAAgB,CAAA,CAAA;AAAA,UAAA,EAG7C,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,WAAW,EAAG,CAAA,UAAA,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKxC,MAAM,qBAAwB,GAAAH,0BAAA,CAAO,yBAAyB,CAAA,CAEnEI,mBAAU;;;;;"}
|