@tecsinapse/react-native-kit 2.2.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 +0 -1
- package/dist/cjs/components/atoms/Modal/useModalManager.js +0 -1
- 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 -1
- package/dist/cjs/components/molecules/DatePicker/styled.js +0 -1
- package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js +0 -1
- 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 -1
- package/dist/cjs/components/molecules/Select/Select.js +0 -1
- 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 +0 -1
- package/dist/esm/components/atoms/Modal/useModalManager.js +0 -1
- 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 -1
- package/dist/esm/components/molecules/DatePicker/styled.js +0 -1
- package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js +0 -1
- 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 -1
- package/dist/esm/components/molecules/Select/Select.js +0 -1
- 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/package.json +5 -7
- 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.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.d.ts +0 -8
- 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/useLazyModalManager.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":"Select.js","sources":["../../../../../src/components/molecules/Select/Select.tsx"],"sourcesContent":["import {\n HintInputContainer,\n InputContainerProps,\n useInputFocus,\n} from '@tecsinapse/react-core';\nimport * as React from 'react';\nimport { useEffect, useState } from 'react';\nimport { useLazyModalManager } from '../../atoms/Modal';\nimport { Text } from '../../atoms/Text';\nimport { Modal } from './Modal';\nimport { SelectIcon, StyledSelectionText } from './styled';\n\nexport interface SelectNativeProps<Data, Type extends 'single' | 'multi'>\n extends Omit<InputContainerProps, 'value' | 'onChange' | 'onChangeText'> {\n options: ((searchInput?: string) => Promise<Data[]>) | Data[];\n onSelect: (\n option: Type extends 'single' ? Data | undefined : Data[]\n ) => never | void;\n value: Type extends 'single' ? Data | null | undefined : Data[];\n type: Type;\n\n keyExtractor: (t: Data, index?: number) => string;\n labelExtractor: (t: Data) => string;\n groupKeyExtractor?: (t: Data) => string;\n\n hideSearchBar?: boolean;\n placeholder?: string;\n onFocus?: () => void | never;\n onBlur?: () => void | never;\n onSearch?:\n | ((searchArg: string) => void)\n | ((searchInput?: string) => Promise<Data[]>)\n | never;\n searchBarPlaceholder?: string;\n confirmButtonText?: string;\n selectModalTitle?: string;\n selectModalTitleComponent?: JSX.Element;\n closeOnPick?: boolean;\n controlComponent?: (\n onPress: () => void,\n displayValue?: string\n ) => JSX.Element;\n numberOfLines?: number;\n}\n\nfunction Select<Data, Type extends 'single' | 'multi'>({\n /** Select props */\n value,\n options,\n keyExtractor,\n groupKeyExtractor,\n onSelect,\n type,\n labelExtractor,\n placeholder,\n onFocus,\n onBlur,\n disabled,\n onSearch,\n selectModalTitle,\n selectModalTitleComponent,\n searchBarPlaceholder,\n hideSearchBar,\n confirmButtonText,\n rightComponent,\n variant = 'default',\n hintComponent,\n hint,\n style,\n controlComponent,\n closeOnPick = type === 'single',\n label,\n numberOfLines,\n ...rest\n}: SelectNativeProps<Data, Type>): JSX.Element {\n const { focused, handleBlur, handleFocus } = useInputFocus(\n onFocus,\n onBlur,\n !disabled\n );\n\n const [selectOptions, setSelectOptions] = useState<Data[]>([]);\n const modal = useLazyModalManager();\n\n // TODO: Add Skeleton to modal height when loading is true\n const [loading, setLoading] = useState<boolean>(false);\n\n const onlyLabel = label && !placeholder;\n const hasValue =\n type === 'single' ? !!value : ((value || []) as []).length > 0;\n const _placeholder = onlyLabel ? label : placeholder;\n const _label = hasValue ? label : undefined;\n\n useEffect(() => {\n if (typeof options !== 'function') {\n setSelectOptions(options);\n }\n }, [options]);\n\n const handleLazyFocus = React.useCallback(async () => {\n if (typeof options === 'function' && !onSearch) {\n setLoading(true);\n try {\n const result = await options();\n if (result) {\n if (\n value &&\n !result.find(v => keyExtractor(value as Data) === keyExtractor(v))\n ) {\n setSelectOptions([value as Data, ...result]);\n } else setSelectOptions(result);\n }\n } catch (e) {\n // TODO: Catch error\n } finally {\n setLoading(false);\n }\n }\n }, [options, value, setSelectOptions]);\n\n const handleOnSearch = React.useCallback(\n async (searchInput: string | undefined) => {\n if (searchInput !== undefined && onSearch) {\n setLoading(true);\n modal.requestUpdate();\n try {\n const result = await onSearch(searchInput);\n if (result) {\n if (type === 'single') {\n if (\n value &&\n !result.find(\n v => keyExtractor(value as Data) === keyExtractor(v)\n )\n ) {\n setSelectOptions([value as Data, ...result]);\n } else setSelectOptions(result);\n } else {\n if ((value as Data[])?.length) {\n const selectedValues =\n (value as Data[]).filter(\n v =>\n !result.find(\n current =>\n keyExtractor(v as Data) === keyExtractor(current)\n )\n ) || [];\n setSelectOptions([...selectedValues, ...result]);\n } else {\n setSelectOptions(result);\n }\n }\n }\n } catch (e) {\n // TODO: Catch error\n } finally {\n modal.requestUpdate();\n setLoading(false);\n }\n }\n },\n [options, value, keyExtractor]\n );\n\n const getDisplayValue = React.useCallback(() => {\n if (Array.isArray(value)) {\n if (value.length === 0) return _placeholder;\n else {\n const options =\n selectOptions.length > 0 ? selectOptions : (value as Data[]);\n return options\n ?.reduce(\n (acc, option, index) =>\n value.find(\n key => keyExtractor(option, index) == keyExtractor(key, index)\n )\n ? acc + labelExtractor(option) + ', '\n : acc,\n ''\n )\n .slice(0, -2);\n }\n } else {\n if (!value) return _placeholder;\n const selectedOption = selectOptions?.find(\n (option, index) =>\n keyExtractor(option, index) == keyExtractor(value as Data, index)\n );\n return labelExtractor(selectedOption ?? (value as Data));\n }\n }, [_placeholder, value, selectOptions]);\n\n modal.sync(\n <Modal\n options={selectOptions || []}\n focused={true}\n keyExtractor={keyExtractor}\n labelExtractor={labelExtractor}\n groupKeyExtractor={groupKeyExtractor}\n searchBarPlaceholder={searchBarPlaceholder}\n type={type}\n onSelect={onSelect}\n value={value}\n hideSearchBar={hideSearchBar}\n onSearch={handleOnSearch}\n selectModalTitle={selectModalTitle}\n selectModalTitleComponent={selectModalTitleComponent}\n confirmButtonText={confirmButtonText}\n loading={loading}\n onClose={() => {\n if (typeof options === 'function') {\n setSelectOptions([]);\n }\n handleBlur();\n }}\n closeOnPick={closeOnPick}\n />\n );\n\n const handlePressInput = async () => {\n modal.show();\n handleFocus();\n await handleLazyFocus();\n };\n\n return (\n <>\n {controlComponent ? (\n controlComponent(handlePressInput, getDisplayValue() || '')\n ) : (\n <HintInputContainer\n viewStyle={style}\n onPress={handlePressInput}\n focused={focused}\n disabled={disabled}\n LabelComponent={Text}\n variant={variant}\n hint={hint}\n hintComponent={hintComponent}\n label={_label}\n rightComponent={\n <>\n <SelectIcon name=\"chevron-down\" type=\"ionicon\" size=\"centi\" />\n {rightComponent}\n </>\n }\n {...rest}\n >\n <StyledSelectionText\n numberOfLines={numberOfLines}\n fontWeight=\"bold\"\n disabled={disabled}\n >\n {getDisplayValue() || ' '}\n </StyledSelectionText>\n </HintInputContainer>\n )}\n </>\n );\n}\n\nexport default Select;\n"],"names":["useInputFocus","useState","useLazyModalManager","useEffect","React","options","Modal","HintInputContainer","SelectIcon","StyledSelectionText"],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/Select/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport {\n Button,\n ButtonProps,\n disabledInputStyles,\n Icon,\n InputContainerProps,\n PressableSurface,\n PressableSurfaceProps,\n RFValue,\n RFValueStr,\n StyleProps,\n} from '@tecsinapse/react-core';\nimport { ActivityIndicator, ModalProps, View, ViewProps } from 'react-native';\nimport { Input, InputNativeProps } from '../../atoms/Input';\nimport { Text } from '../../atoms/Text';\n\nexport const getStyledModal = (safeTop = 0) => {\n return styled(View)<ModalProps & Partial<StyleProps>>`\n padding-top: ${`${RFValue(safeTop)}px`};\n background-color: ${({ theme }) => theme.miscellaneous.bodyColor};\n height: 100%;\n `;\n};\n\nexport const StyledSelectionText = styled(Text)(\n (props: Partial<InputContainerProps> & Partial<StyleProps>) => css`\n line-height: ${props.theme?.typography.h5.lineHeight};\n ${disabledInputStyles(props)};\n `\n);\n\nexport const Dummy = styled(View)`\n aspect-ratio: 1;\n height: 100%;\n`;\n\nexport const StyledPressableSurface = styled(\n PressableSurface\n)<PressableSurfaceProps>`\n width: 100%;\n`;\n\nexport const Header = styled(View)<ViewProps & Partial<StyleProps>>`\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: ${({ theme }) => theme.spacing.deca};\n height: ${RFValueStr('75px')};\n`;\n\nexport const CloseButton = styled(Button)<ButtonProps & Partial<StyleProps>>`\n aspect-ratio: 1;\n height: 100%;\n`;\n\nexport const SearchBarContainer = styled(View)<ViewProps & Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.deca};\n position: relative;\n`;\n\nexport const SearchBar = styled(Input)<InputNativeProps & Partial<StyleProps>>`\n margin-bottom: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const ListItem = styled(PressableSurface)<\n PressableSurfaceProps & Partial<StyleProps>\n>`\n border-bottom-width: ${RFValueStr('1px')};\n border-color: ${({ theme }) => theme.color.secondary.light};\n padding-vertical: ${({ theme }) => theme.spacing.mili};\n padding-horizontal: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const ModalFooter = styled(View)<Partial<StyleProps>>`\n width: 100%;\n height: auto;\n bottom: 0;\n background-color: ${({ theme }) => theme.miscellaneous.bodyColor};\n padding: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const SelectIcon = styled(Icon)<Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.centi};\n color: ${({ theme }) => theme.color.secondary.medium};\n`;\n\nexport const FetchIndicator = styled(ActivityIndicator)`\n align-self: center;\n`;\n\nexport const TextTitleModal = styled(Text)<Partial<StyleProps>>`\n text-align: center;\n`;\nexport const StyledTextItemSelect = styled(Text)`\n width: 90%;\n`;\n"],"names":["View","RFValue","css","disabledInputStyles","PressableSurface","RFValueStr","Button","Icon","ActivityIndicator"],"mappings":";;;;;;;;AAiBa,MAAA,cAAA,GAAiB,CAAC,OAAA,GAAU,CAAM,KAAA;AAC7C,EAAA,OAAO,OAAOA,gBAAI,CAAA,CAAA;AAAA,iBAAA,EACD,CAAG,EAAAC,iBAAA,CAAQ,OAAO,CAAC,CAAI,EAAA,CAAA,CAAA;AAAA,sBAAA,EAClB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,cAAc,SAAS,CAAA;AAAA;AAAA,EAAA,CAAA,CAAA;AAGpE,EAAA;AAEa,MAAA,mBAAA,GAAsB,OAAO,IAAI,CAAA;AAAA,EAC5C,CAAC,KAA8D,KAAAC,UAAA,CAAA;AAAA,iBAAA,EAC9C,KAAM,CAAA,KAAA,EAAO,UAAW,CAAA,EAAA,CAAG,UAAU,CAAA;AAAA,IAClD,EAAAC,6BAAA,CAAoB,KAAK,CAAC,CAAA;AAAA,EAAA,CAAA;AAEhC,EAAA;AAEqB,OAAOH,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAKM,MAAA;AAAA,EACpCI,0BAAA;AACF,CAAA,CAAA;AAAA;AAAA,EAAA;AAIsB,OAAOJ,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAOpB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,UAClC,EAAAK,oBAAA,CAAW,MAAM,CAAC,CAAA;AAAA,EAAA;AAGH,OAAOC,gBAAM,CAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAK3B,MAAA,kBAAA,GAAqB,OAAON,gBAAI,CAAA,CAAA;AAAA,WAAA,EAChC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA;AAAA,EAAA;AAIrB,OAAO,KAAK,CAAA,CAAA;AAAA,iBAAA,EAClB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAGvC,MAAA,QAAA,GAAW,OAAOI,0BAAgB,CAAA,CAAA;AAAA,uBAGtB,EAAAC,oBAAA,CAAW,KAAK,CAAC,CAAA;AAAA,gBAAA,EACxB,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,KAAA,CAAM,UAAU,KAAK,CAAA;AAAA,oBAAA,EACtC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,sBAAA,EAC/B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAG5C,MAAA,WAAA,GAAc,OAAOL,gBAAI,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,oBAAA,EAIhB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,cAAc,SAAS,CAAA;AAAA,WAAA,EACrD,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,EAAA;AAGjC,MAAA,UAAA,GAAa,OAAOO,cAAI,CAAA,CAAA;AAAA,WAAA,EACxB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,KAAK,CAAA;AAAA,SAAA,EACpC,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,KAAA,CAAM,UAAU,MAAM,CAAA;AAAA,EAAA;AAGzC,MAAA,cAAA,GAAiB,OAAOC,6BAAiB,CAAA,CAAA;AAAA;AAAA,EAAA;AAIzC,MAAA,cAAA,GAAiB,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA,EAAA;AAG5B,MAAA,oBAAA,GAAuB,OAAO,IAAI,CAAA,CAAA;AAAA;AAAA;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Snackbar.js","sources":["../../../../../src/components/molecules/Snackbar/Snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport { SnackbarProps as SnackPropsCore } from '@tecsinapse/react-core';\nimport { Text, TextNativeProps } from '../../atoms/Text';\nimport { SnackbarStyled } from './styled';\n\nexport interface SnackbarNativeProps extends Omit<SnackPropsCore, 'children'> {\n value: string;\n textProps?: TextNativeProps;\n}\n\nconst Snackbar: React.FC<SnackbarNativeProps> = ({\n value,\n textProps = { colorVariant: 'primary', colorTone: 'medium' },\n ...rest\n}) => {\n return (\n <SnackbarStyled {...rest}>\n <Text {...textProps} fontWeight=\"bold\" typography=\"base\">\n {value}\n </Text>\n </SnackbarStyled>\n );\n};\n\nexport default Snackbar;\n"],"names":["SnackbarStyled"],"mappings":";;;;;;AAUA,MAAM,WAA0C,CAAC;AAAA,EAC/C,KAAA;AAAA,EACA,SAAY,GAAA,EAAE,YAAc,EAAA,SAAA,EAAW,WAAW,QAAS,EAAA;AAAA,EAC3D,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,uBACG,KAAA,CAAA,aAAA,CAAAA,qBAAA,EAAA,EAAgB,GAAG,IAAA,EAAA,kBACjB,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAM,GAAG,SAAA,EAAW,UAAW,EAAA,MAAA,EAAO,UAAW,EAAA,MAAA,EAAA,EAC/C,KACH,CACF,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/components/molecules/Snackbar/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { Snackbar as SnackbarCore, StyleProps } from '@tecsinapse/react-core';\n\nexport const SnackbarStyled = styled(SnackbarCore)<Partial<StyleProps>>`\n left: ${({ theme }) => theme.spacing.deca};\n right: ${({ theme }) => theme.spacing.deca};\n`;\n"],"names":["SnackbarCore"],"mappings":";;;;;AAGa,MAAA,cAAA,GAAiB,OAAOA,kBAAY,CAAA,CAAA;AAAA,QAAA,EACvC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,SAAA,EAChC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA;;;;"}
|
package/dist/cjs/index.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"date.js","sources":["../../../src/utils/date.ts"],"sourcesContent":["import { NativeModules, Platform } from 'react-native';\nimport * as dateFnsLocales from 'date-fns/locale';\n\nexport const getLocale = (): Locale => {\n let locale: string;\n if (Platform.OS === 'ios') {\n locale =\n NativeModules.SettingsManager.settings.AppleLocale ||\n NativeModules.SettingsManager.settings.AppleLanguages[0];\n } else {\n locale = NativeModules.I18nManager.localeIdentifier;\n }\n\n const code = locale.replace('_', '');\n\n return dateFnsLocales[code];\n};\n"],"names":["Platform","NativeModules","dateFnsLocales"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAGO,MAAM,YAAY,MAAc;AACrC,EAAI,IAAA,MAAA,CAAA;AACJ,EAAI,IAAAA,oBAAA,CAAS,OAAO,KAAO,EAAA;AACzB,IACE,MAAA,GAAAC,yBAAA,CAAc,gBAAgB,QAAS,CAAA,WAAA,IACvCA,0BAAc,eAAgB,CAAA,QAAA,CAAS,eAAe,CAAC,CAAA,CAAA;AAAA,GACpD,MAAA;AACL,IAAA,MAAA,GAASA,0BAAc,WAAY,CAAA,gBAAA,CAAA;AAAA,GACrC;AAEA,EAAA,MAAM,IAAO,GAAA,MAAA,CAAO,OAAQ,CAAA,GAAA,EAAK,EAAE,CAAA,CAAA;AAEnC,EAAA,OAAOC,0BAAe,IAAI,CAAA,CAAA;AAC5B;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"sourcesContent":["import { Avatar as AvatarCore, AvatarProps } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { Text } from '../Text';\n\nconst Avatar: React.FC<AvatarProps> = props => {\n return <AvatarCore {...props} TextComponent={Text} />;\n};\n\nexport default Avatar;\n"],"names":["React","AvatarCore"],"mappings":";;;;AAIA,MAAM,SAAgC,CAAS,KAAA,KAAA;AAC7C,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAAC,QAAA,EAAA,EAAY,GAAG,KAAA,EAAO,eAAe,IAAM,EAAA,CAAA,CAAA;AACrD;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as Avatar } from './Avatar';
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
2
|
-
import { BadgeProps, FontColorType } from '@tecsinapse/react-core';
|
|
3
|
-
export interface BadgeNativeProps extends Omit<BadgeProps, 'value'> {
|
|
4
|
-
fontColor?: FontColorType;
|
|
5
|
-
value: string | number;
|
|
6
|
-
}
|
|
7
|
-
declare const Badge: FC<BadgeNativeProps>;
|
|
8
|
-
export default Badge;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sources":["../../../../../src/components/atoms/Badge/Badge.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n BadgeProps,\n Badge as BadgeCore,\n FontColorType,\n} from '@tecsinapse/react-core';\nimport { Text } from '../Text';\n\nexport interface BadgeNativeProps extends Omit<BadgeProps, 'value'> {\n fontColor?: FontColorType;\n value: string | number;\n}\n\nconst Badge: FC<BadgeNativeProps> = ({\n children,\n fontColor = 'light',\n value,\n ...props\n}) => {\n return (\n <BadgeCore\n {...props}\n value={\n <Text fontColor={fontColor} fontWeight={'bold'} typography={'label'}>\n {value}\n </Text>\n }\n >\n {children}\n </BadgeCore>\n );\n};\n\nexport default Badge;\n"],"names":["React","BadgeCore"],"mappings":";;;;AAaA,MAAM,QAA8B,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,SAAY,GAAA,OAAA;AAAA,EACZ,KAAA;AAAA,EACA,GAAG,KAAA;AACL,CAAM,KAAA;AACJ,EACE,uBAAAA,cAAA,CAAA,aAAA;AAAA,IAACC,OAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,KAAA,+CACG,IAAK,EAAA,EAAA,SAAA,EAAsB,YAAY,MAAQ,EAAA,UAAA,EAAY,WACzD,KACH,CAAA;AAAA,KAAA;AAAA,IAGD,QAAA;AAAA,GACH,CAAA;AAEJ;;;;"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ViewProps } from 'react-native';
|
|
3
|
-
import { BottomNavigatorItemProps } from './Item';
|
|
4
|
-
export interface BottomNavigatorProps<T extends string | number | symbol> extends ViewProps {
|
|
5
|
-
selected: T;
|
|
6
|
-
onSelect: (value: T) => void | never;
|
|
7
|
-
children: React.ReactElement<BottomNavigatorItemProps<T>> | React.ReactElement<BottomNavigatorItemProps<T>>[];
|
|
8
|
-
}
|
|
9
|
-
declare function BottomNavigator<T extends string | number | symbol>({ selected, onSelect, children, ...rest }: BottomNavigatorProps<T>): JSX.Element;
|
|
10
|
-
declare namespace BottomNavigator {
|
|
11
|
-
var Item: typeof import("./Item").default;
|
|
12
|
-
}
|
|
13
|
-
export default BottomNavigator;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BottomNavigator.js","sources":["../../../../../src/components/atoms/BottomNavigator/BottomNavigator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledView, TabContainer } from './styled';\nimport Item, { BottomNavigatorItemProps } from './Item';\nimport { Text } from '../Text';\n\nexport interface BottomNavigatorProps<T extends string | number | symbol>\n extends ViewProps {\n selected: T;\n onSelect: (value: T) => void | never;\n children:\n | React.ReactElement<BottomNavigatorItemProps<T>>\n | React.ReactElement<BottomNavigatorItemProps<T>>[];\n}\n\nfunction BottomNavigator<T extends string | number | symbol>({\n selected,\n onSelect,\n children,\n ...rest\n}: BottomNavigatorProps<T>): JSX.Element {\n return (\n <StyledView {...rest}>\n {React.Children.map(children, child => {\n const { value, label, labelProps, labelElement } = (\n child as React.ReactElement<BottomNavigatorItemProps<T>>\n ).props;\n const isSelected = value == selected;\n\n return (\n <TabContainer selected={isSelected} onPress={() => onSelect(value)}>\n {React.cloneElement(child as React.ReactElement, {\n _selected: isSelected,\n })}\n {label && !labelElement && (\n <Text\n colorVariant={\n labelProps?.colorVariant || isSelected\n ? 'primary'\n : 'secondary'\n }\n typography={labelProps?.typography || 'sub'}\n {...labelProps}\n >\n {label}\n </Text>\n )}\n {labelElement && labelElement}\n </TabContainer>\n );\n })}\n </StyledView>\n );\n}\n\nBottomNavigator.Item = Item;\n\nexport default BottomNavigator;\n"],"names":[],"mappings":";;;;;AAeA,SAAS,eAAoD,CAAA;AAAA,EAC3D,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAyC,EAAA;AACvC,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,cAAY,GAAG,IAAA,EAAA,EACb,MAAM,QAAS,CAAA,GAAA,CAAI,UAAU,CAAS,KAAA,KAAA;AACrC,IAAA,MAAM,EAAE,KAAO,EAAA,KAAA,EAAO,UAAY,EAAA,YAAA,KAChC,KACA,CAAA,KAAA,CAAA;AACF,IAAA,MAAM,aAAa,KAAS,IAAA,QAAA,CAAA;AAE5B,IACE,uBAAA,KAAA,CAAA,aAAA,CAAC,YAAa,EAAA,EAAA,QAAA,EAAU,UAAY,EAAA,OAAA,EAAS,MAAM,QAAA,CAAS,KAAK,CAAA,EAAA,EAC9D,KAAM,CAAA,YAAA,CAAa,KAA6B,EAAA;AAAA,MAC/C,SAAW,EAAA,UAAA;AAAA,KACZ,CAAA,EACA,KAAS,IAAA,CAAC,YACT,oBAAA,KAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,YACE,EAAA,UAAA,EAAY,YAAgB,IAAA,UAAA,GACxB,SACA,GAAA,WAAA;AAAA,QAEN,UAAA,EAAY,YAAY,UAAc,IAAA,KAAA;AAAA,QACrC,GAAG,UAAA;AAAA,OAAA;AAAA,MAEH,KAAA;AAAA,KACH,EAED,gBAAgB,YACnB,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ,CAAA;AAEA,eAAA,CAAgB,IAAO,GAAA,IAAA;;;;"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { IconProps } from '@tecsinapse/react-core';
|
|
3
|
-
import { ViewProps } from 'react-native';
|
|
4
|
-
import { TextNativeProps } from '../Text';
|
|
5
|
-
type ValueType = string | number | symbol;
|
|
6
|
-
export interface BottomNavigatorItemProps<T extends ValueType> extends Omit<ViewProps, 'children'> {
|
|
7
|
-
_selected?: boolean;
|
|
8
|
-
value: T;
|
|
9
|
-
icon: IconProps;
|
|
10
|
-
label?: string;
|
|
11
|
-
labelProps?: TextNativeProps;
|
|
12
|
-
labelElement?: React.ReactNode | React.ReactNode[];
|
|
13
|
-
children: React.ReactNode | React.ReactNode[];
|
|
14
|
-
}
|
|
15
|
-
type ItemPropsWithIcon<T extends ValueType> = Omit<BottomNavigatorItemProps<T>, 'children'>;
|
|
16
|
-
type ItemPropsWithChildren<T extends ValueType> = Omit<BottomNavigatorItemProps<T>, 'icon' | 'label' | 'labelElement' | 'labelProps'>;
|
|
17
|
-
declare function Item<T extends ValueType>(props: ItemPropsWithChildren<T>): any;
|
|
18
|
-
declare function Item<T extends ValueType>(props: ItemPropsWithIcon<T>): any;
|
|
19
|
-
export default Item;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Item.js","sources":["../../../../../src/components/atoms/BottomNavigator/Item.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon, IconProps } from '@tecsinapse/react-core';\nimport { TabContent, CustomTabContent } from './styled';\nimport { ViewProps } from 'react-native';\nimport { TextNativeProps } from '../Text';\n\ntype ValueType = string | number | symbol;\n\nexport interface BottomNavigatorItemProps<T extends ValueType>\n extends Omit<ViewProps, 'children'> {\n _selected?: boolean;\n value: T;\n icon: IconProps;\n label?: string;\n labelProps?: TextNativeProps;\n labelElement?: React.ReactNode | React.ReactNode[];\n children: React.ReactNode | React.ReactNode[];\n}\n\ntype ItemPropsWithIcon<T extends ValueType> = Omit<\n BottomNavigatorItemProps<T>,\n 'children'\n>;\n\ntype ItemPropsWithChildren<T extends ValueType> = Omit<\n BottomNavigatorItemProps<T>,\n 'icon' | 'label' | 'labelElement' | 'labelProps'\n>;\n\nfunction Item<T extends ValueType>(props: ItemPropsWithChildren<T>);\nfunction Item<T extends ValueType>(props: ItemPropsWithIcon<T>);\nfunction Item<T extends ValueType>({\n _selected,\n icon,\n children,\n ...rest\n}: Partial<BottomNavigatorItemProps<T>>): JSX.Element {\n const styledButtonStyle = _selected\n ? undefined\n : { backgroundColor: 'transparent' };\n\n const iconColorVariant = _selected ? 'primary' : 'secondary';\n\n if (icon) {\n return (\n <TabContent style={styledButtonStyle} {...rest}>\n <Icon colorVariant={iconColorVariant} size={'centi'} {...icon} />\n </TabContent>\n );\n } else {\n return <CustomTabContent>{children}</CustomTabContent>;\n }\n}\n\nexport default Item;\n"],"names":[],"mappings":";;;;AA+BA,SAAS,IAA0B,CAAA;AAAA,EACjC,SAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAsD,EAAA;AACpD,EAAA,MAAM,iBAAoB,GAAA,SAAA,GACtB,KACA,CAAA,GAAA,EAAE,iBAAiB,aAAc,EAAA,CAAA;AAErC,EAAM,MAAA,gBAAA,GAAmB,YAAY,SAAY,GAAA,WAAA,CAAA;AAEjD,EAAA,IAAI,IAAM,EAAA;AACR,IAAA,uBACG,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,KAAO,EAAA,iBAAA,EAAoB,GAAG,IACxC,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,IAAK,EAAA,EAAA,YAAA,EAAc,gBAAkB,EAAA,IAAA,EAAM,OAAU,EAAA,GAAG,MAAM,CACjE,CAAA,CAAA;AAAA,GAEG,MAAA;AACL,IAAO,uBAAA,KAAA,CAAA,aAAA,CAAC,wBAAkB,QAAS,CAAA,CAAA;AAAA,GACrC;AACF;;;;"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const StyledView: import("@emotion/native").StyledComponent<any, {}, {
|
|
3
|
-
ref?: import("react").Ref<import("react-native").View> | undefined;
|
|
4
|
-
}>;
|
|
5
|
-
export declare const TabContainer: import("@emotion/native").StyledComponent<any, {}, {}>;
|
|
6
|
-
export declare const TabContent: import("@emotion/native").StyledComponent<any, {}, {
|
|
7
|
-
ref?: import("react").Ref<import("react-native").View> | undefined;
|
|
8
|
-
}>;
|
|
9
|
-
export declare const CustomTabContent: import("@emotion/native").StyledComponent<any, {}, {
|
|
10
|
-
ref?: import("react").Ref<import("react-native").View> | undefined;
|
|
11
|
-
}>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/BottomNavigator/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { RFValueStr, StyleProps } from '@tecsinapse/react-core';\nimport { PressableProps, ViewProps } from 'react-native';\n\nexport const StyledView = styled.View<ViewProps & Partial<StyleProps>>`\n flex-direction: row;\n justify-content: space-between;\n padding-horizontal: ${({ theme }) => theme.spacing.deca};\n padding-bottom: ${({ theme }) => theme.spacing.kilo};\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n`;\n\nexport const TabContainer = styled.Pressable<\n { selected: boolean } & PressableProps & Partial<StyleProps>\n>`\n flex: 1;\n margin-horizontal: ${({ theme }) => theme.spacing.mili};\n padding-top: ${({ theme }) => theme.spacing.deca};\n border-top-width: ${({ selected }) => (selected ? RFValueStr('2px') : 0)};\n border-color: ${({ theme }) => theme.color.primary.medium};\n align-items: center;\n justify-content: flex-end;\n`;\n\nexport const TabContent = styled.View<ViewProps & Partial<StyleProps>>`\n aspect-ratio: 1;\n justify-content: center;\n align-items: center;\n min-height: ${RFValueStr('48px')};\n background-color: ${({ theme }) => theme.color.primary.xlight};\n border-radius: ${({ theme }) => theme.borderRadius['mili']};\n`;\n\nexport const CustomTabContent = styled.View<ViewProps & Partial<StyleProps>>``;\n"],"names":[],"mappings":";;;AAIO,MAAM,aAAa,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,sBAAA,EAGT,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,kBAAA,EACrC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,oBAAA,EAC/B,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,cAAc,YAAY,CAAA;AAAA,EAAA;AAG9D,MAAM,eAAe,MAAO,CAAA,SAAA,CAAA;AAAA;AAAA,qBAAA,EAIZ,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,eAAA,EACvC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA,oBAC5B,EAAA,CAAC,EAAE,QAAS,EAAA,KAAO,WAAW,UAAW,CAAA,KAAK,IAAI,CAAE,CAAA;AAAA,gBAAA,EACxD,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,KAAA,CAAM,QAAQ,MAAM,CAAA;AAAA;AAAA;AAAA,EAAA;AAKpD,MAAM,aAAa,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,cAIjB,EAAA,UAAA,CAAW,MAAM,CAAC,CAAA;AAAA,oBAAA,EACZ,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,KAAA,CAAM,QAAQ,MAAM,CAAA;AAAA,iBAAA,EAC5C,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,YAAA,CAAa,MAAM,CAAC,CAAA;AAAA,EAAA;AAGrD,MAAM,mBAAmB,MAAO,CAAA,IAAA,CAAA;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../../../src/components/atoms/Button/Button.tsx"],"sourcesContent":["import { Button as ButtonCore, ButtonProps } from '@tecsinapse/react-core';\nimport React, { FC, useCallback } from 'react';\nimport { Keyboard } from 'react-native';\n\nexport type ButtonNativeProps = ButtonProps & {\n autoDismissKeyboard?: boolean;\n};\n\nexport const Button: FC<ButtonNativeProps> = ({\n autoDismissKeyboard = true,\n onPress,\n ...others\n}) => {\n const handleOnPress = useCallback(\n event => {\n autoDismissKeyboard && Keyboard.dismiss();\n onPress?.(event);\n },\n [onPress]\n );\n\n return <ButtonCore {...others} onPress={handleOnPress} />;\n};\n"],"names":["React","ButtonCore"],"mappings":";;;;AAQO,MAAM,SAAgC,CAAC;AAAA,EAC5C,mBAAsB,GAAA,IAAA;AAAA,EACtB,OAAA;AAAA,EACA,GAAG,MAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,aAAgB,GAAA,WAAA;AAAA,IACpB,CAAS,KAAA,KAAA;AACP,MAAA,mBAAA,IAAuB,SAAS,OAAQ,EAAA,CAAA;AACxC,MAAA,OAAA,GAAU,KAAK,CAAA,CAAA;AAAA,KACjB;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAAC,QAAA,EAAA,EAAY,GAAG,MAAA,EAAQ,SAAS,aAAe,EAAA,CAAA,CAAA;AACzD;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Error.js","sources":["../../../../../../src/components/atoms/Button/States/Error.tsx"],"sourcesContent":["import { ButtonStateProps, Error as CoreError } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../Text';\n\nconst Error: FC<ButtonStateProps> = props => {\n return <CoreError {...props} textComponent={Text} />;\n};\n\nexport default Error;\n"],"names":["React","CoreError"],"mappings":";;;;AAIA,MAAM,QAA8B,CAAS,KAAA,KAAA;AAC3C,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAAC,OAAA,EAAA,EAAW,GAAG,KAAA,EAAO,eAAe,IAAM,EAAA,CAAA,CAAA;AACpD;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Loading.js","sources":["../../../../../../src/components/atoms/Button/States/Loading.tsx"],"sourcesContent":["import {\n ButtonStateProps,\n Loading as CoreLoading,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../Text';\n\nconst Loading: FC<ButtonStateProps> = props => {\n return <CoreLoading {...props} textComponent={Text} />;\n};\n\nexport default Loading;\n"],"names":["React","CoreLoading"],"mappings":";;;;AAOA,MAAM,UAAgC,CAAS,KAAA,KAAA;AAC7C,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAAC,SAAA,EAAA,EAAa,GAAG,KAAA,EAAO,eAAe,IAAM,EAAA,CAAA,CAAA;AACtD;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Success.js","sources":["../../../../../../src/components/atoms/Button/States/Success.tsx"],"sourcesContent":["import {\n ButtonStateProps,\n Success as CoreSuccess,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../Text';\n\nconst Success: FC<ButtonStateProps> = props => {\n return <CoreSuccess {...props} textComponent={Text} />;\n};\n\nexport default Success;\n"],"names":["React","CoreSuccess"],"mappings":";;;;AAOA,MAAM,UAAgC,CAAS,KAAA,KAAA;AAC7C,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAAC,SAAA,EAAA,EAAa,GAAG,KAAA,EAAO,eAAe,IAAM,EAAA,CAAA,CAAA;AACtD;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GroupButtonOption.js","sources":["../../../../../src/components/atoms/GroupButton/GroupButtonOption.tsx"],"sourcesContent":["import {\n GroupButtonOption as CoreGroupButtonOption,\n GroupButtonOptionProps,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { Text } from '../Text';\n\nconst GroupButtonOption = (props: GroupButtonOptionProps): JSX.Element => {\n return <CoreGroupButtonOption {...props} TextComponent={Text} />;\n};\n\nexport default GroupButtonOption;\n"],"names":["React","CoreGroupButtonOption"],"mappings":";;;;AAOM,MAAA,iBAAA,GAAoB,CAAC,KAA+C,KAAA;AACxE,EAAA,uBAAQA,cAAA,CAAA,aAAA,CAAAC,mBAAA,EAAA,EAAuB,GAAG,KAAA,EAAO,eAAe,IAAM,EAAA,CAAA,CAAA;AAChE;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as GroupButtonOption } from './GroupButtonOption';
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { ViewProps } from 'react-native';
|
|
2
|
-
import { ButtonProps, IconProps } from '@tecsinapse/react-core';
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
export type Attachable = ButtonProps & {
|
|
5
|
-
icon: IconProps;
|
|
6
|
-
valueBadge?: number;
|
|
7
|
-
};
|
|
8
|
-
export interface HeaderProps extends ViewProps {
|
|
9
|
-
rightButton?: Attachable;
|
|
10
|
-
leftButton?: Attachable;
|
|
11
|
-
}
|
|
12
|
-
export interface ButtonBaseProps extends ViewProps {
|
|
13
|
-
button?: Attachable;
|
|
14
|
-
}
|
|
15
|
-
declare const Header: React.FC<HeaderProps>;
|
|
16
|
-
export default Header;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sources":["../../../../../src/components/atoms/Header/Header.tsx"],"sourcesContent":["import { ViewProps } from 'react-native';\nimport { StyledView, FloatingButton, Dummy } from './styled';\nimport { ButtonProps, Icon, IconProps } from '@tecsinapse/react-core';\nimport * as React from 'react';\nimport Badge from '../Badge/Badge';\nimport { FC } from 'react';\n\nexport type Attachable = ButtonProps & {\n icon: IconProps;\n valueBadge?: number;\n};\n\nexport interface HeaderProps extends ViewProps {\n rightButton?: Attachable;\n leftButton?: Attachable;\n}\n\nexport interface ButtonBaseProps extends ViewProps {\n button?: Attachable;\n}\n\nconst Header: React.FC<HeaderProps> = ({\n rightButton,\n leftButton,\n children,\n ...rest\n}) => {\n const ButtonBase: FC<ButtonBaseProps> = ({ button }) => (\n <FloatingButton\n {...button}\n variant={button?.variant || 'filled'}\n color={button?.color || 'primary'}\n size={button?.size || 'small'}\n >\n {button?.icon && <Icon {...button?.icon} />}\n </FloatingButton>\n );\n\n return (\n <StyledView {...rest}>\n {leftButton ? (\n <>\n {leftButton?.valueBadge ? (\n <Badge value={leftButton.valueBadge} color={'error'}>\n <ButtonBase button={leftButton} />\n </Badge>\n ) : (\n <ButtonBase button={leftButton} />\n )}\n </>\n ) : (\n <Dummy disabled />\n )}\n {children}\n {rightButton ? (\n <>\n {rightButton?.valueBadge ? (\n <Badge value={rightButton.valueBadge} color={'error'}>\n <ButtonBase button={rightButton} />\n </Badge>\n ) : (\n <ButtonBase button={rightButton} />\n )}\n </>\n ) : (\n <Dummy disabled />\n )}\n </StyledView>\n );\n};\n\nexport default Header;\n"],"names":[],"mappings":";;;;;AAqBA,MAAM,SAAgC,CAAC;AAAA,EACrC,WAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,UAAkC,GAAA,CAAC,EAAE,MAAA,EACzC,qBAAA,KAAA,CAAA,aAAA;AAAA,IAAC,cAAA;AAAA,IAAA;AAAA,MACE,GAAG,MAAA;AAAA,MACJ,OAAA,EAAS,QAAQ,OAAW,IAAA,QAAA;AAAA,MAC5B,KAAA,EAAO,QAAQ,KAAS,IAAA,SAAA;AAAA,MACxB,IAAA,EAAM,QAAQ,IAAQ,IAAA,OAAA;AAAA,KAAA;AAAA,IAErB,QAAQ,IAAQ,oBAAA,KAAA,CAAA,aAAA,CAAC,IAAM,EAAA,EAAA,GAAG,QAAQ,IAAM,EAAA,CAAA;AAAA,GAC3C,CAAA;AAGF,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAY,GAAG,IAAA,EAAA,EACb,UACC,mBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACG,UAAY,EAAA,UAAA,mBACV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,KAAO,EAAA,UAAA,CAAW,UAAY,EAAA,KAAA,EAAO,OAC1C,EAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,MAAA,EAAQ,UAAY,EAAA,CAClC,CAEA,mBAAA,KAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,MAAA,EAAQ,UAAY,EAAA,CAEpC,CAEA,mBAAA,KAAA,CAAA,aAAA,CAAC,KAAM,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,CAAA,EAEjB,QACA,EAAA,WAAA,mBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,WAAA,EAAa,UACZ,mBAAA,KAAA,CAAA,aAAA,CAAC,KAAM,EAAA,EAAA,KAAA,EAAO,WAAY,CAAA,UAAA,EAAY,KAAO,EAAA,OAAA,EAAA,kBAC1C,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,MAAQ,EAAA,WAAA,EAAa,CACnC,CAAA,mBAEC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,MAAQ,EAAA,WAAA,EAAa,CAErC,CAAA,mBAEC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,QAAQ,EAAA,IAAA,EAAC,CAEpB,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const StyledView: import("@emotion/native").StyledComponent<any, {}, {
|
|
3
|
-
ref?: import("react").Ref<import("react-native").View> | undefined;
|
|
4
|
-
}>;
|
|
5
|
-
export declare const FloatingButton: import("@emotion/native").StyledComponent<any, {}, {
|
|
6
|
-
ref?: import("react").Ref<any> | undefined;
|
|
7
|
-
}>;
|
|
8
|
-
export declare const Dummy: import("@emotion/native").StyledComponent<any, {}, {}>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Header/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport {\n Button,\n ButtonProps,\n RFValue,\n StyleProps,\n} from '@tecsinapse/react-core';\n\nexport const StyledView = styled.View<Partial<StyleProps>>`\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: ${({ theme }) => theme.spacing.deca};\n width: 100%;\n`;\n\nexport const FloatingButton = styled(Button)<ButtonProps & Partial<StyleProps>>`\n aspect-ratio: 1;\n height: ${() => `${RFValue(49)}px`};\n`;\n\nexport const Dummy = styled(FloatingButton)`\n background-color: rgba(0, 0, 0, 0);\n`;\n"],"names":[],"mappings":";;;AAQO,MAAM,aAAa,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAIpB,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,QAAQ,IAAI,CAAA;AAAA;AAAA,EAAA;AAIjC,MAAA,cAAA,GAAiB,OAAO,MAAM,CAAA,CAAA;AAAA;AAAA,UAAA,EAE/B,MAAM,CAAA,EAAG,OAAQ,CAAA,EAAE,CAAC,CAAI,EAAA,CAAA,CAAA;AAAA,EAAA;AAGvB,MAAA,KAAA,GAAQ,OAAO,cAAc,CAAA,CAAA;AAAA;AAAA;;;;"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { FontStackType, FontWeightType, InputContainerProps, InputElementProps } from '@tecsinapse/react-core';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { TextInput } from 'react-native';
|
|
4
|
-
export interface InputNativeProps extends Omit<InputElementProps, 'style'>, InputContainerProps {
|
|
5
|
-
inputFontStack?: FontStackType;
|
|
6
|
-
inputFontWeight?: FontWeightType;
|
|
7
|
-
}
|
|
8
|
-
declare const Input: React.ForwardRefExoticComponent<Pick<InputNativeProps, keyof InputNativeProps> & React.RefAttributes<TextInput>>;
|
|
9
|
-
export default Input;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","sources":["../../../../../src/components/atoms/Input/Input.tsx"],"sourcesContent":["import {\n FontStackType,\n FontWeightType,\n Hint,\n InputContainer,\n InputContainerProps,\n InputElementProps,\n RFValue,\n useInputFocus,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { StyleProp, TextInput, View, ViewStyle } from 'react-native';\nimport { Text } from '../Text';\nimport { StyledNativeInput } from './styled';\n\nexport interface InputNativeProps\n extends Omit<InputElementProps, 'style'>,\n InputContainerProps {\n inputFontStack?: FontStackType;\n inputFontWeight?: FontWeightType;\n}\n\nconst Input = React.forwardRef<TextInput, InputNativeProps>(\n (\n {\n label,\n labelColor,\n labelColorVariant,\n labelColorTone,\n labelTypography,\n labelStack,\n labelWeight,\n leftComponent,\n rightComponent,\n disabled,\n borderColor,\n borderColorGradation,\n inputFontStack = 'default',\n inputFontWeight = 'bold',\n inputContainerStyle,\n variant = 'default',\n hintComponent,\n hint,\n onFocus,\n onBlur,\n value,\n placeholder,\n ...rest\n },\n ref\n ) => {\n const _hint = hintComponent || (\n <Hint TextComponent={Text} text={hint} variant={variant} />\n );\n const { focused, handleBlur, handleFocus } = useInputFocus(\n onFocus,\n onBlur,\n !disabled\n );\n\n const internalStyle: StyleProp<ViewStyle> = {\n minHeight: RFValue(50),\n ...{ inputContainerStyle },\n };\n const onlyLabel = label && !placeholder;\n\n return (\n <View>\n <InputContainer\n label={value ? label : undefined}\n labelColor={labelColor}\n labelColorVariant={labelColorVariant}\n labelColorTone={labelColorTone}\n labelTypography={labelTypography}\n labelStack={labelStack}\n labelWeight={labelWeight}\n LabelComponent={Text}\n leftComponent={leftComponent}\n rightComponent={rightComponent}\n borderColor={borderColor}\n borderColorGradation={borderColorGradation}\n inputContainerStyle={internalStyle}\n focused={focused}\n disabled={disabled}\n variant={variant}\n >\n <StyledNativeInput\n {...rest}\n placeholder={onlyLabel ? label : placeholder}\n value={value}\n ref={ref}\n fontStack={inputFontStack}\n fontWeight={inputFontWeight}\n disabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n />\n </InputContainer>\n {hint && _hint}\n </View>\n );\n }\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"names":["React"],"mappings":";;;;;;AAsBA,MAAM,QAAQA,cAAM,CAAA,UAAA;AAAA,EAClB,CACE;AAAA,IACE,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,cAAiB,GAAA,SAAA;AAAA,IACjB,eAAkB,GAAA,MAAA;AAAA,IAClB,mBAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACV,aAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,GAAG,IAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAM,MAAA,KAAA,GAAQ,iCACXA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,eAAe,IAAM,EAAA,IAAA,EAAM,MAAM,OAAkB,EAAA,CAAA,CAAA;AAE3D,IAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAA,aAAA;AAAA,MAC3C,OAAA;AAAA,MACA,MAAA;AAAA,MACA,CAAC,QAAA;AAAA,KACH,CAAA;AAEA,IAAA,MAAM,aAAsC,GAAA;AAAA,MAC1C,SAAA,EAAW,QAAQ,EAAE,CAAA;AAAA,MACrB,GAAG,EAAE,mBAAoB,EAAA;AAAA,KAC3B,CAAA;AACA,IAAM,MAAA,SAAA,GAAY,SAAS,CAAC,WAAA,CAAA;AAE5B,IAAA,oDACG,IACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,cAAA;AAAA,MAAA;AAAA,QACC,KAAA,EAAO,QAAQ,KAAQ,GAAA,KAAA,CAAA;AAAA,QACvB,UAAA;AAAA,QACA,iBAAA;AAAA,QACA,cAAA;AAAA,QACA,eAAA;AAAA,QACA,UAAA;AAAA,QACA,WAAA;AAAA,QACA,cAAgB,EAAA,IAAA;AAAA,QAChB,aAAA;AAAA,QACA,cAAA;AAAA,QACA,WAAA;AAAA,QACA,oBAAA;AAAA,QACA,mBAAqB,EAAA,aAAA;AAAA,QACrB,OAAA;AAAA,QACA,QAAA;AAAA,QACA,OAAA;AAAA,OAAA;AAAA,sBAEAA,cAAA,CAAA,aAAA;AAAA,QAAC,iBAAA;AAAA,QAAA;AAAA,UACE,GAAG,IAAA;AAAA,UACJ,WAAA,EAAa,YAAY,KAAQ,GAAA,WAAA;AAAA,UACjC,KAAA;AAAA,UACA,GAAA;AAAA,UACA,SAAW,EAAA,cAAA;AAAA,UACX,UAAY,EAAA,eAAA;AAAA,UACZ,QAAA;AAAA,UACA,OAAS,EAAA,WAAA;AAAA,UACT,MAAQ,EAAA,UAAA;AAAA,SAAA;AAAA,OACV;AAAA,KACF,EACC,QAAQ,KACX,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,KAAA,CAAM,WAAc,GAAA,OAAA;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const StyledNativeInput: import("@emotion/native").StyledComponent<any, {}, {}>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { InputElement, StyleProps } from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { InputNativeProps } from './Input';\n\nconst StyledNativeInputBase = styled(InputElement)<\n Partial<InputNativeProps> & Partial<StyleProps>\n>`\n height: ${({ theme }) => theme.typography.h5.lineHeight};\n width: 100%;\n padding: 0;\n`;\n\nexport const StyledNativeInput = styled(StyledNativeInputBase)<\n Font & Partial<InputNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"names":[],"mappings":";;;;AAKA,MAAM,qBAAA,GAAwB,OAAO,YAAY,CAAA,CAAA;AAAA,UAAA,EAGrC,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,UAAA,CAAW,GAAG,UAAU,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKlD,MAAM,iBAAoB,GAAA,MAAA,CAAO,qBAAqB,CAAA,CAE3D,UAAU;;;;"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { FontStackType, FontWeightType, InputContainerProps, InputMaskElementProps } from '@tecsinapse/react-core';
|
|
2
|
-
import { FC } from 'react';
|
|
3
|
-
export interface InputMaskNativeProps extends Omit<InputMaskElementProps, 'style'>, InputContainerProps {
|
|
4
|
-
inputFontStack?: FontStackType;
|
|
5
|
-
inputFontWeight?: FontWeightType;
|
|
6
|
-
}
|
|
7
|
-
declare const InputMask: FC<InputMaskNativeProps>;
|
|
8
|
-
export default InputMask;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"InputMask.js","sources":["../../../../../src/components/atoms/InputMask/InputMask.tsx"],"sourcesContent":["import {\n FontStackType,\n FontWeightType,\n Hint,\n InputContainerProps,\n InputMaskElementProps,\n useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { TextInput, View } from 'react-native';\nimport { StyledInputContainer, StyledNativeInputMask } from './styled';\nimport { Text } from '../Text';\n\nexport interface InputMaskNativeProps\n extends Omit<InputMaskElementProps, 'style'>,\n InputContainerProps {\n inputFontStack?: FontStackType;\n inputFontWeight?: FontWeightType;\n}\n\nconst InputMask: FC<InputMaskNativeProps> = React.forwardRef(\n (\n {\n label,\n labelColor,\n labelColorVariant,\n labelColorTone,\n labelTypography,\n labelStack,\n labelWeight,\n leftComponent,\n rightComponent,\n disabled,\n style,\n borderColor,\n borderColorGradation,\n inputFontStack = 'default',\n inputFontWeight = 'bold',\n inputContainerStyle,\n variant = 'default',\n hintComponent,\n hint,\n onFocus,\n onBlur,\n value,\n placeholder,\n ...rest\n },\n ref\n ) => {\n const _hint = hintComponent || (\n <Hint TextComponent={Text} text={hint} variant={variant} />\n );\n const { focused, handleBlur, handleFocus } = useInputFocus(\n onFocus,\n onBlur,\n !disabled\n );\n\n const onlyLabel = label && !placeholder;\n\n return (\n <View style={style}>\n <StyledInputContainer\n label={String(value) ? label : undefined}\n labelColor={labelColor}\n labelColorVariant={labelColorVariant}\n labelColorTone={labelColorTone}\n labelTypography={labelTypography}\n labelStack={labelStack}\n labelWeight={labelWeight}\n LabelComponent={Text}\n leftComponent={leftComponent}\n rightComponent={rightComponent}\n borderColor={borderColor}\n borderColorGradation={borderColorGradation}\n inputContainerStyle={inputContainerStyle}\n focused={focused}\n disabled={disabled}\n variant={variant}\n >\n <StyledNativeInputMask\n {...rest}\n placeholder={onlyLabel ? label : placeholder}\n value={value}\n ref={ref as React.Ref<TextInput>}\n fontStack={inputFontStack}\n fontWeight={inputFontWeight}\n disabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n />\n </StyledInputContainer>\n {hint && _hint}\n </View>\n );\n }\n);\n\nInputMask.displayName = 'InputMask';\n\nexport default InputMask;\n"],"names":["React"],"mappings":";;;;;;AAoBA,MAAM,YAAsCA,cAAM,CAAA,UAAA;AAAA,EAChD,CACE;AAAA,IACE,KAAA;AAAA,IACA,UAAA;AAAA,IACA,iBAAA;AAAA,IACA,cAAA;AAAA,IACA,eAAA;AAAA,IACA,UAAA;AAAA,IACA,WAAA;AAAA,IACA,aAAA;AAAA,IACA,cAAA;AAAA,IACA,QAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,oBAAA;AAAA,IACA,cAAiB,GAAA,SAAA;AAAA,IACjB,eAAkB,GAAA,MAAA;AAAA,IAClB,mBAAA;AAAA,IACA,OAAU,GAAA,SAAA;AAAA,IACV,aAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,MAAA;AAAA,IACA,KAAA;AAAA,IACA,WAAA;AAAA,IACA,GAAG,IAAA;AAAA,KAEL,GACG,KAAA;AACH,IAAM,MAAA,KAAA,GAAQ,iCACXA,cAAA,CAAA,aAAA,CAAA,IAAA,EAAA,EAAK,eAAe,IAAM,EAAA,IAAA,EAAM,MAAM,OAAkB,EAAA,CAAA,CAAA;AAE3D,IAAA,MAAM,EAAE,OAAA,EAAS,UAAY,EAAA,WAAA,EAAgB,GAAA,aAAA;AAAA,MAC3C,OAAA;AAAA,MACA,MAAA;AAAA,MACA,CAAC,QAAA;AAAA,KACH,CAAA;AAEA,IAAM,MAAA,SAAA,GAAY,SAAS,CAAC,WAAA,CAAA;AAE5B,IACE,uBAAAA,cAAA,CAAA,aAAA,CAAC,QAAK,KACJ,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,oBAAA;AAAA,MAAA;AAAA,QACC,KAAO,EAAA,MAAA,CAAO,KAAK,CAAA,GAAI,KAAQ,GAAA,KAAA,CAAA;AAAA,QAC/B,UAAA;AAAA,QACA,iBAAA;AAAA,QACA,cAAA;AAAA,QACA,eAAA;AAAA,QACA,UAAA;AAAA,QACA,WAAA;AAAA,QACA,cAAgB,EAAA,IAAA;AAAA,QAChB,aAAA;AAAA,QACA,cAAA;AAAA,QACA,WAAA;AAAA,QACA,oBAAA;AAAA,QACA,mBAAA;AAAA,QACA,OAAA;AAAA,QACA,QAAA;AAAA,QACA,OAAA;AAAA,OAAA;AAAA,sBAEAA,cAAA,CAAA,aAAA;AAAA,QAAC,qBAAA;AAAA,QAAA;AAAA,UACE,GAAG,IAAA;AAAA,UACJ,WAAA,EAAa,YAAY,KAAQ,GAAA,WAAA;AAAA,UACjC,KAAA;AAAA,UACA,GAAA;AAAA,UACA,SAAW,EAAA,cAAA;AAAA,UACX,UAAY,EAAA,eAAA;AAAA,UACZ,QAAA;AAAA,UACA,OAAS,EAAA,WAAA;AAAA,UACT,MAAQ,EAAA,UAAA;AAAA,SAAA;AAAA,OACV;AAAA,KACF,EACC,QAAQ,KACX,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,SAAA,CAAU,WAAc,GAAA,WAAA;;;;"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const StyledInputContainer: import("@emotion/native").StyledComponent<any, {}, {
|
|
3
|
-
ref?: import("react").Ref<any> | undefined;
|
|
4
|
-
}>;
|
|
5
|
-
export declare const StyledNativeInputMask: import("@emotion/native").StyledComponent<any, {}, {}>;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/InputMask/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport {\n InputContainer,\n InputMaskElement,\n RFValueStr,\n StyleProps,\n} from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { InputMaskNativeProps } from './InputMask';\n\nexport const StyledInputContainer = styled(InputContainer)<Partial<StyleProps>>`\n min-height: ${RFValueStr('50px')};\n`;\n\nconst StyledNativeInputMaskBase = styled(InputMaskElement)<\n Partial<InputMaskNativeProps> & Partial<StyleProps>\n>`\n height: ${({ theme }) => theme.typography.h5.lineHeight};\n width: 100%;\n padding: 0;\n`;\n\nexport const StyledNativeInputMask = styled(StyledNativeInputMaskBase)<\n Font & Partial<InputMaskNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"names":[],"mappings":";;;;AAUa,MAAA,oBAAA,GAAuB,OAAO,cAAc,CAAA,CAAA;AAAA,cACzC,EAAA,UAAA,CAAW,MAAM,CAAC,CAAA;AAAA,EAAA;AAGlC,MAAM,yBAAA,GAA4B,OAAO,gBAAgB,CAAA,CAAA;AAAA,UAAA,EAG7C,CAAC,EAAE,KAAA,OAAY,KAAM,CAAA,UAAA,CAAW,GAAG,UAAU,CAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAKlD,MAAM,qBAAwB,GAAA,MAAA,CAAO,yBAAyB,CAAA,CAEnE,UAAU;;;;"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalGroupManager.js","sources":["../../../../../src/components/atoms/Modal/ModalGroupManager.tsx"],"sourcesContent":["import React, { FC, ReactElement, useState } from 'react';\nimport { Modal as RNModal, ModalProps } from 'react-native';\nimport { createModalLifecycleHandler } from './ModalLifecycleHandler';\nimport { IBaseModal } from './ui/types';\n\nexport const modalLifecycle = createModalLifecycleHandler();\n\n/**\n * It's responsable for rendering all the modal components.\n *\n * @param param0\n * @returns\n */\nexport const ModalGroupManager: FC<ModalProps> = ({ children, ...others }) => {\n modalLifecycle.attach(useState<ReactElement<IBaseModal>[]>([]));\n const _render = modalLifecycle.render();\n const hasModals = _render.length > 0;\n\n return (\n <>\n {children}\n <RNModal\n transparent\n statusBarTranslucent\n animationType=\"none\"\n visible={hasModals}\n {...others}\n >\n {_render}\n </RNModal>\n </>\n );\n};\n"],"names":["React","RNModal"],"mappings":";;;;AAKO,MAAM,iBAAiB,2BAA4B,GAAA;AAQnD,MAAM,oBAAoC,CAAC,EAAE,QAAU,EAAA,GAAG,QAAa,KAAA;AAC5E,EAAA,cAAA,CAAe,MAAO,CAAA,QAAA,CAAqC,EAAE,CAAC,CAAA,CAAA;AAC9D,EAAM,MAAA,OAAA,GAAU,eAAe,MAAO,EAAA,CAAA;AACtC,EAAM,MAAA,SAAA,GAAY,QAAQ,MAAS,GAAA,CAAA,CAAA;AAEnC,EAAA,mFAEK,QACD,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAACC,KAAA;AAAA,IAAA;AAAA,MACC,WAAW,EAAA,IAAA;AAAA,MACX,oBAAoB,EAAA,IAAA;AAAA,MACpB,aAAc,EAAA,MAAA;AAAA,MACd,OAAS,EAAA,SAAA;AAAA,MACR,GAAG,MAAA;AAAA,KAAA;AAAA,IAEH,OAAA;AAAA,GAEL,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
import { Dispatch, ReactElement } from 'react';
|
|
2
|
-
import { IBaseModal } from './ui/types';
|
|
3
|
-
interface ModalNode {
|
|
4
|
-
id: string;
|
|
5
|
-
visible?: boolean;
|
|
6
|
-
lastVisualization?: Date;
|
|
7
|
-
modal: () => ReactElement<IBaseModal>;
|
|
8
|
-
}
|
|
9
|
-
export declare class ModalLifecycleHandler {
|
|
10
|
-
nodeGroup: Map<string, ModalNode>;
|
|
11
|
-
state: [ReactElement<IBaseModal>[], Dispatch<ReactElement<IBaseModal>[]>] | undefined;
|
|
12
|
-
constructor();
|
|
13
|
-
attach: (state: [ReactElement<IBaseModal>[], Dispatch<ReactElement<IBaseModal>[]>]) => void;
|
|
14
|
-
update: () => void;
|
|
15
|
-
render: () => ReactElement<IBaseModal>[];
|
|
16
|
-
sync: (id: string, modal: () => ReactElement<IBaseModal>) => void;
|
|
17
|
-
destroy: (id: string) => void;
|
|
18
|
-
private remove;
|
|
19
|
-
private findNode;
|
|
20
|
-
show: (id: string) => void;
|
|
21
|
-
close: (id: string) => void;
|
|
22
|
-
}
|
|
23
|
-
export declare const createModalLifecycleHandler: () => ModalLifecycleHandler;
|
|
24
|
-
export {};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ModalLifecycleHandler.js","sources":["../../../../../src/components/atoms/Modal/ModalLifecycleHandler.ts"],"sourcesContent":["import React, { Dispatch, ReactElement } from 'react';\nimport { IBaseModal } from './ui/types';\n\n/**\n * It Represents a node (usually a modal component) in the modal's lifecycle handler.\n */\ninterface ModalNode {\n id: string;\n visible?: boolean;\n lastVisualization?: Date;\n modal: () => ReactElement<IBaseModal>;\n}\n\n/**\n * Manage all modal's lifecycle.\n */\nexport class ModalLifecycleHandler {\n nodeGroup: Map<string, ModalNode>;\n state:\n | [ReactElement<IBaseModal>[], Dispatch<ReactElement<IBaseModal>[]>]\n | undefined;\n\n constructor() {\n this.nodeGroup = new Map();\n this.state = undefined;\n }\n\n /**\n * Holds the ModalGroupManager state.\n *\n * @param state\n */\n public attach = (\n state: [ReactElement<IBaseModal>[], Dispatch<ReactElement<IBaseModal>[]>]\n ) => {\n this.state = state;\n };\n\n /**\n * Updates all the modal components.\n */\n public update = () => {\n requestAnimationFrame(() => {\n const nodes = Array.from(this.nodeGroup.values())\n .filter(node => node.visible || !!node.lastVisualization)\n .sort(\n (nodeA, nodeB) =>\n (nodeA.lastVisualization?.getTime() || 0) -\n (nodeB.lastVisualization?.getTime() || 0)\n )\n .map((node, index, filteredNodes) => {\n const modalElement = node.modal();\n const { props } = modalElement;\n return React.cloneElement(modalElement, {\n ...props,\n key: node.id,\n visible: node.visible,\n isLastShown: filteredNodes.length - 1 === index,\n close: () => this.close(node.id),\n onClose: () => {\n this.remove(node.id);\n props.onClose?.();\n },\n });\n });\n\n const [, updateState] = this.state || [];\n updateState?.(nodes);\n });\n };\n\n /**\n * Renders all selected modals.\n *\n * @returns\n */\n public render = (): ReactElement<IBaseModal>[] => {\n const [modals] = this.state || [];\n return modals || [];\n };\n\n /**\n * Tells to the lifecycle handler that a modal component needs to be handled.\n *\n * @param id\n * @param modal\n * @returns\n */\n public sync = (id: string, modal: () => ReactElement<IBaseModal>) => {\n if (this.nodeGroup.has(id)) {\n const savedNode = this.findNode(id);\n savedNode && this.nodeGroup.set(id, { ...savedNode, modal });\n return;\n }\n this.nodeGroup.set(id, { id, modal });\n };\n\n /**\n * Destroy a modal from the lifecycle handler.\n *\n * @param id\n */\n public destroy = (id: string) => {\n this.nodeGroup.delete(id);\n this.update();\n };\n\n /**\n * Removes a modal from the rendering stack. It tells to the lifecycle handler that a modal\n * component is no longer used by the application.\n *\n * @param id\n */\n private remove = (id: string) => {\n const savedNode = this.findNode(id);\n savedNode &&\n this.nodeGroup.set(id, { ...savedNode, lastVisualization: undefined });\n this.update();\n };\n\n /**\n * Find a modal node by id.\n *\n * @param id\n */\n private findNode = (id: string) => {\n const node = this.nodeGroup.get(id);\n !node && console.warn(`No modal was found with the id \"${id}\"`);\n return node;\n };\n\n /**\n * Makes a modal appears.\n *\n * @param id\n */\n public show = (id: string) => {\n const savedNode = this.findNode(id);\n savedNode &&\n this.nodeGroup.set(id, {\n ...savedNode,\n visible: true,\n lastVisualization: new Date(),\n });\n this.update();\n };\n\n /**\n * Makes a modal disappears.\n *\n * @param id\n */\n public close = (id: string) => {\n const savedNode = this.findNode(id);\n savedNode && this.nodeGroup.set(id, { ...savedNode, visible: false });\n this.update();\n };\n}\n\n/**\n * Creates a new ModalLifecycleHandlere instance.\n *\n * @returns\n */\nexport const createModalLifecycleHandler = () => {\n return new ModalLifecycleHandler();\n};\n"],"names":["React"],"mappings":"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"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export * from './ModalGroupManager';
|
|
2
|
-
export * from './ModalLifecycleHandler';
|
|
3
|
-
export * from './ui/BaseModalView';
|
|
4
|
-
export * from './ui/types';
|
|
5
|
-
export * from './useModalManager';
|
|
6
|
-
export * from './useLazyModalManager';
|
|
7
|
-
export * from './useModalRemoteControl';
|
|
@@ -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":";;;;;;AAeA,MAAM,cAAiB,GAAA,IAAA,CAAA;AACvB,MAAM,mBAAsB,GAAA,EAAA,CAAA;AAC5B,MAAM,sBAAyB,GAAA,GAAA,CAAA;AAC/B,MAAM,gBAAmB,GAAA,EAAA,CAAA;AAElB,MAAM,YAA4B,CAAC;AAAA,EACxC,QAAA;AAAA,EACA,OAAA;AAAA,EACA,YAAe,GAAA,UAAA;AAAA,EACf,MAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAe,GAAA,IAAA;AAAA,EACf,KAAA;AAAA,EACA,OAAA;AACF,CAAM,KAAA;AACJ,EAAM,MAAA,EAAE,MAAO,EAAA,GAAI,iBAAkB,EAAA,CAAA;AACrC,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AACxC,EAAA,MAAM,CAAC,cAAA,EAAgB,iBAAiB,CAAA,GAAI,SAAS,CAAC,CAAA,CAAA;AACtD,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,CAAC,CAAA,CAAA;AAC5C,EAAA,MAAM,oBAAoB,MAAO,CAAA,IAAI,SAAS,KAAM,CAAA,CAAC,CAAC,CAAE,CAAA,OAAA,CAAA;AACxD,EAAA,MAAM,qBAAqB,MAAO,CAAA,IAAI,SAAS,KAAM,CAAA,CAAC,CAAC,CAAE,CAAA,OAAA,CAAA;AACzD,EAAA,MAAM,iBAAiB,MAAO,CAAA,IAAI,SAAS,KAAM,CAAA,CAAC,CAAC,CAAE,CAAA,OAAA,CAAA;AACrD,EAAA,MAAM,MAAS,GAAA,WAAA,IAAe,cAAiB,GAAA,CAAA,GAAI,CAAI,GAAA,MAAA,CAAA;AAEvD,EAAM,MAAA,iBAAA,GAAoB,CAAC,QAAqB,KAAA;AAC9C,IAAA,IAAI,QAAa,KAAA,CAAA;AAAG,MAAO,OAAA,CAAA,CAAA;AAE3B,IAAA,MAAM,UAAU,IAAK,CAAA,IAAA,CAAK,WAAW,GAAI,CAAA,QAAQ,EAAE,MAAM,CAAA,CAAA;AACzD,IAAA,MAAM,UAAU,IAAK,CAAA,IAAA,CAAK,WAAW,GAAI,CAAA,QAAQ,EAAE,MAAM,CAAA,CAAA;AACzD,IAAA,IAAI,YAAY,OAAS,EAAA;AACvB,MAAA,OAAO,QAAY,IAAA,OAAA,GAAU,OAAW,IAAA,SAAA,CAAU,aAAiB,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA,KACrE;AACA,IAAO,OAAA,QAAA,CAAA;AAAA,GACT,CAAA;AAEA,EAAM,MAAA,IAAA,GAAO,YAAY,MAAM;AAC7B,IAAA,QAAA,CAAS,QAAS,CAAA;AAAA,MAChB,QAAA,CAAS,OAAO,iBAAmB,EAAA;AAAA,QACjC,OAAS,EAAA,mBAAA;AAAA,QACT,QAAU,EAAA,sBAAA;AAAA,QACV,MAAQ,EAAA,MAAA,CAAO,GAAI,CAAA,MAAA,CAAO,MAAM,CAAA;AAAA,QAChC,eAAiB,EAAA,KAAA;AAAA,OAClB,CAAA;AAAA,MACD,QAAA,CAAS,OAAO,cAAgB,EAAA;AAAA,QAC9B,OAAS,EAAA,CAAA;AAAA,QACT,QAAU,EAAA,gBAAA;AAAA,QACV,eAAiB,EAAA,IAAA;AAAA,OAClB,CAAA;AAAA,MACD,QAAA,CAAS,OAAO,kBAAoB,EAAA;AAAA,QAClC,OAAS,EAAA,CAAA;AAAA,QACT,QAAU,EAAA,sBAAA;AAAA,QACV,MAAQ,EAAA,MAAA,CAAO,GAAI,CAAA,MAAA,CAAO,MAAM,CAAA;AAAA,QAChC,eAAiB,EAAA,IAAA;AAAA,OAClB,CAAA;AAAA,KACF,EAAE,KAAM,EAAA,CAAA;AAAA,GACX,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,MAAM,IAAO,GAAA,WAAA;AAAA,IACX,CAAC,EAAe,KAAA;AACd,MAAA,QAAA,CAAS,QAAS,CAAA;AAAA,QAChB,SAAS,QAAS,CAAA;AAAA,UAChB,QAAA,CAAS,OAAO,kBAAoB,EAAA;AAAA,YAClC,OAAS,EAAA,EAAA;AAAA,YACT,QAAU,EAAA,sBAAA;AAAA,YACV,MAAQ,EAAA,MAAA,CAAO,GAAI,CAAA,MAAA,CAAO,MAAM,CAAA;AAAA,YAChC,eAAiB,EAAA,IAAA;AAAA,WAClB,CAAA;AAAA,UACD,QAAA,CAAS,OAAO,cAAgB,EAAA;AAAA,YAC9B,OAAS,EAAA,CAAA;AAAA,YACT,QAAU,EAAA,sBAAA;AAAA,YACV,eAAiB,EAAA,IAAA;AAAA,WAClB,CAAA;AAAA,SACF,CAAA;AAAA,QACD,QAAA,CAAS,OAAO,iBAAmB,EAAA;AAAA,UACjC,OAAS,EAAA,CAAA;AAAA,UACT,QAAU,EAAA,sBAAA;AAAA,UACV,MAAQ,EAAA,MAAA,CAAO,GAAI,CAAA,MAAA,CAAO,MAAM,CAAA;AAAA,UAChC,eAAiB,EAAA,KAAA;AAAA,SAClB,CAAA;AAAA,OACF,CAAE,CAAA,KAAA,CAAM,OAAO,CAAA,CAAA;AAAA,KAClB;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAM,MAAA,uBAAA,GAA0B,kBAAkB,WAAY,CAAA;AAAA,IAC5D,UAAA,EAAY,CAAC,CAAA,EAAG,mBAAmB,CAAA;AAAA,IACnC,WAAa,EAAA,CAAC,kBAAoB,EAAA,CAAA,cAAA,EAAiB,cAAc,CAAG,CAAA,CAAA,CAAA;AAAA,GACrE,CAAA,CAAA;AAED,EAAA,MAAM,sBAAyB,GAAA,WAAA;AAAA,IAC7B,CAAC,GAA2B,KAAA;AAC1B,MAAM,MAAA,cAAA,GAAiB,GAAI,CAAA,WAAA,CAAY,MAAO,CAAA,MAAA,CAAA;AAC9C,MAAA,YAAA,CAAa,cAAc,CAAA,CAAA;AAE3B,MAAI,IAAA,OAAA,IAAW,CAAC,KAAO,EAAA;AACrB,QAAA,kBAAA,CAAmB,SAAS,cAAc,CAAA,CAAA;AAC1C,QAAA,QAAA,CAAS,IAAI,CAAA,CAAA;AAAA,OACf;AAAA,KACF;AAAA,IACA,CAAC,IAAA,EAAM,KAAO,EAAA,OAAA,EAAS,QAAQ,CAAA;AAAA,GACjC,CAAA;AAEA,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,OAAW,IAAA,KAAA;AAAO,MAAsB,qBAAA,CAAA,MAAM,MAAM,CAAA,CAAA;AACxD,IAAI,IAAA,CAAC,OAAW,IAAA,CAAC,KAAO,EAAA;AACtB,MAAA,QAAA,CAAS,OAAQ,EAAA,CAAA;AACjB,MAAsB,qBAAA,CAAA,MAAM,IAAK,CAAA,SAAS,CAAC,CAAA,CAAA;AAAA,KAC7C;AACA,IAAA,IAAI,CAAC,OAAW,IAAA,KAAA;AAAO,MAAA,QAAA,CAAS,KAAK,CAAA,CAAA;AAAA,GACpC,EAAA,CAAC,KAAO,EAAA,OAAO,CAAC,CAAA,CAAA;AAEnB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,MAAM,YAAY,QAAS,CAAA,WAAA;AAAA,MAAY,iBAAA;AAAA,MAAmB,CACxD,CAAA,KAAA,iBAAA,CAAkB,CAAE,CAAA,cAAA,CAAe,MAAM,CAAA;AAAA,KAC3C,CAAA;AACA,IAAA,MAAM,YAAY,QAAS,CAAA,WAAA;AAAA,MAAY,iBAAA;AAAA,MAAmB,MACxD,kBAAkB,CAAC,CAAA;AAAA,KACrB,CAAA;AACA,IAAA,OAAO,MAAM;AACX,MAAA,SAAA,CAAU,MAAO,EAAA,CAAA;AACjB,MAAA,SAAA,CAAU,MAAO,EAAA,CAAA;AAAA,KACnB,CAAA;AAAA,GACF,EAAG,EAAE,CAAA,CAAA;AAEL,EAAA,uBACGA,cAAA,CAAA,aAAA,CAAA,uBAAA,EAAA,EAAwB,OAAS,EAAA,CAAC,MAAS,GAAA,KAAA,GAAQ,KAClD,CAAA,EAAA,kBAAAA,cAAA,CAAA,aAAA,CAAC,YAAa,EAAA,EAAA,KAAA,EAAO,EAAE,eAAA,EAAiB,yBACtC,EAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,IAAC,QAAS,CAAA,IAAA;AAAA,IAAT;AAAA,MACC,KAAO,EAAA;AAAA,QACL,aAAe,EAAA,WAAA,GAAc,iBAAkB,CAAA,cAAc,CAAI,GAAA,CAAA;AAAA,QACjE,OAAS,EAAA,cAAA;AAAA,QACT,SAAW,EAAA,CAAC,EAAE,UAAA,EAAY,oBAAoB,CAAA;AAAA,OAChD;AAAA,KAAA;AAAA,iDAEC,SACC,EAAA,IAAA,kBAAAA,cAAA,CAAA,aAAA;AAAA,MAAC,YAAA;AAAA,MAAA;AAAA,QACC,QAAU,EAAA,sBAAA;AAAA,QACV,KAAA,EAAO,EAAE,aAAA,EAAe,MAAO,EAAA;AAAA,QAC/B,OAAQ,EAAA,QAAA;AAAA,OAAA;AAAA,MAEP,YAAA,iDAAiB,QAAS,EAAA,IAAA,CAAA;AAAA,MAC1B,QAAA;AAAA,KAEL,CAAA;AAAA,GAEJ,CACF,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -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,8 +0,0 @@
|
|
|
1
|
-
import { ReactElement } from "react";
|
|
2
|
-
import { IBaseModal } from "./ui/types";
|
|
3
|
-
export declare const useLazyModalManager: (modalId?: string) => {
|
|
4
|
-
requestUpdate: () => void;
|
|
5
|
-
sync: (modal: ReactElement<IBaseModal>) => null;
|
|
6
|
-
show: () => void;
|
|
7
|
-
close: () => void;
|
|
8
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useLazyModalManager.js","sources":["../../../../../src/components/atoms/Modal/useLazyModalManager.ts"],"sourcesContent":["import { ReactElement, useCallback, useEffect, useId, useState } from \"react\";\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 uid = useId();\n const [id] = useState(modalId ?? uid);\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":[],"mappings":";;;AAWa,MAAA,mBAAA,GAAsB,CAAC,OAAqB,KAAA;AACvD,EAAA,MAAM,MAAM,KAAM,EAAA,CAAA;AAClB,EAAA,MAAM,CAAC,EAAE,CAAI,GAAA,QAAA,CAAS,WAAW,GAAG,CAAA,CAAA;AAEpC,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, useId, useState } from 'react';\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 modalId\n * @param modal\n * @returns\n */\nexport const useModalManager = (\n modal: () => ReactElement<IBaseModal>,\n modalId?: string\n) => {\n const uid = useId();\n const [id] = useState(modalId ?? uid);\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":[],"mappings":";;;AAYa,MAAA,eAAA,GAAkB,CAC7B,KAAA,EACA,OACG,KAAA;AACH,EAAA,MAAM,MAAM,KAAM,EAAA,CAAA;AAClB,EAAA,MAAM,CAAC,EAAE,CAAI,GAAA,QAAA,CAAS,WAAW,GAAG,CAAA,CAAA;AACpC,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;
|