@tecsinapse/react-native-kit 2.1.0 → 2.2.1-beta.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/atoms/Avatar/Avatar.js +0 -1
- package/dist/cjs/components/atoms/Badge/Badge.js +0 -1
- package/dist/cjs/components/atoms/BottomNavigator/BottomNavigator.js +0 -1
- package/dist/cjs/components/atoms/BottomNavigator/Item.js +0 -1
- package/dist/cjs/components/atoms/BottomNavigator/styled.js +0 -1
- package/dist/cjs/components/atoms/Button/Button.js +0 -1
- package/dist/cjs/components/atoms/Button/States/Error.js +0 -1
- package/dist/cjs/components/atoms/Button/States/Loading.js +0 -1
- package/dist/cjs/components/atoms/Button/States/Success.js +0 -1
- package/dist/cjs/components/atoms/GroupButton/GroupButtonOption.js +0 -1
- package/dist/cjs/components/atoms/Header/Header.js +0 -1
- package/dist/cjs/components/atoms/Header/styled.js +0 -1
- package/dist/cjs/components/atoms/Input/Input.js +0 -1
- package/dist/cjs/components/atoms/Input/styled.js +0 -1
- package/dist/cjs/components/atoms/InputMask/InputMask.js +0 -1
- package/dist/cjs/components/atoms/InputMask/styled.js +0 -1
- package/dist/cjs/components/atoms/Modal/ModalGroupManager.js +0 -1
- package/dist/cjs/components/atoms/Modal/ModalLifecycleHandler.js +0 -1
- package/dist/cjs/components/atoms/Modal/ui/BaseModalView.js +0 -1
- package/dist/cjs/components/atoms/Modal/ui/styled.js +0 -1
- package/dist/cjs/components/atoms/Modal/useLazyModalManager.js +2 -3
- package/dist/cjs/components/atoms/Modal/useModalManager.js +2 -3
- package/dist/cjs/components/atoms/Modal/useModalRemoteControl.js +0 -1
- package/dist/cjs/components/atoms/Skeleton/Pulse.js +0 -1
- package/dist/cjs/components/atoms/Skeleton/Skeleton.js +0 -1
- package/dist/cjs/components/atoms/Skeleton/Wave.js +0 -1
- package/dist/cjs/components/atoms/Skeleton/animation.js +0 -1
- package/dist/cjs/components/atoms/Skeleton/styled.js +0 -1
- package/dist/cjs/components/atoms/SnappingSlider/SnappingSlider.js +0 -1
- package/dist/cjs/components/atoms/Tag/Tag.js +0 -1
- package/dist/cjs/components/atoms/Text/Text.js +0 -1
- package/dist/cjs/components/atoms/Text/styled.js +0 -1
- package/dist/cjs/components/atoms/TextArea/TextArea.js +0 -1
- package/dist/cjs/components/atoms/TextArea/styled.js +0 -1
- package/dist/cjs/components/molecules/Calendar/Calendar.js +0 -1
- package/dist/cjs/components/molecules/DatePicker/DatePicker.js +0 -2
- package/dist/cjs/components/molecules/DatePicker/styled.js +0 -1
- package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js +0 -2
- package/dist/cjs/components/molecules/DateTimeSelector/DateTimeSelector.js +0 -1
- package/dist/cjs/components/molecules/Grid/Grid.js +0 -1
- package/dist/cjs/components/molecules/Grid/Item/Item.js +0 -1
- package/dist/cjs/components/molecules/IconTextButton/IconTextButton.js +0 -1
- package/dist/cjs/components/molecules/IconTextButton/TextComponent.js +0 -1
- package/dist/cjs/components/molecules/IconTextButton/styled.js +0 -1
- package/dist/cjs/components/molecules/InputPassword/InputPassword.js +0 -1
- package/dist/cjs/components/molecules/LabeledSwitch/LabelComponent.js +0 -1
- package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.js +0 -1
- package/dist/cjs/components/molecules/LabeledSwitch/styled.js +0 -1
- package/dist/cjs/components/molecules/Select/Modal.js +0 -2
- package/dist/cjs/components/molecules/Select/Select.js +0 -2
- package/dist/cjs/components/molecules/Select/styled.js +0 -1
- package/dist/cjs/components/molecules/Snackbar/Snackbar.js +0 -1
- package/dist/cjs/components/molecules/Snackbar/styled.js +0 -1
- package/dist/cjs/index.js +0 -1
- package/dist/cjs/utils/date.js +0 -1
- package/dist/esm/components/atoms/Avatar/Avatar.js +0 -1
- package/dist/esm/components/atoms/Badge/Badge.js +0 -1
- package/dist/esm/components/atoms/BottomNavigator/BottomNavigator.js +0 -1
- package/dist/esm/components/atoms/BottomNavigator/Item.js +0 -1
- package/dist/esm/components/atoms/BottomNavigator/styled.js +0 -1
- package/dist/esm/components/atoms/Button/Button.js +0 -1
- package/dist/esm/components/atoms/Button/States/Error.js +0 -1
- package/dist/esm/components/atoms/Button/States/Loading.js +0 -1
- package/dist/esm/components/atoms/Button/States/Success.js +0 -1
- package/dist/esm/components/atoms/GroupButton/GroupButtonOption.js +0 -1
- package/dist/esm/components/atoms/Header/Header.js +0 -1
- package/dist/esm/components/atoms/Header/styled.js +0 -1
- package/dist/esm/components/atoms/Input/Input.js +0 -1
- package/dist/esm/components/atoms/Input/styled.js +0 -1
- package/dist/esm/components/atoms/InputMask/InputMask.js +0 -1
- package/dist/esm/components/atoms/InputMask/styled.js +0 -1
- package/dist/esm/components/atoms/Modal/ModalGroupManager.js +0 -1
- package/dist/esm/components/atoms/Modal/ModalLifecycleHandler.js +0 -1
- package/dist/esm/components/atoms/Modal/ui/BaseModalView.js +0 -1
- package/dist/esm/components/atoms/Modal/ui/styled.js +0 -1
- package/dist/esm/components/atoms/Modal/useLazyModalManager.js +3 -4
- package/dist/esm/components/atoms/Modal/useModalManager.js +3 -4
- package/dist/esm/components/atoms/Modal/useModalRemoteControl.js +0 -1
- package/dist/esm/components/atoms/Skeleton/Pulse.js +0 -1
- package/dist/esm/components/atoms/Skeleton/Skeleton.js +0 -1
- package/dist/esm/components/atoms/Skeleton/Wave.js +0 -1
- package/dist/esm/components/atoms/Skeleton/animation.js +0 -1
- package/dist/esm/components/atoms/Skeleton/styled.js +0 -1
- package/dist/esm/components/atoms/SnappingSlider/SnappingSlider.js +0 -1
- package/dist/esm/components/atoms/Tag/Tag.js +0 -1
- package/dist/esm/components/atoms/Text/Text.js +0 -1
- package/dist/esm/components/atoms/Text/styled.js +0 -1
- package/dist/esm/components/atoms/TextArea/TextArea.js +0 -1
- package/dist/esm/components/atoms/TextArea/styled.js +0 -1
- package/dist/esm/components/molecules/Calendar/Calendar.js +0 -1
- package/dist/esm/components/molecules/DatePicker/DatePicker.js +0 -2
- package/dist/esm/components/molecules/DatePicker/styled.js +0 -1
- package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js +0 -2
- package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.js +0 -1
- package/dist/esm/components/molecules/Grid/Grid.js +0 -1
- package/dist/esm/components/molecules/Grid/Item/Item.js +0 -1
- package/dist/esm/components/molecules/IconTextButton/IconTextButton.js +0 -1
- package/dist/esm/components/molecules/IconTextButton/TextComponent.js +0 -1
- package/dist/esm/components/molecules/IconTextButton/styled.js +0 -1
- package/dist/esm/components/molecules/InputPassword/InputPassword.js +0 -1
- package/dist/esm/components/molecules/LabeledSwitch/LabelComponent.js +0 -1
- package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.js +0 -1
- package/dist/esm/components/molecules/LabeledSwitch/styled.js +0 -1
- package/dist/esm/components/molecules/Select/Modal.js +0 -2
- package/dist/esm/components/molecules/Select/Select.js +0 -2
- package/dist/esm/components/molecules/Select/styled.js +0 -1
- package/dist/esm/components/molecules/Snackbar/Snackbar.js +0 -1
- package/dist/esm/components/molecules/Snackbar/styled.js +0 -1
- package/dist/esm/index.js +0 -1
- package/dist/esm/utils/date.js +0 -1
- package/dist/{esm → types}/components/atoms/Modal/useLazyModalManager.d.ts +2 -2
- package/package.json +7 -13
- package/dist/cjs/components/atoms/Avatar/Avatar.js.map +0 -1
- package/dist/cjs/components/atoms/Badge/Badge.js.map +0 -1
- package/dist/cjs/components/atoms/BottomNavigator/BottomNavigator.js.map +0 -1
- package/dist/cjs/components/atoms/BottomNavigator/Item.js.map +0 -1
- package/dist/cjs/components/atoms/BottomNavigator/styled.js.map +0 -1
- package/dist/cjs/components/atoms/Button/Button.js.map +0 -1
- package/dist/cjs/components/atoms/Button/States/Error.js.map +0 -1
- package/dist/cjs/components/atoms/Button/States/Loading.js.map +0 -1
- package/dist/cjs/components/atoms/Button/States/Success.js.map +0 -1
- package/dist/cjs/components/atoms/GroupButton/GroupButtonOption.js.map +0 -1
- package/dist/cjs/components/atoms/Header/Header.js.map +0 -1
- package/dist/cjs/components/atoms/Header/styled.js.map +0 -1
- package/dist/cjs/components/atoms/Input/Input.js.map +0 -1
- package/dist/cjs/components/atoms/Input/styled.js.map +0 -1
- package/dist/cjs/components/atoms/InputMask/InputMask.js.map +0 -1
- package/dist/cjs/components/atoms/InputMask/styled.js.map +0 -1
- package/dist/cjs/components/atoms/Modal/ModalGroupManager.js.map +0 -1
- package/dist/cjs/components/atoms/Modal/ModalLifecycleHandler.js.map +0 -1
- package/dist/cjs/components/atoms/Modal/ui/BaseModalView.js.map +0 -1
- package/dist/cjs/components/atoms/Modal/ui/styled.js.map +0 -1
- package/dist/cjs/components/atoms/Modal/useLazyModalManager.d.ts +0 -8
- package/dist/cjs/components/atoms/Modal/useLazyModalManager.js.map +0 -1
- package/dist/cjs/components/atoms/Modal/useModalManager.js.map +0 -1
- package/dist/cjs/components/atoms/Modal/useModalRemoteControl.js.map +0 -1
- package/dist/cjs/components/atoms/Skeleton/Pulse.js.map +0 -1
- package/dist/cjs/components/atoms/Skeleton/Skeleton.js.map +0 -1
- package/dist/cjs/components/atoms/Skeleton/Wave.js.map +0 -1
- package/dist/cjs/components/atoms/Skeleton/animation.js.map +0 -1
- package/dist/cjs/components/atoms/Skeleton/styled.js.map +0 -1
- package/dist/cjs/components/atoms/SnappingSlider/SnappingSlider.js.map +0 -1
- package/dist/cjs/components/atoms/Tag/Tag.js.map +0 -1
- package/dist/cjs/components/atoms/Text/Text.js.map +0 -1
- package/dist/cjs/components/atoms/Text/styled.js.map +0 -1
- package/dist/cjs/components/atoms/TextArea/TextArea.js.map +0 -1
- package/dist/cjs/components/atoms/TextArea/styled.js.map +0 -1
- package/dist/cjs/components/molecules/Calendar/Calendar.js.map +0 -1
- package/dist/cjs/components/molecules/DatePicker/DatePicker.js.map +0 -1
- package/dist/cjs/components/molecules/DatePicker/styled.js.map +0 -1
- package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js.map +0 -1
- package/dist/cjs/components/molecules/DateTimeSelector/DateTimeSelector.js.map +0 -1
- package/dist/cjs/components/molecules/Grid/Grid.js.map +0 -1
- package/dist/cjs/components/molecules/Grid/Item/Item.js.map +0 -1
- package/dist/cjs/components/molecules/IconTextButton/IconTextButton.js.map +0 -1
- package/dist/cjs/components/molecules/IconTextButton/TextComponent.js.map +0 -1
- package/dist/cjs/components/molecules/IconTextButton/styled.js.map +0 -1
- package/dist/cjs/components/molecules/InputPassword/InputPassword.js.map +0 -1
- package/dist/cjs/components/molecules/LabeledSwitch/LabelComponent.js.map +0 -1
- package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.js.map +0 -1
- package/dist/cjs/components/molecules/LabeledSwitch/styled.js.map +0 -1
- package/dist/cjs/components/molecules/Select/Modal.js.map +0 -1
- package/dist/cjs/components/molecules/Select/Select.js.map +0 -1
- package/dist/cjs/components/molecules/Select/styled.js.map +0 -1
- package/dist/cjs/components/molecules/Snackbar/Snackbar.js.map +0 -1
- package/dist/cjs/components/molecules/Snackbar/styled.js.map +0 -1
- package/dist/cjs/index.js.map +0 -1
- package/dist/cjs/utils/date.js.map +0 -1
- package/dist/esm/components/atoms/Avatar/Avatar.d.ts +0 -4
- package/dist/esm/components/atoms/Avatar/Avatar.js.map +0 -1
- package/dist/esm/components/atoms/Avatar/index.d.ts +0 -1
- package/dist/esm/components/atoms/Badge/Badge.d.ts +0 -8
- package/dist/esm/components/atoms/Badge/Badge.js.map +0 -1
- package/dist/esm/components/atoms/Badge/index.d.ts +0 -2
- package/dist/esm/components/atoms/BottomNavigator/BottomNavigator.d.ts +0 -13
- package/dist/esm/components/atoms/BottomNavigator/BottomNavigator.js.map +0 -1
- package/dist/esm/components/atoms/BottomNavigator/Item.d.ts +0 -19
- package/dist/esm/components/atoms/BottomNavigator/Item.js.map +0 -1
- package/dist/esm/components/atoms/BottomNavigator/index.d.ts +0 -3
- package/dist/esm/components/atoms/BottomNavigator/styled.d.ts +0 -11
- package/dist/esm/components/atoms/BottomNavigator/styled.js.map +0 -1
- package/dist/esm/components/atoms/Button/Button.d.ts +0 -6
- package/dist/esm/components/atoms/Button/Button.js.map +0 -1
- package/dist/esm/components/atoms/Button/States/Error.d.ts +0 -4
- package/dist/esm/components/atoms/Button/States/Error.js.map +0 -1
- package/dist/esm/components/atoms/Button/States/Loading.d.ts +0 -4
- package/dist/esm/components/atoms/Button/States/Loading.js.map +0 -1
- package/dist/esm/components/atoms/Button/States/Success.d.ts +0 -4
- package/dist/esm/components/atoms/Button/States/Success.js.map +0 -1
- package/dist/esm/components/atoms/Button/States/index.d.ts +0 -3
- package/dist/esm/components/atoms/Button/index.d.ts +0 -3
- package/dist/esm/components/atoms/GroupButton/GroupButtonOption.d.ts +0 -3
- package/dist/esm/components/atoms/GroupButton/GroupButtonOption.js.map +0 -1
- package/dist/esm/components/atoms/GroupButton/index.d.ts +0 -1
- package/dist/esm/components/atoms/Header/Header.d.ts +0 -16
- package/dist/esm/components/atoms/Header/Header.js.map +0 -1
- package/dist/esm/components/atoms/Header/index.d.ts +0 -2
- package/dist/esm/components/atoms/Header/styled.d.ts +0 -8
- package/dist/esm/components/atoms/Header/styled.js.map +0 -1
- package/dist/esm/components/atoms/Input/Input.d.ts +0 -9
- package/dist/esm/components/atoms/Input/Input.js.map +0 -1
- package/dist/esm/components/atoms/Input/index.d.ts +0 -2
- package/dist/esm/components/atoms/Input/styled.d.ts +0 -1
- package/dist/esm/components/atoms/Input/styled.js.map +0 -1
- package/dist/esm/components/atoms/InputMask/InputMask.d.ts +0 -8
- package/dist/esm/components/atoms/InputMask/InputMask.js.map +0 -1
- package/dist/esm/components/atoms/InputMask/index.d.ts +0 -2
- package/dist/esm/components/atoms/InputMask/styled.d.ts +0 -5
- package/dist/esm/components/atoms/InputMask/styled.js.map +0 -1
- package/dist/esm/components/atoms/Modal/ModalGroupManager.d.ts +0 -4
- package/dist/esm/components/atoms/Modal/ModalGroupManager.js.map +0 -1
- package/dist/esm/components/atoms/Modal/ModalLifecycleHandler.d.ts +0 -24
- package/dist/esm/components/atoms/Modal/ModalLifecycleHandler.js.map +0 -1
- package/dist/esm/components/atoms/Modal/index.d.ts +0 -7
- package/dist/esm/components/atoms/Modal/ui/BaseModalView.d.ts +0 -3
- package/dist/esm/components/atoms/Modal/ui/BaseModalView.js.map +0 -1
- package/dist/esm/components/atoms/Modal/ui/styled.d.ts +0 -6
- package/dist/esm/components/atoms/Modal/ui/styled.js.map +0 -1
- package/dist/esm/components/atoms/Modal/ui/types.d.ts +0 -11
- package/dist/esm/components/atoms/Modal/useLazyModalManager.js.map +0 -1
- package/dist/esm/components/atoms/Modal/useModalManager.d.ts +0 -6
- package/dist/esm/components/atoms/Modal/useModalManager.js.map +0 -1
- package/dist/esm/components/atoms/Modal/useModalRemoteControl.d.ts +0 -4
- package/dist/esm/components/atoms/Modal/useModalRemoteControl.js.map +0 -1
- package/dist/esm/components/atoms/Skeleton/Pulse.d.ts +0 -3
- package/dist/esm/components/atoms/Skeleton/Pulse.js.map +0 -1
- package/dist/esm/components/atoms/Skeleton/Skeleton.d.ts +0 -12
- package/dist/esm/components/atoms/Skeleton/Skeleton.js.map +0 -1
- package/dist/esm/components/atoms/Skeleton/Wave.d.ts +0 -3
- package/dist/esm/components/atoms/Skeleton/Wave.js.map +0 -1
- package/dist/esm/components/atoms/Skeleton/animation.d.ts +0 -3
- package/dist/esm/components/atoms/Skeleton/animation.js.map +0 -1
- package/dist/esm/components/atoms/Skeleton/index.d.ts +0 -2
- package/dist/esm/components/atoms/Skeleton/styled.d.ts +0 -7
- package/dist/esm/components/atoms/Skeleton/styled.js.map +0 -1
- package/dist/esm/components/atoms/Skeleton/types.d.ts +0 -12
- package/dist/esm/components/atoms/SnappingSlider/SnappingSlider.d.ts +0 -10
- package/dist/esm/components/atoms/SnappingSlider/SnappingSlider.js.map +0 -1
- package/dist/esm/components/atoms/SnappingSlider/index.d.ts +0 -2
- package/dist/esm/components/atoms/Tag/Tag.d.ts +0 -7
- package/dist/esm/components/atoms/Tag/Tag.js.map +0 -1
- package/dist/esm/components/atoms/Tag/index.d.ts +0 -2
- package/dist/esm/components/atoms/Text/Text.d.ts +0 -5
- package/dist/esm/components/atoms/Text/Text.js.map +0 -1
- package/dist/esm/components/atoms/Text/index.d.ts +0 -2
- package/dist/esm/components/atoms/Text/styled.d.ts +0 -10
- package/dist/esm/components/atoms/Text/styled.js.map +0 -1
- package/dist/esm/components/atoms/TextArea/TextArea.d.ts +0 -5
- package/dist/esm/components/atoms/TextArea/TextArea.js.map +0 -1
- package/dist/esm/components/atoms/TextArea/index.d.ts +0 -2
- package/dist/esm/components/atoms/TextArea/styled.d.ts +0 -4
- package/dist/esm/components/atoms/TextArea/styled.js.map +0 -1
- package/dist/esm/components/molecules/Calendar/Calendar.d.ts +0 -2
- package/dist/esm/components/molecules/Calendar/Calendar.js.map +0 -1
- package/dist/esm/components/molecules/Calendar/index.d.ts +0 -1
- package/dist/esm/components/molecules/DatePicker/DatePicker.d.ts +0 -4
- package/dist/esm/components/molecules/DatePicker/DatePicker.js.map +0 -1
- package/dist/esm/components/molecules/DatePicker/index.d.ts +0 -2
- package/dist/esm/components/molecules/DatePicker/styled.d.ts +0 -4
- package/dist/esm/components/molecules/DatePicker/styled.js.map +0 -1
- package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.d.ts +0 -4
- package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js.map +0 -1
- package/dist/esm/components/molecules/DateTimePicker/index.d.ts +0 -2
- package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.d.ts +0 -3
- package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.js.map +0 -1
- package/dist/esm/components/molecules/DateTimeSelector/index.d.ts +0 -1
- package/dist/esm/components/molecules/Grid/Grid.d.ts +0 -6
- package/dist/esm/components/molecules/Grid/Grid.js.map +0 -1
- package/dist/esm/components/molecules/Grid/Item/Item.d.ts +0 -8
- package/dist/esm/components/molecules/Grid/Item/Item.js.map +0 -1
- package/dist/esm/components/molecules/Grid/Item/index.d.ts +0 -1
- package/dist/esm/components/molecules/Grid/index.d.ts +0 -2
- package/dist/esm/components/molecules/IconTextButton/IconTextButton.d.ts +0 -6
- package/dist/esm/components/molecules/IconTextButton/IconTextButton.js.map +0 -1
- package/dist/esm/components/molecules/IconTextButton/TextComponent.d.ts +0 -12
- package/dist/esm/components/molecules/IconTextButton/TextComponent.js.map +0 -1
- package/dist/esm/components/molecules/IconTextButton/index.d.ts +0 -2
- package/dist/esm/components/molecules/IconTextButton/styled.d.ts +0 -2
- package/dist/esm/components/molecules/IconTextButton/styled.js.map +0 -1
- package/dist/esm/components/molecules/InputPassword/InputPassword.d.ts +0 -6
- package/dist/esm/components/molecules/InputPassword/InputPassword.js.map +0 -1
- package/dist/esm/components/molecules/InputPassword/index.d.ts +0 -2
- package/dist/esm/components/molecules/LabeledSwitch/LabelComponent.d.ts +0 -13
- package/dist/esm/components/molecules/LabeledSwitch/LabelComponent.js.map +0 -1
- package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +0 -8
- package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.js.map +0 -1
- package/dist/esm/components/molecules/LabeledSwitch/index.d.ts +0 -2
- package/dist/esm/components/molecules/LabeledSwitch/styled.d.ts +0 -9
- package/dist/esm/components/molecules/LabeledSwitch/styled.js.map +0 -1
- package/dist/esm/components/molecules/Select/Modal.d.ts +0 -8
- package/dist/esm/components/molecules/Select/Modal.js.map +0 -1
- package/dist/esm/components/molecules/Select/Select.d.ts +0 -25
- package/dist/esm/components/molecules/Select/Select.js.map +0 -1
- package/dist/esm/components/molecules/Select/index.d.ts +0 -2
- package/dist/esm/components/molecules/Select/styled.d.ts +0 -42
- package/dist/esm/components/molecules/Select/styled.js.map +0 -1
- package/dist/esm/components/molecules/Snackbar/Snackbar.d.ts +0 -9
- package/dist/esm/components/molecules/Snackbar/Snackbar.js.map +0 -1
- package/dist/esm/components/molecules/Snackbar/index.d.ts +0 -2
- package/dist/esm/components/molecules/Snackbar/styled.d.ts +0 -4
- package/dist/esm/components/molecules/Snackbar/styled.js.map +0 -1
- package/dist/esm/index.d.ts +0 -44
- package/dist/esm/index.js.map +0 -1
- package/dist/esm/utils/date.d.ts +0 -1
- package/dist/esm/utils/date.js.map +0 -1
- /package/dist/{cjs → types}/components/atoms/Avatar/Avatar.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Avatar/index.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Badge/Badge.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Badge/index.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/BottomNavigator/BottomNavigator.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/BottomNavigator/Item.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/BottomNavigator/index.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/BottomNavigator/styled.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Button/Button.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Button/States/Error.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Button/States/Loading.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Button/States/Success.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Button/States/index.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Button/index.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/GroupButton/GroupButtonOption.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/GroupButton/index.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Header/Header.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Header/index.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Header/styled.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Input/Input.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Input/index.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Input/styled.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/InputMask/InputMask.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/InputMask/index.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/InputMask/styled.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Modal/ModalGroupManager.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Modal/ModalLifecycleHandler.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Modal/index.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Modal/ui/BaseModalView.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Modal/ui/styled.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Modal/ui/types.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Modal/useModalManager.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Modal/useModalRemoteControl.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Skeleton/Pulse.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Skeleton/Skeleton.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Skeleton/Wave.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Skeleton/animation.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Skeleton/index.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Skeleton/styled.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Skeleton/types.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/SnappingSlider/SnappingSlider.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/SnappingSlider/index.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Tag/Tag.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Tag/index.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Text/Text.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Text/index.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/Text/styled.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/TextArea/TextArea.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/TextArea/index.d.ts +0 -0
- /package/dist/{cjs → types}/components/atoms/TextArea/styled.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/Calendar/Calendar.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/Calendar/index.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/DatePicker/DatePicker.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/DatePicker/index.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/DatePicker/styled.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/DateTimePicker/DateTimePicker.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/DateTimePicker/index.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/DateTimeSelector/DateTimeSelector.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/DateTimeSelector/index.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/Grid/Grid.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/Grid/Item/Item.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/Grid/Item/index.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/Grid/index.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/IconTextButton/IconTextButton.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/IconTextButton/TextComponent.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/IconTextButton/index.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/IconTextButton/styled.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/InputPassword/InputPassword.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/InputPassword/index.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/LabeledSwitch/LabelComponent.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/LabeledSwitch/index.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/LabeledSwitch/styled.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/Select/Modal.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/Select/Select.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/Select/index.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/Select/styled.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/Snackbar/Snackbar.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/Snackbar/index.d.ts +0 -0
- /package/dist/{cjs → types}/components/molecules/Snackbar/styled.d.ts +0 -0
- /package/dist/{cjs → types}/index.d.ts +0 -0
- /package/dist/{cjs → types}/utils/date.d.ts +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BaseModalView.js","sources":["../../../../../../src/components/atoms/Modal/ui/BaseModalView.tsx"],"sourcesContent":["import { BoxContent } from '@tecsinapse/react-core';\nimport React, { FC, useCallback, useEffect, useRef, useState } from 'react';\nimport {\n Animated,\n Dimensions,\n Easing,\n Keyboard,\n LayoutChangeEvent,\n Pressable,\n StatusBar,\n} from 'react-native';\nimport { useSafeAreaInsets } from 'react-native-safe-area-context';\nimport { BackDropView, CloseBar, StyledPressableBackDrop } from './styled';\nimport { IBaseModal } from './types';\n\nconst BACKDROP_ALPHA = 0.65;\nconst INTERPOLATION_STEPS = 10;\nconst INTERPOLATION_DURATION = 195; //ms\nconst OPACITY_DURATION = 25; //ms\n\nexport const ModalView: FC<IBaseModal> = ({\n children,\n visible,\n BoxComponent = BoxContent,\n frozen,\n isLastShown,\n showCloseBar = true,\n close,\n onClose,\n}) => {\n const { bottom } = useSafeAreaInsets();\n const [ready, setReady] = useState(false);\n const [keyboardOpened, setKeyboardOpened] = useState(0);\n const [boxHeight, setBoxHeight] = useState(0);\n const backgroundCarrier = useRef(new Animated.Value(0)).current;\n const translationCarrier = useRef(new Animated.Value(0)).current;\n const opacityCarrier = useRef(new Animated.Value(0)).current;\n const offset = isLastShown && keyboardOpened > 0 ? 0 : bottom;\n\n const getKeyboardHeight = (keyboard: number) => {\n if (keyboard === 0) return 0;\n\n const wHeight = Math.ceil(Dimensions.get('window').height);\n const sHeight = Math.ceil(Dimensions.get('screen').height);\n if (wHeight !== sHeight) {\n return keyboard + (sHeight - wHeight - (StatusBar.currentHeight || 0));\n }\n return keyboard;\n };\n\n const show = useCallback(() => {\n Animated.sequence([\n Animated.timing(backgroundCarrier, {\n toValue: INTERPOLATION_STEPS,\n duration: INTERPOLATION_DURATION,\n easing: Easing.out(Easing.circle),\n useNativeDriver: false,\n }),\n Animated.timing(opacityCarrier, {\n toValue: 1,\n duration: OPACITY_DURATION,\n useNativeDriver: true,\n }),\n Animated.timing(translationCarrier, {\n toValue: 0,\n duration: INTERPOLATION_DURATION,\n easing: Easing.out(Easing.circle),\n useNativeDriver: true,\n }),\n ]).start();\n }, []);\n\n const hide = useCallback(\n (to: number) => {\n Animated.sequence([\n Animated.parallel([\n Animated.timing(translationCarrier, {\n toValue: to,\n duration: INTERPOLATION_DURATION,\n easing: Easing.out(Easing.circle),\n useNativeDriver: true,\n }),\n Animated.timing(opacityCarrier, {\n toValue: 0,\n duration: INTERPOLATION_DURATION,\n useNativeDriver: true,\n }),\n ]),\n Animated.timing(backgroundCarrier, {\n toValue: 0,\n duration: INTERPOLATION_DURATION,\n easing: Easing.out(Easing.circle),\n useNativeDriver: false,\n }),\n ]).start(onClose);\n },\n [onClose]\n );\n\n const backgroundInterpolation = backgroundCarrier.interpolate({\n inputRange: [0, INTERPOLATION_STEPS],\n outputRange: ['rgba(0, 0, 0, 0)', `rgba(0, 0, 0, ${BACKDROP_ALPHA})`],\n });\n\n const handleBoxLayoutChanges = useCallback(\n (lce: LayoutChangeEvent) => {\n const boxHeightEvent = lce.nativeEvent.layout.height;\n setBoxHeight(boxHeightEvent);\n\n if (visible && !ready) {\n translationCarrier.setValue(boxHeightEvent);\n setReady(true);\n }\n },\n [show, ready, visible, setReady]\n );\n\n useEffect(() => {\n if (visible && ready) requestAnimationFrame(() => show());\n if (!visible && !ready) {\n Keyboard.dismiss();\n requestAnimationFrame(() => hide(boxHeight));\n }\n if (!visible && ready) setReady(false);\n }, [ready, visible]);\n\n useEffect(() => {\n const showEvent = Keyboard.addListener('keyboardDidShow', e =>\n setKeyboardOpened(e.endCoordinates.height)\n );\n const hideEvent = Keyboard.addListener('keyboardDidHide', () =>\n setKeyboardOpened(0)\n );\n return () => {\n showEvent.remove();\n hideEvent.remove();\n };\n }, []);\n\n return (\n <StyledPressableBackDrop onPress={!frozen ? close : undefined}>\n <BackDropView style={{ backgroundColor: backgroundInterpolation }}>\n <Animated.View\n style={{\n paddingBottom: isLastShown ? getKeyboardHeight(keyboardOpened) : 0,\n opacity: opacityCarrier,\n transform: [{ translateY: translationCarrier }],\n }}\n >\n <Pressable>\n <BoxComponent\n onLayout={handleBoxLayoutChanges}\n style={{ paddingBottom: offset }}\n variant=\"bottom\"\n >\n {showCloseBar && <CloseBar />}\n {children}\n </BoxComponent>\n </Pressable>\n </Animated.View>\n </BackDropView>\n </StyledPressableBackDrop>\n );\n};\n"],"names":["React"],"mappings":"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"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const StyledPressableBackDrop: import("@emotion/native").StyledComponent<any, {}, {}>;
|
|
3
|
-
export declare const BackDropView: import("@emotion/native").StyledComponent<any, {}, {}>;
|
|
4
|
-
export declare const CloseBar: import("@emotion/native").StyledComponent<any, {}, {
|
|
5
|
-
ref?: import("react").Ref<import("react-native").View> | undefined;
|
|
6
|
-
}>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../../src/components/atoms/Modal/ui/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { RFValueStr, StyleProps } from '@tecsinapse/react-core';\nimport { Animated } from 'react-native';\n\nexport const StyledPressableBackDrop = styled.Pressable<Partial<StyleProps>>`\n flex: 1;\n position: absolute;\n width: 100%;\n height: 100%;\n`;\n\nexport const BackDropView = styled(Animated.View)<Partial<StyleProps>>`\n justify-content: flex-end;\n flex: 1;\n`;\n\nexport const CloseBar = styled.View<Partial<StyleProps>>`\n background-color: ${({ theme }) => theme.color.secondary.light};\n border-radius: ${RFValueStr('10px')};\n margin: ${`${RFValueStr('5px')} auto`};\n width: ${RFValueStr('42px')};\n height: ${RFValueStr('5px')};\n`;\n"],"names":[],"mappings":";;;;AAIO,MAAM,0BAA0B,MAAO,CAAA,SAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAOjC,MAAA,YAAA,GAAe,MAAO,CAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKzC,MAAM,WAAW,MAAO,CAAA,IAAA,CAAA;AAAA,oBAAA,EACT,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,KAAA,CAAM,UAAU,KAAK,CAAA;AAAA,iBAC7C,EAAA,UAAA,CAAW,MAAM,CAAC,CAAA;AAAA,UAAA,EACzB,CAAG,EAAA,UAAA,CAAW,KAAK,CAAC,CAAO,KAAA,CAAA,CAAA;AAAA,SAC5B,EAAA,UAAA,CAAW,MAAM,CAAC,CAAA;AAAA,UACjB,EAAA,UAAA,CAAW,KAAK,CAAC,CAAA;AAAA;;;;"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
export interface IBaseModal {
|
|
3
|
-
visible?: boolean;
|
|
4
|
-
BoxComponent?: React.FC<any>;
|
|
5
|
-
frozen?: boolean;
|
|
6
|
-
isLastShown?: boolean;
|
|
7
|
-
showCloseBar?: boolean;
|
|
8
|
-
close?: () => void;
|
|
9
|
-
onClose?: () => void;
|
|
10
|
-
children?: ReactNode;
|
|
11
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useLazyModalManager.js","sources":["../../../../../src/components/atoms/Modal/useLazyModalManager.ts"],"sourcesContent":["import { ReactElement, useCallback, useEffect, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport { modalLifecycle } from './ModalGroupManager';\nimport { IBaseModal } from './ui/types';\n\n/**\n * Use this hook to tell the modal lifecycle handler that you want to add\n * a new modal component.\n *\n * @returns\n * @param modalId\n */\nexport const useLazyModalManager = (modalId?: string) => {\n const [id] = useState(modalId ?? uuidv4());\n\n const requestUpdate = useCallback(() => modalLifecycle.update(), []);\n\n const sync = useCallback(\n (modal: ReactElement<IBaseModal>) => {\n modalLifecycle.sync(id, () => modal);\n return null;\n },\n [id]\n );\n\n const show = useCallback(() => {\n modalLifecycle.show(id);\n }, [id]);\n\n const close = useCallback(() => {\n modalLifecycle.close(id);\n }, [id]);\n\n useEffect(() => {\n return () => modalLifecycle.destroy(id);\n }, []);\n\n return {\n requestUpdate,\n sync,\n show,\n close,\n };\n};\n"],"names":["uuidv4"],"mappings":";;;;AAYa,MAAA,mBAAA,GAAsB,CAAC,OAAqB,KAAA;AACvD,EAAA,MAAM,CAAC,EAAE,CAAA,GAAI,QAAS,CAAA,OAAA,IAAWA,IAAQ,CAAA,CAAA;AAEzC,EAAA,MAAM,gBAAgB,WAAY,CAAA,MAAM,eAAe,MAAO,EAAA,EAAG,EAAE,CAAA,CAAA;AAEnE,EAAA,MAAM,IAAO,GAAA,WAAA;AAAA,IACX,CAAC,KAAoC,KAAA;AACnC,MAAe,cAAA,CAAA,IAAA,CAAK,EAAI,EAAA,MAAM,KAAK,CAAA,CAAA;AACnC,MAAO,OAAA,IAAA,CAAA;AAAA,KACT;AAAA,IACA,CAAC,EAAE,CAAA;AAAA,GACL,CAAA;AAEA,EAAM,MAAA,IAAA,GAAO,YAAY,MAAM;AAC7B,IAAA,cAAA,CAAe,KAAK,EAAE,CAAA,CAAA;AAAA,GACxB,EAAG,CAAC,EAAE,CAAC,CAAA,CAAA;AAEP,EAAM,MAAA,KAAA,GAAQ,YAAY,MAAM;AAC9B,IAAA,cAAA,CAAe,MAAM,EAAE,CAAA,CAAA;AAAA,GACzB,EAAG,CAAC,EAAE,CAAC,CAAA,CAAA;AAEP,EAAA,SAAA,CAAU,MAAM;AACd,IAAO,OAAA,MAAM,cAAe,CAAA,OAAA,CAAQ,EAAE,CAAA,CAAA;AAAA,GACxC,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA;AAAA,IACL,aAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAA;AAAA,IACA,KAAA;AAAA,GACF,CAAA;AACF;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useModalManager.js","sources":["../../../../../src/components/atoms/Modal/useModalManager.ts"],"sourcesContent":["import { ReactElement, useCallback, useEffect, useState } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport { modalLifecycle } from './ModalGroupManager';\nimport { IBaseModal } from './ui/types';\n\n/**\n * Use this hook to tell the modal lifecycle handler that you want to add\n * a new modal component.\n *\n * @param id\n * @param modal\n * @returns\n */\nexport const useModalManager = (\n modal: () => ReactElement<IBaseModal>,\n modalId?: string\n) => {\n const [id] = useState(modalId ?? uuidv4());\n modalLifecycle.sync(id, modal);\n\n const show = useCallback(() => {\n modalLifecycle.show(id);\n }, [id]);\n\n const close = useCallback(() => {\n modalLifecycle.close(id);\n }, [id]);\n\n useEffect(() => {\n return () => modalLifecycle.destroy(id);\n }, []);\n\n return {\n show,\n close,\n };\n};\n"],"names":["uuidv4"],"mappings":";;;;AAaa,MAAA,eAAA,GAAkB,CAC7B,KAAA,EACA,OACG,KAAA;AACH,EAAA,MAAM,CAAC,EAAE,CAAA,GAAI,QAAS,CAAA,OAAA,IAAWA,IAAQ,CAAA,CAAA;AACzC,EAAe,cAAA,CAAA,IAAA,CAAK,IAAI,KAAK,CAAA,CAAA;AAE7B,EAAM,MAAA,IAAA,GAAO,YAAY,MAAM;AAC7B,IAAA,cAAA,CAAe,KAAK,EAAE,CAAA,CAAA;AAAA,GACxB,EAAG,CAAC,EAAE,CAAC,CAAA,CAAA;AAEP,EAAM,MAAA,KAAA,GAAQ,YAAY,MAAM;AAC9B,IAAA,cAAA,CAAe,MAAM,EAAE,CAAA,CAAA;AAAA,GACzB,EAAG,CAAC,EAAE,CAAC,CAAA,CAAA;AAEP,EAAA,SAAA,CAAU,MAAM;AACd,IAAO,OAAA,MAAM,cAAe,CAAA,OAAA,CAAQ,EAAE,CAAA,CAAA;AAAA,GACxC,EAAG,EAAE,CAAA,CAAA;AAEL,EAAO,OAAA;AAAA,IACL,IAAA;AAAA,IACA,KAAA;AAAA,GACF,CAAA;AACF;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useModalRemoteControl.js","sources":["../../../../../src/components/atoms/Modal/useModalRemoteControl.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport { modalLifecycle } from './ModalGroupManager';\n\n/**\n * Use it to control a specific modal wherever it's.\n * Just provide an id of a specific instance.\n *\n * @param modalId\n * @returns\n */\nexport const useModalRemoteControl = (modalId: string) => {\n const show = useCallback(() => {\n modalLifecycle.show(modalId);\n }, [modalId]);\n\n const close = useCallback(() => {\n modalLifecycle.close(modalId);\n }, [modalId]);\n\n return {\n show,\n close,\n };\n};\n"],"names":[],"mappings":";;;AAUa,MAAA,qBAAA,GAAwB,CAAC,OAAoB,KAAA;AACxD,EAAM,MAAA,IAAA,GAAO,YAAY,MAAM;AAC7B,IAAA,cAAA,CAAe,KAAK,OAAO,CAAA,CAAA;AAAA,GAC7B,EAAG,CAAC,OAAO,CAAC,CAAA,CAAA;AAEZ,EAAM,MAAA,KAAA,GAAQ,YAAY,MAAM;AAC9B,IAAA,cAAA,CAAe,MAAM,OAAO,CAAA,CAAA;AAAA,GAC9B,EAAG,CAAC,OAAO,CAAC,CAAA,CAAA;AAEZ,EAAO,OAAA;AAAA,IACL,IAAA;AAAA,IACA,KAAA;AAAA,GACF,CAAA;AACF;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Pulse.js","sources":["../../../../../src/components/atoms/Skeleton/Pulse.tsx"],"sourcesContent":["import { Animated } from 'react-native';\nimport React, { useEffect, useRef } from 'react';\nimport { pulseAnimation } from './animation';\nimport { IAnimationComponent } from './types';\n\nexport const Pulse = ({\n active = true,\n width,\n height,\n childrenLayout,\n}: IAnimationComponent) => {\n const animatedValue = useRef(new Animated.Value(0)).current;\n\n useEffect(() => {\n pulseAnimation(active, animatedValue);\n }, [active]);\n\n return (\n <Animated.View\n style={{\n width: width ?? childrenLayout.width,\n height: height ?? childrenLayout.height,\n backgroundColor: 'rgba(0,0,0,0.05)',\n position: 'absolute',\n top: childrenLayout.x ?? 0,\n left: childrenLayout.y ?? 0,\n zIndex: 2,\n overflow: 'hidden',\n opacity: animatedValue,\n }}\n />\n );\n};\n"],"names":["React"],"mappings":";;;;AAKO,MAAM,QAAQ,CAAC;AAAA,EACpB,MAAS,GAAA,IAAA;AAAA,EACT,KAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AACF,CAA2B,KAAA;AACzB,EAAA,MAAM,gBAAgB,MAAO,CAAA,IAAI,SAAS,KAAM,CAAA,CAAC,CAAC,CAAE,CAAA,OAAA,CAAA;AAEpD,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,cAAA,CAAe,QAAQ,aAAa,CAAA,CAAA;AAAA,GACtC,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,QAAS,CAAA,IAAA;AAAA,IAAT;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAA,EAAO,SAAS,cAAe,CAAA,KAAA;AAAA,QAC/B,MAAA,EAAQ,UAAU,cAAe,CAAA,MAAA;AAAA,QACjC,eAAiB,EAAA,kBAAA;AAAA,QACjB,QAAU,EAAA,UAAA;AAAA,QACV,GAAA,EAAK,eAAe,CAAK,IAAA,CAAA;AAAA,QACzB,IAAA,EAAM,eAAe,CAAK,IAAA,CAAA;AAAA,QAC1B,MAAQ,EAAA,CAAA;AAAA,QACR,QAAU,EAAA,QAAA;AAAA,QACV,OAAS,EAAA,aAAA;AAAA,OACX;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ;;;;"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BorderRadiusType } from '@tecsinapse/react-core';
|
|
3
|
-
import { ViewProps } from 'react-native';
|
|
4
|
-
export interface SkeletonProps extends ViewProps {
|
|
5
|
-
width?: number;
|
|
6
|
-
height?: number;
|
|
7
|
-
radius?: BorderRadiusType;
|
|
8
|
-
active?: boolean;
|
|
9
|
-
animation?: 'wave' | 'pulse';
|
|
10
|
-
}
|
|
11
|
-
declare const Skeleton: React.FC<SkeletonProps>;
|
|
12
|
-
export default Skeleton;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Skeleton.js","sources":["../../../../../src/components/atoms/Skeleton/Skeleton.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { BorderRadiusType } from '@tecsinapse/react-core';\nimport { LayoutChangeEvent, View, ViewProps } from 'react-native';\nimport { Wrapper } from './styled';\nimport { Wave } from './Wave';\nimport { Pulse } from './Pulse';\nimport { ChildrenLayout } from './types';\n\nexport interface SkeletonProps extends ViewProps {\n width?: number;\n height?: number;\n radius?: BorderRadiusType;\n active?: boolean;\n animation?: 'wave' | 'pulse';\n}\n\nconst Skeleton: React.FC<SkeletonProps> = ({\n children,\n width,\n height,\n radius,\n active = true,\n animation = 'wave',\n ...rest\n}) => {\n const [childrenLayout, setChildrenLayout] = useState<ChildrenLayout>({\n width: 0,\n height: 0,\n y: 0,\n x: 0,\n });\n\n if (!width && !height && !children) {\n throw new Error(\n '[Skeleton] You should provide children or specify width and height'\n );\n }\n\n const getChildrenLayout = (event: LayoutChangeEvent) => {\n setChildrenLayout(event.nativeEvent.layout);\n };\n\n return (\n <Wrapper width={width} height={height} radius={radius} {...rest}>\n {active && animation === 'wave' ? (\n <Wave\n active={active}\n width={width}\n height={height}\n childrenLayout={childrenLayout}\n />\n ) : (\n <></>\n )}\n\n {active && animation === 'pulse' ? (\n <Pulse\n active={active}\n width={width}\n height={height}\n childrenLayout={childrenLayout}\n />\n ) : (\n <></>\n )}\n <View\n onLayout={event => getChildrenLayout(event)}\n style={{ opacity: active ? 0 : 1 }}\n pointerEvents={active ? 'none' : 'auto'}\n >\n {children}\n </View>\n </Wrapper>\n );\n};\n\nexport default Skeleton;\n"],"names":["React"],"mappings":";;;;;;AAgBA,MAAM,WAAoC,CAAC;AAAA,EACzC,QAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAA;AAAA,EACA,MAAS,GAAA,IAAA;AAAA,EACT,SAAY,GAAA,MAAA;AAAA,EACZ,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,QAAyB,CAAA;AAAA,IACnE,KAAO,EAAA,CAAA;AAAA,IACP,MAAQ,EAAA,CAAA;AAAA,IACR,CAAG,EAAA,CAAA;AAAA,IACH,CAAG,EAAA,CAAA;AAAA,GACJ,CAAA,CAAA;AAED,EAAA,IAAI,CAAC,KAAA,IAAS,CAAC,MAAA,IAAU,CAAC,QAAU,EAAA;AAClC,IAAA,MAAM,IAAI,KAAA;AAAA,MACR,oEAAA;AAAA,KACF,CAAA;AAAA,GACF;AAEA,EAAM,MAAA,iBAAA,GAAoB,CAAC,KAA6B,KAAA;AACtD,IAAkB,iBAAA,CAAA,KAAA,CAAM,YAAY,MAAM,CAAA,CAAA;AAAA,GAC5C,CAAA;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,WAAQ,KAAc,EAAA,MAAA,EAAgB,QAAiB,GAAG,IAAA,EAAA,EACxD,MAAU,IAAA,SAAA,KAAc,MACvB,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,MAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA;AAAA,MACA,cAAA;AAAA,KAAA;AAAA,GAGF,mBAAAA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAE,CAGH,EAAA,MAAA,IAAU,cAAc,OACvB,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,KAAA;AAAA,IAAA;AAAA,MACC,MAAA;AAAA,MACA,KAAA;AAAA,MACA,MAAA;AAAA,MACA,cAAA;AAAA,KAAA;AAAA,GACF,6EAEE,CAEJ,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,QAAA,EAAU,CAAS,KAAA,KAAA,iBAAA,CAAkB,KAAK,CAAA;AAAA,MAC1C,KAAO,EAAA,EAAE,OAAS,EAAA,MAAA,GAAS,IAAI,CAAE,EAAA;AAAA,MACjC,aAAA,EAAe,SAAS,MAAS,GAAA,MAAA;AAAA,KAAA;AAAA,IAEhC,QAAA;AAAA,GAEL,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Wave.js","sources":["../../../../../src/components/atoms/Skeleton/Wave.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\nimport { Animated } from 'react-native';\nimport * as RNGradient from 'react-native-linear-gradient';\nimport { waveAnimation } from './animation';\nimport { IAnimationComponent } from './types';\n\nconst AnimatedLinearGradient = Animated.createAnimatedComponent(\n RNGradient.default ?? RNGradient.LinearGradient\n);\n\nexport const Wave = ({\n active = true,\n width,\n height,\n childrenLayout,\n}: IAnimationComponent) => {\n const range = width ?? childrenLayout.width;\n const animatedValue = useRef(new Animated.Value(0)).current;\n\n const translateX = animatedValue.interpolate({\n inputRange: [0, 1],\n outputRange: [-range, range],\n });\n\n useEffect(() => {\n waveAnimation(active, animatedValue);\n }, [active]);\n\n return (\n <AnimatedLinearGradient\n colors={[\n 'transparent',\n 'rgba(0,0,0,0.05)',\n 'rgba(0,0,0,0.1)',\n 'transparent',\n ]}\n start={{ x: 0, y: 0 }}\n end={{ x: 1, y: 0 }}\n style={{\n width: width ?? childrenLayout.width,\n height: height ?? childrenLayout.height,\n position: 'absolute',\n top: childrenLayout.y ?? 0,\n left: childrenLayout.x ?? 0,\n zIndex: 2,\n overflow: 'hidden',\n transform: [\n {\n translateX: translateX,\n },\n ],\n }}\n />\n );\n};\n"],"names":["React"],"mappings":";;;;;AAMA,MAAM,yBAAyB,QAAS,CAAA,uBAAA;AAAA,EACtC,UAAA,CAAW,WAAW,UAAW,CAAA,cAAA;AACnC,CAAA,CAAA;AAEO,MAAM,OAAO,CAAC;AAAA,EACnB,MAAS,GAAA,IAAA;AAAA,EACT,KAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAA;AACF,CAA2B,KAAA;AACzB,EAAM,MAAA,KAAA,GAAQ,SAAS,cAAe,CAAA,KAAA,CAAA;AACtC,EAAA,MAAM,gBAAgB,MAAO,CAAA,IAAI,SAAS,KAAM,CAAA,CAAC,CAAC,CAAE,CAAA,OAAA,CAAA;AAEpD,EAAM,MAAA,UAAA,GAAa,cAAc,WAAY,CAAA;AAAA,IAC3C,UAAA,EAAY,CAAC,CAAA,EAAG,CAAC,CAAA;AAAA,IACjB,WAAa,EAAA,CAAC,CAAC,KAAA,EAAO,KAAK,CAAA;AAAA,GAC5B,CAAA,CAAA;AAED,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,aAAA,CAAc,QAAQ,aAAa,CAAA,CAAA;AAAA,GACrC,EAAG,CAAC,MAAM,CAAC,CAAA,CAAA;AAEX,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,sBAAA;AAAA,IAAA;AAAA,MACC,MAAQ,EAAA;AAAA,QACN,aAAA;AAAA,QACA,kBAAA;AAAA,QACA,iBAAA;AAAA,QACA,aAAA;AAAA,OACF;AAAA,MACA,KAAO,EAAA,EAAE,CAAG,EAAA,CAAA,EAAG,GAAG,CAAE,EAAA;AAAA,MACpB,GAAK,EAAA,EAAE,CAAG,EAAA,CAAA,EAAG,GAAG,CAAE,EAAA;AAAA,MAClB,KAAO,EAAA;AAAA,QACL,KAAA,EAAO,SAAS,cAAe,CAAA,KAAA;AAAA,QAC/B,MAAA,EAAQ,UAAU,cAAe,CAAA,MAAA;AAAA,QACjC,QAAU,EAAA,UAAA;AAAA,QACV,GAAA,EAAK,eAAe,CAAK,IAAA,CAAA;AAAA,QACzB,IAAA,EAAM,eAAe,CAAK,IAAA,CAAA;AAAA,QAC1B,MAAQ,EAAA,CAAA;AAAA,QACR,QAAU,EAAA,QAAA;AAAA,QACV,SAAW,EAAA;AAAA,UACT;AAAA,YACE,UAAA;AAAA,WACF;AAAA,SACF;AAAA,OACF;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"animation.js","sources":["../../../../../src/components/atoms/Skeleton/animation.ts"],"sourcesContent":["import { Animated, Easing } from 'react-native';\n\nexport const waveAnimation = (\n active: boolean,\n animatedValue: Animated.Value\n): void => {\n if (active) {\n Animated.loop(\n Animated.timing(animatedValue, {\n toValue: 1,\n duration: 1600,\n easing: Easing.inOut(Easing.linear),\n useNativeDriver: true,\n })\n ).start();\n return;\n }\n Animated.timing(animatedValue, {\n toValue: 0,\n useNativeDriver: true,\n }).start();\n};\n\nexport const pulseAnimation = (\n active: boolean,\n animatedValue: Animated.Value\n): void => {\n if (active) {\n Animated.loop(\n Animated.sequence([\n Animated.timing(animatedValue, {\n toValue: 1,\n duration: 800,\n useNativeDriver: true,\n }),\n Animated.timing(animatedValue, {\n toValue: 0,\n duration: 800,\n useNativeDriver: true,\n }),\n ])\n ).start();\n return;\n }\n Animated.timing(animatedValue, {\n toValue: 0,\n useNativeDriver: true,\n }).start();\n};\n"],"names":[],"mappings":";;AAEa,MAAA,aAAA,GAAgB,CAC3B,MAAA,EACA,aACS,KAAA;AACT,EAAA,IAAI,MAAQ,EAAA;AACV,IAAS,QAAA,CAAA,IAAA;AAAA,MACP,QAAA,CAAS,OAAO,aAAe,EAAA;AAAA,QAC7B,OAAS,EAAA,CAAA;AAAA,QACT,QAAU,EAAA,IAAA;AAAA,QACV,MAAQ,EAAA,MAAA,CAAO,KAAM,CAAA,MAAA,CAAO,MAAM,CAAA;AAAA,QAClC,eAAiB,EAAA,IAAA;AAAA,OAClB,CAAA;AAAA,MACD,KAAM,EAAA,CAAA;AACR,IAAA,OAAA;AAAA,GACF;AACA,EAAA,QAAA,CAAS,OAAO,aAAe,EAAA;AAAA,IAC7B,OAAS,EAAA,CAAA;AAAA,IACT,eAAiB,EAAA,IAAA;AAAA,GAClB,EAAE,KAAM,EAAA,CAAA;AACX,EAAA;AAEa,MAAA,cAAA,GAAiB,CAC5B,MAAA,EACA,aACS,KAAA;AACT,EAAA,IAAI,MAAQ,EAAA;AACV,IAAS,QAAA,CAAA,IAAA;AAAA,MACP,SAAS,QAAS,CAAA;AAAA,QAChB,QAAA,CAAS,OAAO,aAAe,EAAA;AAAA,UAC7B,OAAS,EAAA,CAAA;AAAA,UACT,QAAU,EAAA,GAAA;AAAA,UACV,eAAiB,EAAA,IAAA;AAAA,SAClB,CAAA;AAAA,QACD,QAAA,CAAS,OAAO,aAAe,EAAA;AAAA,UAC7B,OAAS,EAAA,CAAA;AAAA,UACT,QAAU,EAAA,GAAA;AAAA,UACV,eAAiB,EAAA,IAAA;AAAA,SAClB,CAAA;AAAA,OACF,CAAA;AAAA,MACD,KAAM,EAAA,CAAA;AACR,IAAA,OAAA;AAAA,GACF;AACA,EAAA,QAAA,CAAS,OAAO,aAAe,EAAA;AAAA,IAC7B,OAAS,EAAA,CAAA;AAAA,IACT,eAAiB,EAAA,IAAA;AAAA,GAClB,EAAE,KAAM,EAAA,CAAA;AACX;;;;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const Wrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
3
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
4
|
-
as?: import("react").ElementType<any> | undefined;
|
|
5
|
-
} & Partial<any>, {}, {
|
|
6
|
-
ref?: import("react").Ref<import("react-native").View> | undefined;
|
|
7
|
-
}>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Skeleton/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { RFValueStr, StyleProps } from '@tecsinapse/react-core';\nimport { SkeletonProps } from './Skeleton';\n\nexport const Wrapper = styled.View<Partial<StyleProps & SkeletonProps>>`\n width: ${({ width }) => (width ? `${RFValueStr(`${width}px`)}` : '100%')};\n height: ${({ height }) => (height ? `${RFValueStr(`${height}px`)}` : 'auto')};\n border-radius: ${({ theme, radius }: StyleProps & Partial<SkeletonProps>) =>\n radius ? theme.borderRadius[radius] : 0};\n overflow: hidden;\n position: relative;\n`;\n"],"names":[],"mappings":";;;AAIO,MAAM,UAAU,MAAO,CAAA,IAAA,CAAA;AAAA,SAAA,EACnB,CAAC,EAAE,KAAM,EAAA,KAAO,KAAQ,GAAA,CAAA,EAAG,UAAW,CAAA,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI,CAAC,CAAA,CAAA,GAAK,MAAO,CAAA;AAAA,UAAA,EAC9D,CAAC,EAAE,MAAO,EAAA,KAAO,MAAS,GAAA,CAAA,EAAG,UAAW,CAAA,CAAA,EAAG,MAAM,CAAA,EAAA,CAAI,CAAC,CAAA,CAAA,GAAK,MAAO,CAAA;AAAA,iBAC3D,EAAA,CAAC,EAAE,KAAA,EAAO,MAAO,EAAA,KAChC,SAAS,KAAM,CAAA,YAAA,CAAa,MAAM,CAAA,GAAI,CAAC,CAAA;AAAA;AAAA;AAAA;;;;"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ScrollViewProps } from 'react-native';
|
|
3
|
-
import { SpacingType } from '@tecsinapse/react-core';
|
|
4
|
-
export interface SnappingSliderProps extends Omit<ScrollViewProps, 'horizontal' | 'snapToOffsets'> {
|
|
5
|
-
showAmount: number;
|
|
6
|
-
scrollAmount: number;
|
|
7
|
-
spacing?: SpacingType;
|
|
8
|
-
}
|
|
9
|
-
declare const SnappingSlider: React.FC<SnappingSliderProps>;
|
|
10
|
-
export default SnappingSlider;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SnappingSlider.js","sources":["../../../../../src/components/atoms/SnappingSlider/SnappingSlider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Dimensions, ScrollView, ScrollViewProps, View } from 'react-native';\nimport {\n extractNumbersFromString,\n SpacingType,\n ThemeProp,\n} from '@tecsinapse/react-core';\nimport { useTheme } from '@emotion/react';\n\nexport interface SnappingSliderProps\n extends Omit<ScrollViewProps, 'horizontal' | 'snapToOffsets'> {\n /**\n * Amount in screen elements.\n * Should never be lower than scrollAmount, otherwise some elements will be skipped.\n */\n showAmount: number;\n\n /**\n * Amount of items to scroll within a single swipe.\n * Should never be greater than showAmount, otherwise some elements will be skipped.\n */\n scrollAmount: number;\n\n /**\n * Spacing between elements.\n * Must be one of [nano, micro, mili, centi, deca, kilo, mega, giga, tera, peta, hexa]\n */\n spacing?: SpacingType;\n}\n\nconst SnappingSlider: React.FC<SnappingSliderProps> = ({\n children,\n showAmount,\n scrollAmount,\n spacing,\n ...rest\n}) => {\n const theme = useTheme() as ThemeProp;\n\n const childCount = React.Children.count(children);\n const screenWidth = Dimensions.get('window').width;\n const totalSlideWidth = Math.round(screenWidth / showAmount);\n const horizontalPadding = spacing\n ? extractNumbersFromString(theme.spacing[spacing]) / 2\n : 0;\n\n const snapToOffsets = [\n ...Array(Math.ceil(childCount / scrollAmount)).keys(),\n ].map(index => {\n const offset = totalSlideWidth * scrollAmount * index;\n const padCompensation = horizontalPadding * Math.sign(index);\n return offset + padCompensation;\n });\n\n return (\n <ScrollView\n horizontal\n snapToOffsets={snapToOffsets}\n snapToStart\n snapToEnd\n showsHorizontalScrollIndicator={false}\n {...rest}\n >\n {React.Children.map(children, (child, index) => {\n const isFirst = index === 0;\n const isLast = index === childCount - 1;\n\n return (\n <View\n style={{\n width: totalSlideWidth,\n paddingHorizontal: horizontalPadding,\n paddingLeft: isFirst ? 0 : horizontalPadding,\n paddingRight: isLast ? 0 : horizontalPadding,\n }}\n >\n {child}\n </View>\n );\n })}\n </ScrollView>\n );\n};\n\nexport default SnappingSlider;\n"],"names":[],"mappings":";;;;;AA8BA,MAAM,iBAAgD,CAAC;AAAA,EACrD,QAAA;AAAA,EACA,UAAA;AAAA,EACA,YAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,QAAQ,QAAS,EAAA,CAAA;AAEvB,EAAA,MAAM,UAAa,GAAA,KAAA,CAAM,QAAS,CAAA,KAAA,CAAM,QAAQ,CAAA,CAAA;AAChD,EAAA,MAAM,WAAc,GAAA,UAAA,CAAW,GAAI,CAAA,QAAQ,CAAE,CAAA,KAAA,CAAA;AAC7C,EAAA,MAAM,eAAkB,GAAA,IAAA,CAAK,KAAM,CAAA,WAAA,GAAc,UAAU,CAAA,CAAA;AAC3D,EAAM,MAAA,iBAAA,GAAoB,UACtB,wBAAyB,CAAA,KAAA,CAAM,QAAQ,OAAO,CAAC,IAAI,CACnD,GAAA,CAAA,CAAA;AAEJ,EAAA,MAAM,aAAgB,GAAA;AAAA,IACpB,GAAG,MAAM,IAAK,CAAA,IAAA,CAAK,aAAa,YAAY,CAAC,EAAE,IAAK,EAAA;AAAA,GACtD,CAAE,IAAI,CAAS,KAAA,KAAA;AACb,IAAM,MAAA,MAAA,GAAS,kBAAkB,YAAe,GAAA,KAAA,CAAA;AAChD,IAAA,MAAM,eAAkB,GAAA,iBAAA,GAAoB,IAAK,CAAA,IAAA,CAAK,KAAK,CAAA,CAAA;AAC3D,IAAA,OAAO,MAAS,GAAA,eAAA,CAAA;AAAA,GACjB,CAAA,CAAA;AAED,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,UAAU,EAAA,IAAA;AAAA,MACV,aAAA;AAAA,MACA,WAAW,EAAA,IAAA;AAAA,MACX,SAAS,EAAA,IAAA;AAAA,MACT,8BAAgC,EAAA,KAAA;AAAA,MAC/B,GAAG,IAAA;AAAA,KAAA;AAAA,IAEH,MAAM,QAAS,CAAA,GAAA,CAAI,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AAC9C,MAAA,MAAM,UAAU,KAAU,KAAA,CAAA,CAAA;AAC1B,MAAM,MAAA,MAAA,GAAS,UAAU,UAAa,GAAA,CAAA,CAAA;AAEtC,MACE,uBAAA,KAAA,CAAA,aAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,KAAO,EAAA;AAAA,YACL,KAAO,EAAA,eAAA;AAAA,YACP,iBAAmB,EAAA,iBAAA;AAAA,YACnB,WAAA,EAAa,UAAU,CAAI,GAAA,iBAAA;AAAA,YAC3B,YAAA,EAAc,SAAS,CAAI,GAAA,iBAAA;AAAA,WAC7B;AAAA,SAAA;AAAA,QAEC,KAAA;AAAA,OACH,CAAA;AAAA,KAEH,CAAA;AAAA,GACH,CAAA;AAEJ;;;;"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React, { ReactNode } from 'react';
|
|
2
|
-
import { TagProps as TagCoreProps } from '@tecsinapse/react-core';
|
|
3
|
-
export interface TagProps extends Omit<TagCoreProps, 'value'> {
|
|
4
|
-
value: string | ReactNode;
|
|
5
|
-
}
|
|
6
|
-
declare const Tag: React.FC<TagProps>;
|
|
7
|
-
export default Tag;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sources":["../../../../../src/components/atoms/Tag/Tag.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport {\n Tag as TagCore,\n TagProps as TagCoreProps,\n} from '@tecsinapse/react-core';\nimport { Text } from '../Text';\n\nexport interface TagProps extends Omit<TagCoreProps, 'value'> {\n value: string | ReactNode;\n}\n\nconst Tag: React.FC<TagProps> = ({ value, ...rest }): JSX.Element => {\n return (\n <TagCore\n value={\n <Text\n colorVariant=\"secondary\"\n colorTone=\"dark\"\n fontStack=\"default\"\n fontWeight=\"bold\"\n typography={rest.variant === 'small' ? 'sub' : 'base'}\n >\n {value}\n </Text>\n }\n {...rest}\n />\n );\n};\n\nexport default Tag;\n"],"names":["React","TagCore"],"mappings":";;;;AAWA,MAAM,MAA0B,CAAC,EAAE,KAAO,EAAA,GAAG,MAAwB,KAAA;AACnE,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAACC,KAAA;AAAA,IAAA;AAAA,MACC,KACE,kBAAAD,cAAA,CAAA,aAAA;AAAA,QAAC,IAAA;AAAA,QAAA;AAAA,UACC,YAAa,EAAA,WAAA;AAAA,UACb,SAAU,EAAA,MAAA;AAAA,UACV,SAAU,EAAA,SAAA;AAAA,UACV,UAAW,EAAA,MAAA;AAAA,UACX,UAAY,EAAA,IAAA,CAAK,OAAY,KAAA,OAAA,GAAU,KAAQ,GAAA,MAAA;AAAA,SAAA;AAAA,QAE9C,KAAA;AAAA,OACH;AAAA,MAED,GAAG,IAAA;AAAA,KAAA;AAAA,GACN,CAAA;AAEJ;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sources":["../../../../../src/components/atoms/Text/Text.tsx"],"sourcesContent":["import { TextProps } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { StyledNativeText } from './styled';\n\nexport type TextNativeProps = TextProps;\n\nconst Text: FC<TextNativeProps> = ({ children, ...rest }): JSX.Element => {\n return <StyledNativeText {...rest}>{children}</StyledNativeText>;\n};\n\nexport default Text;\n"],"names":["React"],"mappings":";;;AAMA,MAAM,OAA4B,CAAC,EAAE,QAAU,EAAA,GAAG,MAAwB,KAAA;AACxE,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,gBAAA,EAAA,EAAkB,GAAG,IAAA,EAAA,EAAO,QAAS,CAAA,CAAA;AAC/C;;;;"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { FontStackType, FontWeightType, StyleProps } from '@tecsinapse/react-core';
|
|
3
|
-
export interface Font {
|
|
4
|
-
fontStack?: FontStackType;
|
|
5
|
-
fontWeight?: FontWeightType;
|
|
6
|
-
}
|
|
7
|
-
export declare const fontStyles: ({ theme, fontStack, fontWeight, }: Partial<Font & Partial<StyleProps>>) => any;
|
|
8
|
-
export declare const StyledNativeText: import("@emotion/native").StyledComponent<any, {}, {
|
|
9
|
-
ref?: import("react").Ref<any> | undefined;
|
|
10
|
-
}>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Text/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport {\n FontStackType,\n FontWeightType,\n StyleProps,\n Text,\n} from '@tecsinapse/react-core';\nimport { Platform } from 'react-native';\nimport { TextNativeProps } from './Text';\n\nexport interface Font {\n fontStack?: FontStackType;\n fontWeight?: FontWeightType;\n}\n\nexport const fontStyles = ({\n theme,\n fontStack = 'default',\n fontWeight = 'regular',\n}: Partial<Font & Partial<StyleProps>>) => {\n const fontFamily = theme?.font.stack[fontStack] || '';\n const fontStyle = theme?.font.files[fontWeight];\n return css`\n ${Platform.OS === 'android' ? 'font-weight: normal;' : undefined}\n font-family: ${fontStyle?.replace('{0}', fontFamily)};\n `;\n};\n\nexport const StyledNativeText = styled(Text)<\n Font & Partial<TextNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"names":[],"mappings":";;;;AAeO,MAAM,aAAa,CAAC;AAAA,EACzB,KAAA;AAAA,EACA,SAAY,GAAA,SAAA;AAAA,EACZ,UAAa,GAAA,SAAA;AACf,CAA2C,KAAA;AACzC,EAAA,MAAM,UAAa,GAAA,KAAA,EAAO,IAAK,CAAA,KAAA,CAAM,SAAS,CAAK,IAAA,EAAA,CAAA;AACnD,EAAA,MAAM,SAAY,GAAA,KAAA,EAAO,IAAK,CAAA,KAAA,CAAM,UAAU,CAAA,CAAA;AAC9C,EAAO,OAAA,GAAA,CAAA;AAAA,IAAA,EACH,QAAS,CAAA,EAAA,KAAO,SAAY,GAAA,sBAAA,GAAyB,KAAS,CAAA,CAAA;AAAA,iBAAA,EACjD,SAAW,EAAA,OAAA,CAAQ,KAAO,EAAA,UAAU,CAAC,CAAA;AAAA,EAAA,CAAA,CAAA;AAExD,EAAA;AAEO,MAAM,gBAAmB,GAAA,MAAA,CAAO,IAAI,CAAA,CAEzC,UAAU;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextArea.js","sources":["../../../../../src/components/atoms/TextArea/TextArea.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n useInputFocus,\n TextAreaProps as ITACore,\n TextArea as TACore,\n} from '@tecsinapse/react-core';\nimport { Text } from '../Text';\nimport { StyledNativeInput } from './styled';\n\nexport type TextAreaProps = Omit<ITACore, 'TextComponent' | 'focused'>;\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 inputFontStack = 'default',\n inputFontWeight = 'bold',\n inputContainerStyle,\n variant = 'default',\n hintComponent,\n hint,\n onFocus,\n onBlur,\n value,\n maxLength,\n ...rest\n}) => {\n const { focused, handleBlur, handleFocus } = useInputFocus(\n onFocus,\n onBlur,\n !disabled\n );\n\n return (\n <TACore\n label={label}\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 value={value}\n hintComponent={hintComponent}\n hint={hint}\n style={style}\n TextComponent={Text}\n maxLength={maxLength}\n >\n <StyledNativeInput\n {...rest}\n fontStack={inputFontStack}\n fontWeight={inputFontWeight}\n disabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n textAlignVertical={'top'}\n multiline\n value={value}\n maxLength={maxLength}\n />\n </TACore>\n );\n};\n\nexport default TextArea;\n"],"names":["React","TACore"],"mappings":";;;;;AAWA,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,cAAiB,GAAA,SAAA;AAAA,EACjB,eAAkB,GAAA,MAAA;AAAA,EAClB,mBAAA;AAAA,EACA,OAAU,GAAA,SAAA;AAAA,EACV,aAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAA;AAAA,EACA,MAAA;AAAA,EACA,KAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAA,aAAA;AAAA,IAC3C,OAAA;AAAA,IACA,MAAA;AAAA,IACA,CAAC,QAAA;AAAA,GACH,CAAA;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAACC,UAAA;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,IAAA;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,MACA,KAAA;AAAA,MACA,aAAA;AAAA,MACA,IAAA;AAAA,MACA,KAAA;AAAA,MACA,aAAe,EAAA,IAAA;AAAA,MACf,SAAA;AAAA,KAAA;AAAA,oBAEAD,cAAA,CAAA,aAAA;AAAA,MAAC,iBAAA;AAAA,MAAA;AAAA,QACE,GAAG,IAAA;AAAA,QACJ,SAAW,EAAA,cAAA;AAAA,QACX,UAAY,EAAA,eAAA;AAAA,QACZ,QAAA;AAAA,QACA,OAAS,EAAA,WAAA;AAAA,QACT,MAAQ,EAAA,UAAA;AAAA,QACR,iBAAmB,EAAA,KAAA;AAAA,QACnB,SAAS,EAAA,IAAA;AAAA,QACT,KAAA;AAAA,QACA,SAAA;AAAA,OAAA;AAAA,KACF;AAAA,GACF,CAAA;AAEJ;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/TextArea/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { StyleProps, TextAreaInputBase } from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { TextAreaProps } from './TextArea';\n\nexport const StyledNativeInput = styled(TextAreaInputBase)<\n Font & Partial<TextAreaProps> & Partial<StyleProps>\n>(fontStyles);\n"],"names":[],"mappings":";;;;AAKO,MAAM,iBAAoB,GAAA,MAAA,CAAO,iBAAiB,CAAA,CAEvD,UAAU;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sources":["../../../../../src/components/molecules/Calendar/Calendar.tsx"],"sourcesContent":["import {\n Calendar as CalendarCore,\n CalendarProps,\n SelectionType,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { getLocale } from '../../../utils/date';\nimport { Text } from '../../atoms/Text';\n\nexport const Calendar = <T extends SelectionType>({\n locale,\n ...rest\n}: CalendarProps<T>): JSX.Element => {\n return (\n <CalendarCore\n {...rest}\n TextComponent={Text}\n locale={locale ?? getLocale()}\n />\n );\n};\n"],"names":["React","CalendarCore"],"mappings":";;;;;AASO,MAAM,WAAW,CAA0B;AAAA,EAChD,MAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAqC,KAAA;AACnC,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAACC,UAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,aAAe,EAAA,IAAA;AAAA,MACf,MAAA,EAAQ,UAAU,SAAU,EAAA;AAAA,KAAA;AAAA,GAC9B,CAAA;AAEJ;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Calendar } from './Calendar';
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { DatePickerProps, SelectionType } from '@tecsinapse/react-core';
|
|
3
|
-
export type NativeDatePickerProps<T extends SelectionType> = Omit<DatePickerProps<T>, 'CalendarComponent' | 'renderCalendar' | 'requestCloseCalendar' | 'requestShowCalendar'>;
|
|
4
|
-
export declare const DatePicker: <T extends SelectionType>({ locale, onChange, ...rest }: NativeDatePickerProps<T>) => JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DatePicker.js","sources":["../../../../../src/components/molecules/DatePicker/DatePicker.tsx"],"sourcesContent":["import {\n DatePicker as DatePickerCore,\n DatePickerProps,\n SelectionType,\n Value,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { getLocale } from '../../../utils/date';\nimport { IBaseModal, ModalView, useLazyModalManager } from '../../atoms/Modal';\nimport { Text } from '../../atoms/Text';\nimport { Calendar } from '../Calendar';\nimport { CalendarBoxContent } from './styled';\n\nexport type NativeDatePickerProps<T extends SelectionType> = Omit<\n DatePickerProps<T>,\n | 'CalendarComponent'\n | 'renderCalendar'\n | 'requestCloseCalendar'\n | 'requestShowCalendar'\n>;\n\nexport const DatePicker = <T extends SelectionType>({\n locale,\n onChange,\n ...rest\n}: NativeDatePickerProps<T>): JSX.Element => {\n const modal = useLazyModalManager();\n\n const handleChange = (value?: Value<T>) => {\n onChange?.(value);\n modal.requestUpdate();\n };\n\n return (\n <DatePickerCore\n {...rest}\n TextComponent={Text}\n CalendarComponent={Calendar}\n locale={locale ?? getLocale()}\n onChange={handleChange}\n requestShowCalendar={modal.show}\n requestCloseCalendar={modal.close}\n renderCalendar={(calendar, blur) =>\n modal.sync(<NativeModal onClose={blur}>{calendar}</NativeModal>)\n }\n />\n );\n};\n\nconst NativeModal: FC<IBaseModal> = ({ children, ...others }) => {\n return (\n <ModalView BoxComponent={CalendarBoxContent} {...others}>\n {children}\n </ModalView>\n );\n};\n"],"names":["React","DatePickerCore"],"mappings":";;;;;;;;;;;AAqBO,MAAM,aAAa,CAA0B;AAAA,EAClD,MAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAA6C,KAAA;AAC3C,EAAA,MAAM,QAAQ,mBAAoB,EAAA,CAAA;AAElC,EAAM,MAAA,YAAA,GAAe,CAAC,KAAqB,KAAA;AACzC,IAAA,QAAA,GAAW,KAAK,CAAA,CAAA;AAChB,IAAA,KAAA,CAAM,aAAc,EAAA,CAAA;AAAA,GACtB,CAAA;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAACC,YAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,aAAe,EAAA,IAAA;AAAA,MACf,iBAAmB,EAAA,QAAA;AAAA,MACnB,MAAA,EAAQ,UAAU,SAAU,EAAA;AAAA,MAC5B,QAAU,EAAA,YAAA;AAAA,MACV,qBAAqB,KAAM,CAAA,IAAA;AAAA,MAC3B,sBAAsB,KAAM,CAAA,KAAA;AAAA,MAC5B,cAAA,EAAgB,CAAC,QAAA,EAAU,IACzB,KAAA,KAAA,CAAM,IAAK,iBAAAD,cAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,OAAA,EAAS,IAAO,EAAA,EAAA,QAAS,CAAc,CAAA;AAAA,KAAA;AAAA,GAEnE,CAAA;AAEJ,EAAA;AAEA,MAAM,cAA8B,CAAC,EAAE,QAAU,EAAA,GAAG,QAAa,KAAA;AAC/D,EAAA,oDACG,SAAU,EAAA,EAAA,YAAA,EAAc,kBAAqB,EAAA,GAAG,UAC9C,QACH,CAAA,CAAA;AAEJ,CAAA;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/DatePicker/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { BoxContent, StyleProps } from '@tecsinapse/react-core';\n\nexport const CalendarBoxContent = styled(BoxContent)<Partial<StyleProps>>`\n background-color: ${({ theme }) => theme.color.secondary.xlight};\n`;\n"],"names":[],"mappings":";;;AAGa,MAAA,kBAAA,GAAqB,OAAO,UAAU,CAAA,CAAA;AAAA,oBAAA,EAC7B,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,KAAA,CAAM,UAAU,MAAM,CAAA;AAAA;;;;"}
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { DateTimePickerProps } from '@tecsinapse/react-core';
|
|
2
|
-
import { FC } from 'react';
|
|
3
|
-
export type NativeDateTimePickerProps = Omit<DateTimePickerProps, 'DateTimeSelectorComponent' | 'renderSelector' | 'requestCloseSelector' | 'requestShowSelector'>;
|
|
4
|
-
export declare const DateTimePicker: FC<NativeDateTimePickerProps>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimePicker.js","sources":["../../../../../src/components/molecules/DateTimePicker/DateTimePicker.tsx"],"sourcesContent":["import {\n DateTimePicker as DateTimePickerCore,\n DateTimePickerProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { getLocale } from '../../../utils/date';\nimport { IBaseModal, ModalView, useLazyModalManager } from '../../atoms/Modal';\nimport { Text } from '../../atoms/Text';\nimport { DateTimeSelector } from '../DateTimeSelector';\n\nexport type NativeDateTimePickerProps = Omit<\n DateTimePickerProps,\n | 'DateTimeSelectorComponent'\n | 'renderSelector'\n | 'requestCloseSelector'\n | 'requestShowSelector'\n>;\n\nexport const DateTimePicker: FC<NativeDateTimePickerProps> = ({\n locale,\n ...rest\n}) => {\n const modal = useLazyModalManager();\n\n return (\n <DateTimePickerCore\n {...rest}\n TextComponent={Text}\n DateTimeSelectorComponent={DateTimeSelector}\n locale={locale ?? getLocale()}\n requestShowSelector={() => modal.show()}\n requestCloseSelector={() => modal.close()}\n renderSelector={(selector, blur) =>\n modal.sync(<NativeModal onClose={blur}>{selector}</NativeModal>)\n }\n />\n );\n};\n\nconst NativeModal: FC<IBaseModal> = ({ children, ...others }) => {\n return <ModalView {...others}>{children}</ModalView>;\n};\n"],"names":["React","DateTimePickerCore"],"mappings":";;;;;;;;;;AAkBO,MAAM,iBAAgD,CAAC;AAAA,EAC5D,MAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,QAAQ,mBAAoB,EAAA,CAAA;AAElC,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAACC,gBAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,aAAe,EAAA,IAAA;AAAA,MACf,yBAA2B,EAAA,gBAAA;AAAA,MAC3B,MAAA,EAAQ,UAAU,SAAU,EAAA;AAAA,MAC5B,mBAAA,EAAqB,MAAM,KAAA,CAAM,IAAK,EAAA;AAAA,MACtC,oBAAA,EAAsB,MAAM,KAAA,CAAM,KAAM,EAAA;AAAA,MACxC,cAAA,EAAgB,CAAC,QAAA,EAAU,IACzB,KAAA,KAAA,CAAM,IAAK,iBAAAD,cAAA,CAAA,aAAA,CAAC,WAAY,EAAA,EAAA,OAAA,EAAS,IAAO,EAAA,EAAA,QAAS,CAAc,CAAA;AAAA,KAAA;AAAA,GAEnE,CAAA;AAEJ,EAAA;AAEA,MAAM,cAA8B,CAAC,EAAE,QAAU,EAAA,GAAG,QAAa,KAAA;AAC/D,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAA,SAAA,EAAA,EAAW,GAAG,MAAA,EAAA,EAAS,QAAS,CAAA,CAAA;AAC1C,CAAA;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DateTimeSelector.js","sources":["../../../../../src/components/molecules/DateTimeSelector/DateTimeSelector.tsx"],"sourcesContent":["import {\n DateTimeSelector as DateTimeSelectorCore,\n DateTimeSelectorProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../atoms/Text';\nimport { getLocale } from '../../../utils/date';\n\nexport const DateTimeSelector: FC<DateTimeSelectorProps> = ({\n locale,\n ...rest\n}) => {\n return (\n <DateTimeSelectorCore\n {...rest}\n TextComponent={Text}\n locale={locale ?? getLocale()}\n />\n );\n};\n"],"names":["React","DateTimeSelectorCore"],"mappings":";;;;;AAQO,MAAM,mBAA8C,CAAC;AAAA,EAC1D,MAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAACC,kBAAA;AAAA,IAAA;AAAA,MACE,GAAG,IAAA;AAAA,MACJ,aAAe,EAAA,IAAA;AAAA,MACf,MAAA,EAAQ,UAAU,SAAU,EAAA;AAAA,KAAA;AAAA,GAC9B,CAAA;AAEJ;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { DateTimeSelector } from './DateTimeSelector';
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ViewProps } from 'react-native';
|
|
3
|
-
import { IGrid } from '@tecsinapse/react-core';
|
|
4
|
-
export type IGridNative = IGrid & ViewProps;
|
|
5
|
-
declare const Grid: ({ children, columns, layout, style, spacing, ...rest }: IGridNative) => JSX.Element;
|
|
6
|
-
export default Grid;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.js","sources":["../../../../../src/components/molecules/Grid/Grid.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewProps } from 'react-native';\nimport { GridItem } from './Item';\nimport { IGrid } from '@tecsinapse/react-core';\n\nexport type IGridNative = IGrid & ViewProps;\n\nconst Grid = ({\n children,\n columns = 12,\n layout,\n style,\n spacing,\n ...rest\n}: IGridNative): JSX.Element => {\n if (layout) {\n const flatLayout = layout.flat();\n return (\n <View\n style={[\n style,\n {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n },\n ]}\n {...rest}\n >\n {React.Children.map(children, (child, index) => (\n <GridItem\n key={`child-${index}`}\n columns={columns}\n span={flatLayout[index]}\n spacing={spacing}\n >\n {child}\n </GridItem>\n ))}\n </View>\n );\n }\n\n return (\n <View\n style={[\n style,\n {\n display: 'flex',\n flexDirection: 'row',\n flexWrap: 'wrap',\n },\n ]}\n {...rest}\n >\n {React.Children.map(children, (child, index) => {\n return React.cloneElement(child, {\n ...child?.props,\n columns,\n spacing: child?.props.spacing ?? spacing,\n key: `child-${index}`,\n });\n })}\n </View>\n );\n};\n\nexport default Grid;\n"],"names":["React"],"mappings":";;;;AAOA,MAAM,OAAO,CAAC;AAAA,EACZ,QAAA;AAAA,EACA,OAAU,GAAA,EAAA;AAAA,EACV,MAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAgC,KAAA;AAC9B,EAAA,IAAI,MAAQ,EAAA;AACV,IAAM,MAAA,UAAA,GAAa,OAAO,IAAK,EAAA,CAAA;AAC/B,IACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA;AAAA,UACL,KAAA;AAAA,UACA;AAAA,YACE,OAAS,EAAA,MAAA;AAAA,YACT,aAAe,EAAA,KAAA;AAAA,YACf,QAAU,EAAA,MAAA;AAAA,WACZ;AAAA,SACF;AAAA,QACC,GAAG,IAAA;AAAA,OAAA;AAAA,MAEHA,eAAM,QAAS,CAAA,GAAA,CAAI,QAAU,EAAA,CAAC,OAAO,KACpC,qBAAAA,cAAA,CAAA,aAAA;AAAA,QAAC,QAAA;AAAA,QAAA;AAAA,UACC,GAAA,EAAK,SAAS,KAAK,CAAA,CAAA;AAAA,UACnB,OAAA;AAAA,UACA,IAAA,EAAM,WAAW,KAAK,CAAA;AAAA,UACtB,OAAA;AAAA,SAAA;AAAA,QAEC,KAAA;AAAA,OAEJ,CAAA;AAAA,KACH,CAAA;AAAA,GAEJ;AAEA,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,IAAA;AAAA,IAAA;AAAA,MACC,KAAO,EAAA;AAAA,QACL,KAAA;AAAA,QACA;AAAA,UACE,OAAS,EAAA,MAAA;AAAA,UACT,aAAe,EAAA,KAAA;AAAA,UACf,QAAU,EAAA,MAAA;AAAA,SACZ;AAAA,OACF;AAAA,MACC,GAAG,IAAA;AAAA,KAAA;AAAA,IAEHA,eAAM,QAAS,CAAA,GAAA,CAAI,QAAU,EAAA,CAAC,OAAO,KAAU,KAAA;AAC9C,MAAO,OAAAA,cAAA,CAAM,aAAa,KAAO,EAAA;AAAA,QAC/B,GAAG,KAAO,EAAA,KAAA;AAAA,QACV,OAAA;AAAA,QACA,OAAA,EAAS,KAAO,EAAA,KAAA,CAAM,OAAW,IAAA,OAAA;AAAA,QACjC,GAAA,EAAK,SAAS,KAAK,CAAA,CAAA;AAAA,OACpB,CAAA,CAAA;AAAA,KACF,CAAA;AAAA,GACH,CAAA;AAEJ;;;;"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { ViewProps } from 'react-native';
|
|
3
|
-
import { IGridItem } from '@tecsinapse/react-core';
|
|
4
|
-
export type IGridItemNative = IGridItem & ViewProps & {
|
|
5
|
-
flexBasis?: string | 'auto';
|
|
6
|
-
};
|
|
7
|
-
declare const GridItem: ({ children, span, columns, loadingComponent, loading, spacing: _spacing, wrapper, alignContent, alignItems, alignSelf, flex, flexDirection, flexGrow, flexShrink, justifyContent, flexBasis, style, ...rest }: IGridItemNative) => JSX.Element;
|
|
8
|
-
export default GridItem;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Item.js","sources":["../../../../../../src/components/molecules/Grid/Item/Item.tsx"],"sourcesContent":["import React from 'react';\nimport { View, ViewProps } from 'react-native';\nimport {\n IGridItem,\n useTheme,\n getGridItemColumSpan,\n getGridItemPadding,\n} from '@tecsinapse/react-core';\n\nexport type IGridItemNative = IGridItem &\n ViewProps & {\n /** Only specify this property if the GridItem will be 'dynamic', adjusting itself to content. Use this with `wrapper` for better result. */\n flexBasis?: string | 'auto';\n };\n\nconst GridItem = ({\n children,\n span,\n columns = 12,\n loadingComponent,\n loading = false,\n spacing: _spacing,\n wrapper = false,\n alignContent,\n alignItems,\n alignSelf,\n flex,\n flexDirection,\n flexGrow,\n flexShrink,\n justifyContent,\n flexBasis,\n style,\n ...rest\n}: IGridItemNative): JSX.Element => {\n const { spacing } = useTheme();\n if (!React.Children.only(children)) {\n throw new Error('The number of children in GridItem should be one');\n }\n if (loadingComponent && loading) {\n return loadingComponent;\n }\n\n const _style = {\n alignContent,\n alignItems,\n alignSelf,\n flex,\n flexDirection,\n flexGrow,\n flexShrink,\n justifyContent,\n boxSizing: 'border-box',\n flexBasis: flexBasis ?? `${getGridItemColumSpan(columns, span)}%`,\n paddingTop: getGridItemPadding('top', _spacing, spacing),\n paddingBottom: getGridItemPadding('bottom', _spacing, spacing),\n paddingRight: getGridItemPadding('right', _spacing, spacing),\n paddingLeft: getGridItemPadding('left', _spacing, spacing),\n };\n\n const clone = React.cloneElement(children, {\n ...children?.props,\n style: wrapper\n ? children?.props.style\n : { ..._style, ...children?.props.style },\n });\n\n return wrapper ? (\n <View {...rest} style={[style, _style]}>\n {clone}\n </View>\n ) : (\n clone\n );\n};\n\nexport default GridItem;\n"],"names":["React"],"mappings":";;;;AAeA,MAAM,WAAW,CAAC;AAAA,EAChB,QAAA;AAAA,EACA,IAAA;AAAA,EACA,OAAU,GAAA,EAAA;AAAA,EACV,gBAAA;AAAA,EACA,OAAU,GAAA,KAAA;AAAA,EACV,OAAS,EAAA,QAAA;AAAA,EACT,OAAU,GAAA,KAAA;AAAA,EACV,YAAA;AAAA,EACA,UAAA;AAAA,EACA,SAAA;AAAA,EACA,IAAA;AAAA,EACA,aAAA;AAAA,EACA,QAAA;AAAA,EACA,UAAA;AAAA,EACA,cAAA;AAAA,EACA,SAAA;AAAA,EACA,KAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAoC,KAAA;AAClC,EAAM,MAAA,EAAE,OAAQ,EAAA,GAAI,QAAS,EAAA,CAAA;AAC7B,EAAA,IAAI,CAACA,cAAA,CAAM,QAAS,CAAA,IAAA,CAAK,QAAQ,CAAG,EAAA;AAClC,IAAM,MAAA,IAAI,MAAM,kDAAkD,CAAA,CAAA;AAAA,GACpE;AACA,EAAA,IAAI,oBAAoB,OAAS,EAAA;AAC/B,IAAO,OAAA,gBAAA,CAAA;AAAA,GACT;AAEA,EAAA,MAAM,MAAS,GAAA;AAAA,IACb,YAAA;AAAA,IACA,UAAA;AAAA,IACA,SAAA;AAAA,IACA,IAAA;AAAA,IACA,aAAA;AAAA,IACA,QAAA;AAAA,IACA,UAAA;AAAA,IACA,cAAA;AAAA,IACA,SAAW,EAAA,YAAA;AAAA,IACX,WAAW,SAAa,IAAA,CAAA,EAAG,oBAAqB,CAAA,OAAA,EAAS,IAAI,CAAC,CAAA,CAAA,CAAA;AAAA,IAC9D,UAAY,EAAA,kBAAA,CAAmB,KAAO,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IACvD,aAAe,EAAA,kBAAA,CAAmB,QAAU,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IAC7D,YAAc,EAAA,kBAAA,CAAmB,OAAS,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,IAC3D,WAAa,EAAA,kBAAA,CAAmB,MAAQ,EAAA,QAAA,EAAU,OAAO,CAAA;AAAA,GAC3D,CAAA;AAEA,EAAM,MAAA,KAAA,GAAQA,cAAM,CAAA,YAAA,CAAa,QAAU,EAAA;AAAA,IACzC,GAAG,QAAU,EAAA,KAAA;AAAA,IACb,KAAA,EAAO,OACH,GAAA,QAAA,EAAU,KAAM,CAAA,KAAA,GAChB,EAAE,GAAG,MAAQ,EAAA,GAAG,QAAU,EAAA,KAAA,CAAM,KAAM,EAAA;AAAA,GAC3C,CAAA,CAAA;AAED,EAAO,OAAA,OAAA,mBACJA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,IAAA,EAAM,KAAO,EAAA,CAAC,KAAO,EAAA,MAAM,CAClC,EAAA,EAAA,KACH,CAEA,GAAA,KAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as GridItem, IGridItemNative } from './Item';
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { IconTextButtonProps } from '@tecsinapse/react-core';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { ButtonNativeProps } from '../../atoms/Button';
|
|
4
|
-
export type NativeIconTextButtonProps = IconTextButtonProps & Omit<ButtonNativeProps, 'ButtonProps'>;
|
|
5
|
-
declare const IconTextButton: React.FC<NativeIconTextButtonProps>;
|
|
6
|
-
export default IconTextButton;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"IconTextButton.js","sources":["../../../../../src/components/molecules/IconTextButton/IconTextButton.tsx"],"sourcesContent":["import {\n fontColorVC,\n IconComponent,\n IconTextButtonProps,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { ButtonNativeProps } from '../../atoms/Button';\nimport { StyledIconTextButton } from './styled';\nimport TextComponent from './TextComponent';\n\nexport type NativeIconTextButtonProps = IconTextButtonProps &\n Omit<ButtonNativeProps, 'ButtonProps'>;\n\nconst IconTextButton: React.FC<NativeIconTextButtonProps> = ({\n iconProps,\n iconPosition = 'left',\n textProps,\n label,\n variant = 'filled',\n size = 'default',\n ...rest\n}) => {\n return (\n <StyledIconTextButton boxed={!label} variant={variant} {...rest}>\n {iconPosition === 'left' ? (\n <IconComponent\n iconProps={iconProps}\n size={size}\n defaultFontColor={fontColorVC[variant]}\n />\n ) : (\n <></>\n )}\n <TextComponent\n label={label}\n defaultFontColor={fontColorVC[variant]}\n hasIcon={!!iconProps}\n iconPosition={iconPosition}\n textProps={textProps}\n size={size}\n />\n {iconPosition === 'right' ? (\n <IconComponent\n iconProps={iconProps}\n size={size}\n defaultFontColor={fontColorVC[variant]}\n />\n ) : (\n <></>\n )}\n </StyledIconTextButton>\n );\n};\n\nexport default IconTextButton;\n"],"names":["React"],"mappings":";;;;;AAaA,MAAM,iBAAsD,CAAC;AAAA,EAC3D,SAAA;AAAA,EACA,YAAe,GAAA,MAAA;AAAA,EACf,SAAA;AAAA,EACA,KAAA;AAAA,EACA,OAAU,GAAA,QAAA;AAAA,EACV,IAAO,GAAA,SAAA;AAAA,EACP,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,wBAAqB,KAAO,EAAA,CAAC,OAAO,OAAmB,EAAA,GAAG,IACxD,EAAA,EAAA,YAAA,KAAiB,MAChB,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,IAAA;AAAA,MACA,gBAAA,EAAkB,YAAY,OAAO,CAAA;AAAA,KAAA;AAAA,GACvC,6EAEE,CAEJ,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,KAAA;AAAA,MACA,gBAAA,EAAkB,YAAY,OAAO,CAAA;AAAA,MACrC,OAAA,EAAS,CAAC,CAAC,SAAA;AAAA,MACX,YAAA;AAAA,MACA,SAAA;AAAA,MACA,IAAA;AAAA,KAAA;AAAA,GACF,EACC,iBAAiB,OAChB,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,IAAA;AAAA,MACA,gBAAA,EAAkB,YAAY,OAAO,CAAA;AAAA,KAAA;AAAA,GACvC,6EAEE,CAEN,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { ButtonSizeType, FontColor, IconPositionOptions, TextProps } from '@tecsinapse/react-core';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
interface TextComponentProps {
|
|
4
|
-
textProps?: TextProps;
|
|
5
|
-
size?: ButtonSizeType;
|
|
6
|
-
defaultFontColor: keyof FontColor;
|
|
7
|
-
label?: string;
|
|
8
|
-
iconPosition?: IconPositionOptions;
|
|
9
|
-
hasIcon?: boolean;
|
|
10
|
-
}
|
|
11
|
-
declare const _default: React.NamedExoticComponent<TextComponentProps>;
|
|
12
|
-
export default _default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TextComponent.js","sources":["../../../../../src/components/molecules/IconTextButton/TextComponent.tsx"],"sourcesContent":["import {\n ButtonSizeType,\n FontColor,\n IconPositionOptions,\n TextProps,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { StyledText } from './styled';\n\ninterface TextComponentProps {\n textProps?: TextProps;\n size?: ButtonSizeType;\n defaultFontColor: keyof FontColor;\n label?: string;\n iconPosition?: IconPositionOptions;\n hasIcon?: boolean;\n}\n\nconst TextComponent: FC<TextComponentProps> = ({\n textProps,\n size = 'default',\n defaultFontColor,\n label,\n iconPosition = 'left',\n hasIcon = false,\n}) => {\n return label ? (\n <StyledText\n typography={textProps?.typography ?? size === 'small' ? 'sub' : 'base'}\n fontWeight={textProps?.fontWeight ?? 'bold'}\n fontColor={textProps?.fontColor ?? defaultFontColor}\n iconPosition={iconPosition}\n hasIcon={hasIcon}\n {...textProps}\n >\n {label}\n </StyledText>\n ) : (\n <></>\n );\n};\n\nexport default React.memo(TextComponent);\n"],"names":["React"],"mappings":";;;AAkBA,MAAM,gBAAwC,CAAC;AAAA,EAC7C,SAAA;AAAA,EACA,IAAO,GAAA,SAAA;AAAA,EACP,gBAAA;AAAA,EACA,KAAA;AAAA,EACA,YAAe,GAAA,MAAA;AAAA,EACf,OAAU,GAAA,KAAA;AACZ,CAAM,KAAA;AACJ,EAAA,OAAO,KACL,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,UAAA;AAAA,IAAA;AAAA,MACC,UAAY,EAAA,SAAA,EAAW,UAAc,IAAA,IAAA,KAAS,UAAU,KAAQ,GAAA,MAAA;AAAA,MAChE,UAAA,EAAY,WAAW,UAAc,IAAA,MAAA;AAAA,MACrC,SAAA,EAAW,WAAW,SAAa,IAAA,gBAAA;AAAA,MACnC,YAAA;AAAA,MACA,OAAA;AAAA,MACC,GAAG,SAAA;AAAA,KAAA;AAAA,IAEH,KAAA;AAAA,sBAGDA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,CAAA,CAAA;AAEN,CAAA,CAAA;AAEA,sBAAeA,cAAA,CAAM,KAAK,aAAa,CAAA;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/IconTextButton/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { IconPositionOptions, StyleProps } from '@tecsinapse/react-core';\nimport { Button } from '../../atoms/Button';\nimport { Text } from '../../atoms/Text';\n\nconst boxedStyle = ({ theme }: Partial<StyleProps>) => `\n padding: ${theme?.spacing.centi};\n aspect-ratio: 1;\n `;\n\nexport const StyledIconTextButton = styled(Button)<\n Partial<StyleProps> & {\n boxed: boolean;\n }\n>`\n ${({ boxed, theme }) => boxed && boxedStyle({ theme })};\n`;\n\nexport const StyledText = styled(Text)<\n Partial<StyleProps> & {\n iconPosition: IconPositionOptions;\n hasIcon?: boolean;\n }\n>`\n ${({ theme, iconPosition, hasIcon = false }) => {\n if (hasIcon && iconPosition === 'left')\n return css`\n margin-left: ${theme?.spacing.mili};\n `;\n else if (hasIcon && iconPosition === 'right')\n return css`\n margin-right: ${theme?.spacing.mili};\n `;\n }}\n`;\n"],"names":[],"mappings":";;;;;;AAKA,MAAM,UAAa,GAAA,CAAC,EAAE,KAAA,EAAiC,KAAA,CAAA;AAAA,aACxC,EAAA,KAAA,EAAO,QAAQ,KAAK,CAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAItB,MAAA,oBAAA,GAAuB,OAAO,MAAM,CAAA,CAAA;AAAA,EAK7C,EAAA,CAAC,EAAE,KAAA,EAAO,KAAM,EAAA,KAAM,SAAS,UAAW,CAAA,EAAE,KAAM,EAAC,CAAC,CAAA;AAAA,EAAA;AAG3C,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAAA,EAAA,EAMjC,CAAC,EAAE,KAAA,EAAO,YAAc,EAAA,OAAA,GAAU,OAAY,KAAA;AAC9C,EAAA,IAAI,WAAW,YAAiB,KAAA,MAAA;AAC9B,IAAO,OAAA,GAAA,CAAA;AAAA,qBACU,EAAA,KAAA,EAAO,QAAQ,IAAI,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,OAAA,IAE7B,WAAW,YAAiB,KAAA,OAAA;AACnC,IAAO,OAAA,GAAA,CAAA;AAAA,sBACW,EAAA,KAAA,EAAO,QAAQ,IAAI,CAAA;AAAA,MAAA,CAAA,CAAA;AAEzC,CAAC,CAAA;AAAA;;;;"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { InputNativeProps } from '../../atoms/Input';
|
|
3
|
-
import { TextInput } from 'react-native';
|
|
4
|
-
export type InputPasswordNativeProps = InputNativeProps;
|
|
5
|
-
declare const InputPassword: React.ForwardRefExoticComponent<Pick<InputNativeProps, keyof InputNativeProps> & React.RefAttributes<TextInput>>;
|
|
6
|
-
export default InputPassword;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InputPassword.js","sources":["../../../../../src/components/molecules/InputPassword/InputPassword.tsx"],"sourcesContent":["import { InputPasswordIcon } from '@tecsinapse/react-core';\nimport React, { useState } from 'react';\nimport { Input, InputNativeProps } from '../../atoms/Input';\nimport { TextInput } from 'react-native';\n\nexport type InputPasswordNativeProps = InputNativeProps;\n\nconst InputPassword = React.forwardRef<TextInput, InputPasswordNativeProps>(\n ({ rightComponent, ...rest }, ref) => {\n const [revealed, setRevealed] = useState(false);\n return (\n <Input\n {...rest}\n ref={ref}\n secureTextEntry={!revealed}\n rightComponent={\n <>\n <InputPasswordIcon\n onChangeState={setRevealed}\n revealed={revealed}\n effect=\"none\"\n />\n {rightComponent}\n </>\n }\n />\n );\n }\n);\n\nInputPassword.displayName = 'InputPassword';\n\nexport default InputPassword;\n"],"names":["React"],"mappings":";;;;AAOA,MAAM,gBAAgBA,cAAM,CAAA,UAAA;AAAA,EAC1B,CAAC,EAAE,cAAA,EAAgB,GAAG,IAAA,IAAQ,GAAQ,KAAA;AACpC,IAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAC9C,IACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,KAAA;AAAA,MAAA;AAAA,QACE,GAAG,IAAA;AAAA,QACJ,GAAA;AAAA,QACA,iBAAiB,CAAC,QAAA;AAAA,QAClB,gCAEIA,cAAA,CAAA,aAAA,CAAAA,cAAA,CAAA,QAAA,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,UAAC,iBAAA;AAAA,UAAA;AAAA,YACC,aAAe,EAAA,WAAA;AAAA,YACf,QAAA;AAAA,YACA,MAAO,EAAA,MAAA;AAAA,WAAA;AAAA,WAER,cACH,CAAA;AAAA,OAAA;AAAA,KAEJ,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,aAAA,CAAc,WAAc,GAAA,eAAA;;;;"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { LabelPositionOptions } from '@tecsinapse/react-core';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { PressableProps } from 'react-native';
|
|
4
|
-
import { TextNativeProps } from '../../atoms/Text';
|
|
5
|
-
export interface LabelComponentProps extends PressableProps {
|
|
6
|
-
label: string;
|
|
7
|
-
labelPosition: LabelPositionOptions;
|
|
8
|
-
labelProps?: TextNativeProps;
|
|
9
|
-
active: boolean;
|
|
10
|
-
switchDisabled?: boolean;
|
|
11
|
-
}
|
|
12
|
-
declare const _default: React.NamedExoticComponent<LabelComponentProps>;
|
|
13
|
-
export default _default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LabelComponent.js","sources":["../../../../../src/components/molecules/LabeledSwitch/LabelComponent.tsx"],"sourcesContent":["import {\n FontColor,\n FontWeight,\n LabelPositionOptions,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Pressable, PressableProps } from 'react-native';\nimport { TextNativeProps } from '../../atoms/Text';\nimport { StyledLabel } from './styled';\n\nexport interface LabelComponentProps extends PressableProps {\n label: string;\n labelPosition: LabelPositionOptions;\n labelProps?: TextNativeProps;\n active: boolean;\n switchDisabled?: boolean;\n}\n\nconst LabelComponent: FC<LabelComponentProps> = ({\n label,\n labelPosition,\n labelProps,\n active,\n switchDisabled = false,\n ...rest\n}) => {\n const defaultFontColor: keyof FontColor =\n active && !switchDisabled ? 'dark' : 'medium';\n const defaultFontWeight: keyof FontWeight =\n active && !switchDisabled ? 'bold' : 'regular';\n\n return (\n <Pressable {...rest}>\n <StyledLabel\n labelPosition={labelPosition}\n fontColor={labelProps?.fontColor ?? defaultFontColor}\n fontWeight={labelProps?.fontWeight ?? defaultFontWeight}\n {...labelProps}\n >\n {label}\n </StyledLabel>\n </Pressable>\n );\n};\n\nexport default React.memo(LabelComponent);\n"],"names":["React"],"mappings":";;;;AAkBA,MAAM,iBAA0C,CAAC;AAAA,EAC/C,KAAA;AAAA,EACA,aAAA;AAAA,EACA,UAAA;AAAA,EACA,MAAA;AAAA,EACA,cAAiB,GAAA,KAAA;AAAA,EACjB,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,gBACJ,GAAA,MAAA,IAAU,CAAC,cAAA,GAAiB,MAAS,GAAA,QAAA,CAAA;AACvC,EAAA,MAAM,iBACJ,GAAA,MAAA,IAAU,CAAC,cAAA,GAAiB,MAAS,GAAA,SAAA,CAAA;AAEvC,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,SAAW,EAAA,EAAA,GAAG,IACb,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,WAAA;AAAA,IAAA;AAAA,MACC,aAAA;AAAA,MACA,SAAA,EAAW,YAAY,SAAa,IAAA,gBAAA;AAAA,MACpC,UAAA,EAAY,YAAY,UAAc,IAAA,iBAAA;AAAA,MACrC,GAAG,UAAA;AAAA,KAAA;AAAA,IAEH,KAAA;AAAA,GAEL,CAAA,CAAA;AAEJ,CAAA,CAAA;AAEA,uBAAeA,cAAA,CAAM,KAAK,cAAc,CAAA;;;;"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { LabeledSwitchProps } from '@tecsinapse/react-core';
|
|
2
|
-
import { FC } from 'react';
|
|
3
|
-
import { TextNativeProps } from '../../atoms/Text';
|
|
4
|
-
export type LabeledSwitchNativeProps = LabeledSwitchProps & {
|
|
5
|
-
labelProps?: TextNativeProps;
|
|
6
|
-
};
|
|
7
|
-
declare const LabeledSwitch: FC<LabeledSwitchNativeProps>;
|
|
8
|
-
export default LabeledSwitch;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"LabeledSwitch.js","sources":["../../../../../src/components/molecules/LabeledSwitch/LabeledSwitch.tsx"],"sourcesContent":["import { LabeledSwitchProps, Switch } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { TextNativeProps } from '../../atoms/Text';\nimport LabelComponent from './LabelComponent';\nimport { StyledView } from './styled';\n\nexport type LabeledSwitchNativeProps = LabeledSwitchProps & {\n labelProps?: TextNativeProps;\n};\n\nconst LabeledSwitch: FC<LabeledSwitchNativeProps> = ({\n rightLabel,\n leftLabel,\n labelProps,\n pressableLabel = false,\n active,\n disabled,\n onChange,\n ...rest\n}) => {\n return (\n <StyledView>\n {leftLabel ? (\n <LabelComponent\n active={active}\n label={leftLabel}\n labelPosition={'left'}\n labelProps={labelProps}\n disabled={!pressableLabel || disabled}\n switchDisabled={disabled}\n onPress={() => onChange(!active)}\n />\n ) : (\n <></>\n )}\n <Switch\n active={active}\n onChange={onChange}\n disabled={disabled}\n {...rest}\n />\n {rightLabel ? (\n <LabelComponent\n active={active}\n label={rightLabel}\n labelPosition={'right'}\n labelProps={labelProps}\n disabled={!pressableLabel || disabled}\n switchDisabled={disabled}\n onPress={() => onChange(!active)}\n />\n ) : (\n <></>\n )}\n </StyledView>\n );\n};\n\nexport default LabeledSwitch;\n"],"names":["React"],"mappings":";;;;;AAUA,MAAM,gBAA8C,CAAC;AAAA,EACnD,UAAA;AAAA,EACA,SAAA;AAAA,EACA,UAAA;AAAA,EACA,cAAiB,GAAA,KAAA;AAAA,EACjB,MAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,kBACE,SACC,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,MAAA;AAAA,MACA,KAAO,EAAA,SAAA;AAAA,MACP,aAAe,EAAA,MAAA;AAAA,MACf,UAAA;AAAA,MACA,QAAA,EAAU,CAAC,cAAkB,IAAA,QAAA;AAAA,MAC7B,cAAgB,EAAA,QAAA;AAAA,MAChB,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,MAAM,CAAA;AAAA,KAAA;AAAA,GACjC,6EAEE,CAEJ,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,MAAA;AAAA,IAAA;AAAA,MACC,MAAA;AAAA,MACA,QAAA;AAAA,MACA,QAAA;AAAA,MACC,GAAG,IAAA;AAAA,KAAA;AAAA,KAEL,UACC,mBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACC,MAAA;AAAA,MACA,KAAO,EAAA,UAAA;AAAA,MACP,aAAe,EAAA,OAAA;AAAA,MACf,UAAA;AAAA,MACA,QAAA,EAAU,CAAC,cAAkB,IAAA,QAAA;AAAA,MAC7B,cAAgB,EAAA,QAAA;AAAA,MAChB,OAAS,EAAA,MAAM,QAAS,CAAA,CAAC,MAAM,CAAA;AAAA,KAAA;AAAA,GACjC,6EAEE,CAEN,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { View } from 'react-native';
|
|
3
|
-
export declare const StyledView: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
4
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any> | undefined;
|
|
6
|
-
}, {}, {
|
|
7
|
-
ref?: import("react").Ref<View> | undefined;
|
|
8
|
-
}>;
|
|
9
|
-
export declare const StyledLabel: import("@emotion/native").StyledComponent<any, {}, {}>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/LabeledSwitch/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport { LabelPositionOptions, StyleProps } from '@tecsinapse/react-core';\nimport { View } from 'react-native';\nimport { Text } from '../../atoms/Text';\n\nexport const StyledView = styled(View)`\n display: flex;\n flex-direction: row;\n align-items: center;\n`;\n\nexport const StyledLabel = styled(Text)<\n Partial<StyleProps> & {\n labelPosition: LabelPositionOptions;\n }\n>`\n ${({ theme, labelPosition }) => {\n if (labelPosition === 'right')\n return css`\n margin-left: ${theme?.spacing.centi};\n `;\n else if (labelPosition === 'left')\n return css`\n margin-right: ${theme?.spacing.centi};\n `;\n }}\n`;\n"],"names":[],"mappings":";;;;AAKa,MAAA,UAAA,GAAa,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,EAAA;AAMxB,MAAA,WAAA,GAAc,OAAO,IAAI,CAAA,CAAA;AAAA,EAAA,EAKlC,CAAC,EAAE,KAAO,EAAA,aAAA,EAAoB,KAAA;AAC9B,EAAA,IAAI,aAAkB,KAAA,OAAA;AACpB,IAAO,OAAA,GAAA,CAAA;AAAA,qBACU,EAAA,KAAA,EAAO,QAAQ,KAAK,CAAA;AAAA,MAAA,CAAA,CAAA;AAAA,OAAA,IAE9B,aAAkB,KAAA,MAAA;AACzB,IAAO,OAAA,GAAA,CAAA;AAAA,sBACW,EAAA,KAAA,EAAO,QAAQ,KAAK,CAAA;AAAA,MAAA,CAAA,CAAA;AAE1C,CAAC,CAAA;AAAA;;;;"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { IBaseModal } from '../../atoms/Modal';
|
|
3
|
-
import { SelectNativeProps } from './Select';
|
|
4
|
-
interface LoadingProps {
|
|
5
|
-
loading?: boolean;
|
|
6
|
-
}
|
|
7
|
-
export declare const Modal: <Data, Type extends "single" | "multi">({ options, keyExtractor, labelExtractor, hideSearchBar, searchBarPlaceholder, focused, type, value, onSelect, onSearch, selectModalTitle, selectModalTitleComponent, confirmButtonText, loading, close, closeOnPick, ...others }: SelectNativeProps<Data, Type> & LoadingProps & IBaseModal) => JSX.Element;
|
|
8
|
-
export {};
|