@tecsinapse/react-native-kit 1.18.6 → 1.21.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +39 -0
- package/dist/components/atoms/Avatar/Avatar.js +4 -2
- package/dist/components/atoms/Avatar/Avatar.js.map +1 -1
- package/dist/components/atoms/Avatar/index.js +9 -4
- package/dist/components/atoms/Avatar/index.js.map +1 -1
- package/dist/components/atoms/Badge/Badge.js +11 -8
- package/dist/components/atoms/Badge/Badge.js.map +1 -1
- package/dist/components/atoms/Badge/index.js +15 -5
- package/dist/components/atoms/Badge/index.js.map +1 -1
- package/dist/components/atoms/BottomNavigator/BottomNavigator.js +13 -10
- package/dist/components/atoms/BottomNavigator/BottomNavigator.js.map +1 -1
- package/dist/components/atoms/BottomNavigator/Item.js +11 -8
- package/dist/components/atoms/BottomNavigator/Item.js.map +1 -1
- package/dist/components/atoms/BottomNavigator/index.js +21 -7
- package/dist/components/atoms/BottomNavigator/index.js.map +1 -1
- package/dist/components/atoms/BottomNavigator/styled.js +64 -45
- package/dist/components/atoms/BottomNavigator/styled.js.map +1 -1
- package/dist/components/atoms/Button/Button.d.ts +2 -2
- package/dist/components/atoms/Button/Button.js +11 -8
- package/dist/components/atoms/Button/Button.js.map +1 -1
- package/dist/components/atoms/Button/States/Error.js +4 -2
- package/dist/components/atoms/Button/States/Error.js.map +1 -1
- package/dist/components/atoms/Button/States/Loading.js +4 -2
- package/dist/components/atoms/Button/States/Loading.js.map +1 -1
- package/dist/components/atoms/Button/States/Success.js +4 -2
- package/dist/components/atoms/Button/States/Success.js.map +1 -1
- package/dist/components/atoms/Button/States/index.js +21 -8
- package/dist/components/atoms/Button/States/index.js.map +1 -1
- package/dist/components/atoms/Button/index.js +33 -9
- package/dist/components/atoms/Button/index.js.map +1 -1
- package/dist/components/atoms/GroupButton/GroupButtonOption.js +4 -2
- package/dist/components/atoms/GroupButton/GroupButtonOption.js.map +1 -1
- package/dist/components/atoms/GroupButton/index.js +9 -4
- package/dist/components/atoms/GroupButton/index.js.map +1 -1
- package/dist/components/atoms/Header/Header.js +19 -16
- package/dist/components/atoms/Header/Header.js.map +1 -1
- package/dist/components/atoms/Header/index.js +15 -5
- package/dist/components/atoms/Header/index.js.map +1 -1
- package/dist/components/atoms/Header/styled.js +17 -17
- package/dist/components/atoms/Header/styled.js.map +1 -1
- package/dist/components/atoms/Input/Input.d.ts +3 -2
- package/dist/components/atoms/Input/Input.js +31 -28
- package/dist/components/atoms/Input/Input.js.map +1 -1
- package/dist/components/atoms/Input/index.js +15 -5
- package/dist/components/atoms/Input/index.js.map +1 -1
- package/dist/components/atoms/Input/styled.js +13 -8
- package/dist/components/atoms/Input/styled.js.map +1 -1
- package/dist/components/atoms/InputMask/InputMask.js +32 -28
- package/dist/components/atoms/InputMask/InputMask.js.map +1 -1
- package/dist/components/atoms/InputMask/index.js +15 -5
- package/dist/components/atoms/InputMask/index.js.map +1 -1
- package/dist/components/atoms/InputMask/styled.js +14 -11
- package/dist/components/atoms/InputMask/styled.js.map +1 -1
- package/dist/components/atoms/Modal/ModalGroupManager.js +10 -7
- package/dist/components/atoms/Modal/ModalGroupManager.js.map +1 -1
- package/dist/components/atoms/Modal/ModalLifecycleHandler.d.ts +2 -2
- package/dist/components/atoms/Modal/ModalLifecycleHandler.js +31 -25
- package/dist/components/atoms/Modal/ModalLifecycleHandler.js.map +1 -1
- package/dist/components/atoms/Modal/index.js +45 -8
- package/dist/components/atoms/Modal/index.js.map +1 -1
- package/dist/components/atoms/Modal/ui/BaseModalView.d.ts +2 -2
- package/dist/components/atoms/Modal/ui/BaseModalView.js +19 -16
- package/dist/components/atoms/Modal/ui/BaseModalView.js.map +1 -1
- package/dist/components/atoms/Modal/ui/styled.js +19 -21
- package/dist/components/atoms/Modal/ui/styled.js.map +1 -1
- package/dist/components/atoms/Modal/ui/types.d.ts +1 -1
- package/dist/components/atoms/Modal/ui/types.js +3 -1
- package/dist/components/atoms/Modal/ui/types.js.map +1 -1
- package/dist/components/atoms/Modal/useLazyModalManager.d.ts +2 -2
- package/dist/components/atoms/Modal/useLazyModalManager.js +4 -2
- package/dist/components/atoms/Modal/useLazyModalManager.js.map +1 -1
- package/dist/components/atoms/Modal/useModalManager.d.ts +2 -2
- package/dist/components/atoms/Modal/useModalManager.js +4 -2
- package/dist/components/atoms/Modal/useModalManager.js.map +1 -1
- package/dist/components/atoms/Modal/useModalRemoteControl.js +3 -1
- package/dist/components/atoms/Modal/useModalRemoteControl.js.map +1 -1
- package/dist/components/atoms/Skeleton/Pulse.js +16 -11
- package/dist/components/atoms/Skeleton/Pulse.js.map +1 -1
- package/dist/components/atoms/Skeleton/Skeleton.js +14 -11
- package/dist/components/atoms/Skeleton/Skeleton.js.map +1 -1
- package/dist/components/atoms/Skeleton/Wave.js +17 -12
- package/dist/components/atoms/Skeleton/Wave.js.map +1 -1
- package/dist/components/atoms/Skeleton/animation.js +4 -2
- package/dist/components/atoms/Skeleton/animation.js.map +1 -1
- package/dist/components/atoms/Skeleton/index.js +15 -5
- package/dist/components/atoms/Skeleton/index.js.map +1 -1
- package/dist/components/atoms/Skeleton/styled.js +25 -15
- package/dist/components/atoms/Skeleton/styled.js.map +1 -1
- package/dist/components/atoms/Skeleton/types.js +3 -1
- package/dist/components/atoms/Skeleton/types.js.map +1 -1
- package/dist/components/atoms/SnappingSlider/SnappingSlider.js +12 -9
- package/dist/components/atoms/SnappingSlider/SnappingSlider.js.map +1 -1
- package/dist/components/atoms/SnappingSlider/index.js +15 -5
- package/dist/components/atoms/SnappingSlider/index.js.map +1 -1
- package/dist/components/atoms/Tag/Tag.js +9 -6
- package/dist/components/atoms/Tag/Tag.js.map +1 -1
- package/dist/components/atoms/Tag/index.js +15 -5
- package/dist/components/atoms/Tag/index.js.map +1 -1
- package/dist/components/atoms/Text/Text.js +8 -5
- package/dist/components/atoms/Text/Text.js.map +1 -1
- package/dist/components/atoms/Text/index.js +15 -5
- package/dist/components/atoms/Text/index.js.map +1 -1
- package/dist/components/atoms/Text/styled.js +17 -13
- package/dist/components/atoms/Text/styled.js.map +1 -1
- package/dist/components/atoms/TextArea/TextArea.js +31 -28
- package/dist/components/atoms/TextArea/TextArea.js.map +1 -1
- package/dist/components/atoms/TextArea/index.js +15 -5
- package/dist/components/atoms/TextArea/index.js.map +1 -1
- package/dist/components/atoms/TextArea/styled.js +3 -1
- package/dist/components/atoms/TextArea/styled.js.map +1 -1
- package/dist/components/molecules/Calendar/Calendar.js +10 -7
- package/dist/components/molecules/Calendar/Calendar.js.map +1 -1
- package/dist/components/molecules/Calendar/index.js +9 -4
- package/dist/components/molecules/Calendar/index.js.map +1 -1
- package/dist/components/molecules/DatePicker/DatePicker.js +17 -13
- package/dist/components/molecules/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/molecules/DatePicker/index.js +15 -5
- package/dist/components/molecules/DatePicker/index.js.map +1 -1
- package/dist/components/molecules/DatePicker/styled.js +13 -6
- package/dist/components/molecules/DatePicker/styled.js.map +1 -1
- package/dist/components/molecules/DateTimePicker/DateTimePicker.js +15 -11
- package/dist/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
- package/dist/components/molecules/DateTimePicker/index.js +15 -5
- package/dist/components/molecules/DateTimePicker/index.js.map +1 -1
- package/dist/components/molecules/DateTimeSelector/DateTimeSelector.js +10 -7
- package/dist/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -1
- package/dist/components/molecules/DateTimeSelector/index.js +9 -4
- package/dist/components/molecules/DateTimeSelector/index.js.map +1 -1
- package/dist/components/molecules/Grid/Grid.d.ts +5 -0
- package/dist/components/molecules/Grid/Grid.js +63 -0
- package/dist/components/molecules/Grid/Grid.js.map +1 -0
- package/dist/components/molecules/Grid/Item/Item.d.ts +7 -0
- package/dist/components/molecules/Grid/Item/Item.js +81 -0
- package/dist/components/molecules/Grid/Item/Item.js.map +1 -0
- package/dist/components/molecules/Grid/Item/index.d.ts +1 -0
- package/dist/components/molecules/Grid/Item/index.js +24 -0
- package/dist/components/molecules/Grid/Item/index.js.map +1 -0
- package/dist/components/molecules/Grid/index.d.ts +2 -0
- package/dist/components/molecules/Grid/index.js +24 -0
- package/dist/components/molecules/Grid/index.js.map +1 -0
- package/dist/components/molecules/IconTextButton/IconTextButton.d.ts +6 -0
- package/dist/components/molecules/IconTextButton/IconTextButton.js +53 -0
- package/dist/components/molecules/IconTextButton/IconTextButton.js.map +1 -0
- package/dist/components/molecules/IconTextButton/TextComponent.d.ts +12 -0
- package/dist/components/molecules/IconTextButton/TextComponent.js +39 -0
- package/dist/components/molecules/IconTextButton/TextComponent.js.map +1 -0
- package/dist/components/molecules/IconTextButton/index.d.ts +1 -0
- package/dist/components/molecules/IconTextButton/index.js +24 -0
- package/dist/components/molecules/IconTextButton/index.js.map +1 -0
- package/dist/components/molecules/IconTextButton/styled.d.ts +2 -0
- package/dist/components/molecules/IconTextButton/styled.js +48 -0
- package/dist/components/molecules/IconTextButton/styled.js.map +1 -0
- package/dist/components/molecules/InputPassword/InputPassword.d.ts +3 -2
- package/dist/components/molecules/InputPassword/InputPassword.js +9 -6
- package/dist/components/molecules/InputPassword/InputPassword.js.map +1 -1
- package/dist/components/molecules/InputPassword/index.js +15 -5
- package/dist/components/molecules/InputPassword/index.js.map +1 -1
- package/dist/components/molecules/LabeledSwitch/LabelComponent.d.ts +13 -0
- package/dist/components/molecules/LabeledSwitch/LabelComponent.js +41 -0
- package/dist/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -0
- package/dist/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +8 -0
- package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js +56 -0
- package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -0
- package/dist/components/molecules/LabeledSwitch/index.d.ts +1 -0
- package/dist/components/molecules/LabeledSwitch/index.js +24 -0
- package/dist/components/molecules/LabeledSwitch/index.js.map +1 -0
- package/dist/components/molecules/LabeledSwitch/styled.d.ts +9 -0
- package/dist/components/molecules/LabeledSwitch/styled.js +32 -0
- package/dist/components/molecules/LabeledSwitch/styled.js.map +1 -0
- package/dist/components/molecules/Select/Modal.d.ts +1 -1
- package/dist/components/molecules/Select/Modal.js +45 -39
- package/dist/components/molecules/Select/Modal.js.map +1 -1
- package/dist/components/molecules/Select/Select.js +39 -36
- package/dist/components/molecules/Select/Select.js.map +1 -1
- package/dist/components/molecules/Select/index.js +15 -5
- package/dist/components/molecules/Select/index.js.map +1 -1
- package/dist/components/molecules/Select/styled.js +78 -85
- package/dist/components/molecules/Select/styled.js.map +1 -1
- package/dist/components/molecules/Snackbar/Snackbar.js +14 -11
- package/dist/components/molecules/Snackbar/Snackbar.js.map +1 -1
- package/dist/components/molecules/Snackbar/index.js +15 -5
- package/dist/components/molecules/Snackbar/index.js.map +1 -1
- package/dist/components/molecules/Snackbar/styled.js +18 -9
- package/dist/components/molecules/Snackbar/styled.js.map +1 -1
- package/dist/index.d.ts +17 -14
- package/dist/index.js +379 -116
- package/dist/index.js.map +1 -1
- package/dist/utils/date.js +3 -1
- package/dist/utils/date.js.map +1 -1
- package/package.json +5 -5
- package/src/components/atoms/BottomNavigator/BottomNavigator.tsx +3 -6
- package/src/components/atoms/Button/Button.tsx +19 -13
- package/src/components/atoms/Button/index.ts +1 -1
- package/src/components/atoms/Input/Input.tsx +8 -6
- package/src/components/atoms/Input/styled.ts +1 -3
- package/src/components/atoms/Modal/ModalGroupManager.tsx +22 -17
- package/src/components/atoms/Modal/ModalLifecycleHandler.ts +139 -126
- package/src/components/atoms/Modal/index.ts +7 -7
- package/src/components/atoms/Modal/ui/BaseModalView.tsx +150 -127
- package/src/components/atoms/Modal/ui/styled.ts +17 -17
- package/src/components/atoms/Modal/ui/types.ts +9 -8
- package/src/components/atoms/Modal/useLazyModalManager.ts +32 -31
- package/src/components/atoms/Modal/useModalManager.ts +28 -26
- package/src/components/atoms/Modal/useModalRemoteControl.ts +16 -18
- package/src/components/molecules/Calendar/Calendar.tsx +5 -1
- package/src/components/molecules/DatePicker/DatePicker.tsx +26 -17
- package/src/components/molecules/DatePicker/styled.ts +4 -4
- package/src/components/molecules/DateTimePicker/DateTimePicker.tsx +18 -16
- package/src/components/molecules/DateTimeSelector/DateTimeSelector.tsx +4 -1
- package/src/components/molecules/Grid/Grid.tsx +68 -0
- package/src/components/molecules/Grid/Item/Item.tsx +77 -0
- package/src/components/molecules/Grid/Item/index.ts +1 -0
- package/src/components/molecules/Grid/index.ts +2 -0
- package/src/components/molecules/IconTextButton/IconTextButton.tsx +55 -0
- package/src/components/molecules/IconTextButton/TextComponent.tsx +43 -0
- package/src/components/molecules/IconTextButton/index.ts +4 -0
- package/src/components/molecules/IconTextButton/styled.ts +35 -0
- package/src/components/molecules/InputPassword/InputPassword.tsx +3 -2
- package/src/components/molecules/LabeledSwitch/LabelComponent.tsx +46 -0
- package/src/components/molecules/LabeledSwitch/LabeledSwitch.tsx +59 -0
- package/src/components/molecules/LabeledSwitch/index.ts +4 -0
- package/src/components/molecules/LabeledSwitch/styled.ts +27 -0
- package/src/components/molecules/Select/Modal.tsx +88 -66
- package/src/components/molecules/Select/Select.tsx +1 -1
- package/src/index.ts +38 -29
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,45 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
# [1.21.0](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-native-kit@1.20.0...@tecsinapse/react-native-kit@1.21.0) (2022-09-05)
|
|
7
|
+
|
|
8
|
+
**Note:** Version bump only for package @tecsinapse/react-native-kit
|
|
9
|
+
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
# [1.20.0](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-native-kit@1.19.0...@tecsinapse/react-native-kit@1.20.0) (2022-09-02)
|
|
15
|
+
|
|
16
|
+
|
|
17
|
+
### Bug Fixes
|
|
18
|
+
|
|
19
|
+
* eslint and prettier ([c897f19](https://github.com/tecsinapse/design-system/commit/c897f190c5a17cfc53721237d314fcb255f5e68e))
|
|
20
|
+
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
|
|
25
|
+
# [1.19.0](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-native-kit@1.18.6...@tecsinapse/react-native-kit@1.19.0) (2022-08-24)
|
|
26
|
+
|
|
27
|
+
|
|
28
|
+
### Bug Fixes
|
|
29
|
+
|
|
30
|
+
* add key to native grid children clone ([2f7d8db](https://github.com/tecsinapse/design-system/commit/2f7d8db616d79b7b48ed6192c909b53df13c759f))
|
|
31
|
+
* change PressableSurface with Pressable on LabeledSwitch label ([5029a74](https://github.com/tecsinapse/design-system/commit/5029a74bfc272f5aecb3bdae9152f0920a36c8bb))
|
|
32
|
+
* LabeledSwitch disabled and react-core exports ([855f12f](https://github.com/tecsinapse/design-system/commit/855f12f0dff1ce4c5969eba723707340e60a3310))
|
|
33
|
+
* native grid extends view props ([525d923](https://github.com/tecsinapse/design-system/commit/525d923137388996fa67b17b019abb6ad77ccf95))
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
### Features
|
|
37
|
+
|
|
38
|
+
* grid web responsive support ([fd91539](https://github.com/tecsinapse/design-system/commit/fd91539dae6df151beeb48ce3749623e2bb4dedc))
|
|
39
|
+
* LabeledSwitch implementation. ([519fe87](https://github.com/tecsinapse/design-system/commit/519fe8769d687f15af09c9fb77fe98a727f9078b))
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
|
|
43
|
+
|
|
44
|
+
|
|
6
45
|
## [1.18.6](https://github.com/tecsinapse/design-system/compare/@tecsinapse/react-native-kit@1.18.5...@tecsinapse/react-native-kit@1.18.6) (2022-08-19)
|
|
7
46
|
|
|
8
47
|
**Note:** Version bump only for package @tecsinapse/react-native-kit
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
exports
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
4
6
|
exports.Avatar = void 0;
|
|
5
7
|
|
|
6
8
|
var _reactCore = require("@tecsinapse/react-core");
|
|
@@ -11,7 +13,7 @@ var _Text = require("../Text");
|
|
|
11
13
|
|
|
12
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
15
|
|
|
14
|
-
function _extends() { _extends = Object.assign
|
|
16
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
17
|
|
|
16
18
|
const Avatar = props => {
|
|
17
19
|
return _react.default.createElement(_reactCore.Avatar, _extends({}, props, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Avatar.js","names":["Avatar","props","Text"],"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\nexport const Avatar: React.FC<AvatarProps> = props => {\n return <AvatarCore {...props} TextComponent={Text} />;\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAEO,MAAMA,MAA6B,GAAGC,KAAK,IAAI;EACpD,OAAO,6BAAC,iBAAD,eAAgBA,KAAhB;IAAuB,aAAa,EAAEC;EAAtC,GAAP;AACD,CAFM"}
|
|
@@ -1,9 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
exports
|
|
4
|
-
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Avatar", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _Avatar.Avatar;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
5
12
|
|
|
6
13
|
var _Avatar = require("./Avatar");
|
|
7
|
-
|
|
8
|
-
exports.Avatar = _Avatar.Avatar;
|
|
9
14
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/atoms/Avatar/index.ts"],"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Avatar/index.ts"],"sourcesContent":["export { Avatar } from './Avatar';\n"],"mappings":";;;;;;;;;;;;AAAA"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
exports
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
4
6
|
exports.default = void 0;
|
|
5
7
|
|
|
6
8
|
var _react = _interopRequireDefault(require("react"));
|
|
@@ -11,14 +13,15 @@ var _Text = require("../Text");
|
|
|
11
13
|
|
|
12
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
15
|
|
|
14
|
-
function _extends() { _extends = Object.assign
|
|
16
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
17
|
|
|
16
|
-
const Badge =
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
18
|
+
const Badge = _ref => {
|
|
19
|
+
let {
|
|
20
|
+
children,
|
|
21
|
+
fontColor = 'light',
|
|
22
|
+
value,
|
|
23
|
+
...props
|
|
24
|
+
} = _ref;
|
|
22
25
|
return _react.default.createElement(_reactCore.Badge, _extends({}, props, {
|
|
23
26
|
value: _react.default.createElement(_Text.Text, {
|
|
24
27
|
fontColor: fontColor,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Badge.js","names":["Badge","children","fontColor","value","props"],"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"],"mappings":";;;;;;;AAAA;;AACA;;AAKA;;;;;;AAOA,MAAMA,KAA2B,GAAG,QAK9B;EAAA,IAL+B;IACnCC,QADmC;IAEnCC,SAAS,GAAG,OAFuB;IAGnCC,KAHmC;IAInC,GAAGC;EAJgC,CAK/B;EACJ,OACE,6BAAC,gBAAD,eACMA,KADN;IAEE,KAAK,EACH,6BAAC,UAAD;MAAM,SAAS,EAAEF,SAAjB;MAA4B,UAAU,EAAE,MAAxC;MAAgD,UAAU,EAAE;IAA5D,GACGC,KADH;EAHJ,IAQGF,QARH,CADF;AAYD,CAlBD;;eAoBeD,K"}
|
|
@@ -1,13 +1,23 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
exports
|
|
4
|
-
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Badge", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _Badge.default;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "BadgeNativeProps", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _Badge.BadgeNativeProps;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
5
18
|
|
|
6
19
|
var _Badge = _interopRequireWildcard(require("./Badge"));
|
|
7
20
|
|
|
8
|
-
exports.Badge = _Badge.default;
|
|
9
|
-
exports.BadgeNativeProps = _Badge.BadgeNativeProps;
|
|
10
|
-
|
|
11
21
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
12
22
|
|
|
13
23
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/atoms/Badge/index.ts"],"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Badge/index.ts"],"sourcesContent":["export { default as Badge, BadgeNativeProps } from './Badge';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
exports
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
4
6
|
exports.default = void 0;
|
|
5
7
|
|
|
6
8
|
var React = _interopRequireWildcard(require("react"));
|
|
@@ -17,14 +19,15 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
17
19
|
|
|
18
20
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
19
21
|
|
|
20
|
-
function _extends() { _extends = Object.assign
|
|
22
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
21
23
|
|
|
22
|
-
function BottomNavigator({
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
24
|
+
function BottomNavigator(_ref) {
|
|
25
|
+
let {
|
|
26
|
+
selected,
|
|
27
|
+
onSelect,
|
|
28
|
+
children,
|
|
29
|
+
...rest
|
|
30
|
+
} = _ref;
|
|
28
31
|
return React.createElement(_styled.StyledView, rest, React.Children.map(children, child => {
|
|
29
32
|
const {
|
|
30
33
|
value,
|
|
@@ -39,8 +42,8 @@ function BottomNavigator({
|
|
|
39
42
|
}, React.cloneElement(child, {
|
|
40
43
|
_selected: isSelected
|
|
41
44
|
}), label && !labelElement && React.createElement(_Text.Text, _extends({
|
|
42
|
-
colorVariant: labelProps
|
|
43
|
-
typography: (labelProps
|
|
45
|
+
colorVariant: labelProps !== null && labelProps !== void 0 && labelProps.colorVariant || isSelected ? 'primary' : 'secondary',
|
|
46
|
+
typography: (labelProps === null || labelProps === void 0 ? void 0 : labelProps.typography) || 'sub'
|
|
44
47
|
}, labelProps), label), labelElement && labelElement);
|
|
45
48
|
}));
|
|
46
49
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"BottomNavigator.js","names":["BottomNavigator","selected","onSelect","children","rest","React","Children","map","child","value","label","labelProps","labelElement","props","isSelected","cloneElement","_selected","colorVariant","typography","Item"],"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"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;AACA;;;;;;;;;;AAWA,SAASA,eAAT,OAKyC;EAAA,IALoB;IAC3DC,QAD2D;IAE3DC,QAF2D;IAG3DC,QAH2D;IAI3D,GAAGC;EAJwD,CAKpB;EACvC,OACE,oBAAC,kBAAD,EAAgBA,IAAhB,EACGC,KAAK,CAACC,QAAN,CAAeC,GAAf,CAAmBJ,QAAnB,EAA6BK,KAAK,IAAI;IACrC,MAAM;MAAEC,KAAF;MAASC,KAAT;MAAgBC,UAAhB;MAA4BC;IAA5B,IACJJ,KADiD,CAEjDK,KAFF;IAGA,MAAMC,UAAU,GAAGL,KAAK,IAAIR,QAA5B;IAEA,OACE,oBAAC,oBAAD;MAAc,QAAQ,EAAEa,UAAxB;MAAoC,OAAO,EAAE,MAAMZ,QAAQ,CAACO,KAAD;IAA3D,GACGJ,KAAK,CAACU,YAAN,CAAmBP,KAAnB,EAAgD;MAC/CQ,SAAS,EAAEF;IADoC,CAAhD,CADH,EAIGJ,KAAK,IAAI,CAACE,YAAV,IACC,oBAAC,UAAD;MACE,YAAY,EACVD,UAAU,SAAV,IAAAA,UAAU,WAAV,IAAAA,UAAU,CAAEM,YAAZ,IAA4BH,UAA5B,GACI,SADJ,GAEI,WAJR;MAME,UAAU,EAAE,CAAAH,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEO,UAAZ,KAA0B;IANxC,GAOMP,UAPN,GASGD,KATH,CALJ,EAiBGE,YAAY,IAAIA,YAjBnB,CADF;EAqBD,CA3BA,CADH,CADF;AAgCD;;AAEDZ,eAAe,CAACmB,IAAhB,GAAuBA,aAAvB;eAEenB,e"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
exports
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
4
6
|
exports.default = void 0;
|
|
5
7
|
|
|
6
8
|
var React = _interopRequireWildcard(require("react"));
|
|
@@ -13,14 +15,15 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
13
15
|
|
|
14
16
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
17
|
|
|
16
|
-
function _extends() { _extends = Object.assign
|
|
18
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
19
|
|
|
18
|
-
function Item({
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
20
|
+
function Item(_ref) {
|
|
21
|
+
let {
|
|
22
|
+
_selected,
|
|
23
|
+
icon,
|
|
24
|
+
children,
|
|
25
|
+
...rest
|
|
26
|
+
} = _ref;
|
|
24
27
|
const styledButtonStyle = _selected ? undefined : {
|
|
25
28
|
backgroundColor: 'transparent'
|
|
26
29
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Item.js","names":["Item","_selected","icon","children","rest","styledButtonStyle","undefined","backgroundColor","iconColorVariant"],"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"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AA6BA,SAASA,IAAT,OAKsD;EAAA,IALnB;IACjCC,SADiC;IAEjCC,IAFiC;IAGjCC,QAHiC;IAIjC,GAAGC;EAJ8B,CAKmB;EACpD,MAAMC,iBAAiB,GAAGJ,SAAS,GAC/BK,SAD+B,GAE/B;IAAEC,eAAe,EAAE;EAAnB,CAFJ;EAIA,MAAMC,gBAAgB,GAAGP,SAAS,GAAG,SAAH,GAAe,WAAjD;;EAEA,IAAIC,IAAJ,EAAU;IACR,OACE,oBAAC,kBAAD;MAAY,KAAK,EAAEG;IAAnB,GAA0CD,IAA1C,GACE,oBAAC,eAAD;MAAM,YAAY,EAAEI,gBAApB;MAAsC,IAAI,EAAE;IAA5C,GAAyDN,IAAzD,EADF,CADF;EAKD,CAND,MAMO;IACL,OAAO,oBAAC,wBAAD,QAAmBC,QAAnB,CAAP;EACD;AACF;;eAEcH,I"}
|
|
@@ -1,17 +1,31 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
exports
|
|
4
|
-
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "BottomNavigator", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _BottomNavigator.default;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "BottomNavigatorItemProps", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _Item.BottomNavigatorItemProps;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "BottomNavigatorProps", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _BottomNavigator.BottomNavigatorProps;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
5
24
|
|
|
6
25
|
var _BottomNavigator = _interopRequireWildcard(require("./BottomNavigator"));
|
|
7
26
|
|
|
8
|
-
exports.BottomNavigator = _BottomNavigator.default;
|
|
9
|
-
exports.BottomNavigatorProps = _BottomNavigator.BottomNavigatorProps;
|
|
10
|
-
|
|
11
27
|
var _Item = require("./Item");
|
|
12
28
|
|
|
13
|
-
exports.BottomNavigatorItemProps = _Item.BottomNavigatorItemProps;
|
|
14
|
-
|
|
15
29
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
16
30
|
|
|
17
31
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/components/atoms/BottomNavigator/index.ts"],"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/BottomNavigator/index.ts"],"sourcesContent":["export {\n default as BottomNavigator,\n BottomNavigatorProps,\n} from './BottomNavigator';\n\nexport { BottomNavigatorItemProps } from './Item';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAKA"}
|
|
@@ -1,59 +1,78 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
exports
|
|
4
|
-
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.TabContent = exports.TabContainer = exports.StyledView = exports.CustomTabContent = void 0;
|
|
5
7
|
|
|
6
8
|
var _native = _interopRequireDefault(require("@emotion/native"));
|
|
7
9
|
|
|
8
10
|
var _reactCore = require("@tecsinapse/react-core");
|
|
9
11
|
|
|
12
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4;
|
|
13
|
+
|
|
10
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
15
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
justify-content: space-between
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
16
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
17
|
+
|
|
18
|
+
const StyledView = _native.default.View(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n flex-direction: row;\n justify-content: space-between;\n padding-horizontal: ", ";\n padding-bottom: ", ";\n background-color: ", ";\n"])), _ref => {
|
|
19
|
+
let {
|
|
20
|
+
theme
|
|
21
|
+
} = _ref;
|
|
22
|
+
return theme.spacing.deca;
|
|
23
|
+
}, _ref2 => {
|
|
24
|
+
let {
|
|
25
|
+
theme
|
|
26
|
+
} = _ref2;
|
|
27
|
+
return theme.spacing.kilo;
|
|
28
|
+
}, _ref3 => {
|
|
29
|
+
let {
|
|
30
|
+
theme
|
|
31
|
+
} = _ref3;
|
|
32
|
+
return theme.miscellaneous.surfaceColor;
|
|
33
|
+
});
|
|
34
|
+
|
|
25
35
|
exports.StyledView = StyledView;
|
|
26
|
-
|
|
27
|
-
flex: 1
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
}
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
36
|
+
|
|
37
|
+
const TabContainer = _native.default.Pressable(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n flex: 1;\n margin-horizontal: ", ";\n padding-top: ", ";\n border-top-width: ", ";\n border-color: ", ";\n align-items: center;\n justify-content: flex-end;\n"])), _ref4 => {
|
|
38
|
+
let {
|
|
39
|
+
theme
|
|
40
|
+
} = _ref4;
|
|
41
|
+
return theme.spacing.mili;
|
|
42
|
+
}, _ref5 => {
|
|
43
|
+
let {
|
|
44
|
+
theme
|
|
45
|
+
} = _ref5;
|
|
46
|
+
return theme.spacing.deca;
|
|
47
|
+
}, _ref6 => {
|
|
48
|
+
let {
|
|
49
|
+
selected
|
|
50
|
+
} = _ref6;
|
|
51
|
+
return selected ? (0, _reactCore.RFValueStr)('2px') : 0;
|
|
52
|
+
}, _ref7 => {
|
|
53
|
+
let {
|
|
54
|
+
theme
|
|
55
|
+
} = _ref7;
|
|
56
|
+
return theme.color.primary.medium;
|
|
57
|
+
});
|
|
58
|
+
|
|
43
59
|
exports.TabContainer = TabContainer;
|
|
44
|
-
|
|
45
|
-
aspect-ratio: 1
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
60
|
+
|
|
61
|
+
const TabContent = _native.default.View(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n aspect-ratio: 1;\n justify-content: center;\n align-items: center;\n min-height: ", ";\n background-color: ", ";\n border-radius: ", ";\n"])), (0, _reactCore.RFValueStr)('48px'), _ref8 => {
|
|
62
|
+
let {
|
|
63
|
+
theme
|
|
64
|
+
} = _ref8;
|
|
65
|
+
return theme.color.primary.xlight;
|
|
66
|
+
}, _ref9 => {
|
|
67
|
+
let {
|
|
68
|
+
theme
|
|
69
|
+
} = _ref9;
|
|
70
|
+
return theme.borderRadius['mili'];
|
|
71
|
+
});
|
|
72
|
+
|
|
56
73
|
exports.TabContent = TabContent;
|
|
57
|
-
|
|
74
|
+
|
|
75
|
+
const CustomTabContent = _native.default.View(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral([""])));
|
|
76
|
+
|
|
58
77
|
exports.CustomTabContent = CustomTabContent;
|
|
59
78
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"styled.js","names":["StyledView","styled","View","theme","spacing","deca","kilo","miscellaneous","surfaceColor","TabContainer","Pressable","mili","selected","RFValueStr","color","primary","medium","TabContent","xlight","borderRadius","CustomTabContent"],"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"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAGO,MAAMA,UAAU,GAAGC,eAAA,CAAOC,IAAV,oNAGC;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CAHD,EAIH;EAAA,IAAC;IAAEF;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcE,IAA7B;AAAA,CAJG,EAKD;EAAA,IAAC;IAAEH;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACI,aAAN,CAAoBC,YAAnC;AAAA,CALC,CAAhB;;;;AAQA,MAAMC,YAAY,GAAGR,eAAA,CAAOS,SAAV,gPAIF;EAAA,IAAC;IAAEP;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcO,IAA7B;AAAA,CAJE,EAKR;EAAA,IAAC;IAAER;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CALQ,EAMH;EAAA,IAAC;IAAEO;EAAF,CAAD;EAAA,OAAmBA,QAAQ,GAAG,IAAAC,qBAAA,EAAW,KAAX,CAAH,GAAuB,CAAlD;AAAA,CANG,EAOP;EAAA,IAAC;IAAEV;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACW,KAAN,CAAYC,OAAZ,CAAoBC,MAAnC;AAAA,CAPO,CAAlB;;;;AAYA,MAAMC,UAAU,GAAGhB,eAAA,CAAOC,IAAV,0NAIP,IAAAW,qBAAA,EAAW,MAAX,CAJO,EAKD;EAAA,IAAC;IAAEV;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACW,KAAN,CAAYC,OAAZ,CAAoBG,MAAnC;AAAA,CALC,EAMJ;EAAA,IAAC;IAAEf;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACgB,YAAN,CAAmB,MAAnB,CAAf;AAAA,CANI,CAAhB;;;;AASA,MAAMC,gBAAgB,GAAGnB,eAAA,CAAOC,IAAV,uEAAtB"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
exports
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
4
6
|
exports.Button = void 0;
|
|
5
7
|
|
|
6
8
|
var _reactCore = require("@tecsinapse/react-core");
|
|
@@ -13,16 +15,17 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
|
|
|
13
15
|
|
|
14
16
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
15
17
|
|
|
16
|
-
function _extends() { _extends = Object.assign
|
|
18
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
19
|
|
|
18
|
-
const Button =
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
20
|
+
const Button = _ref => {
|
|
21
|
+
let {
|
|
22
|
+
autoDismissKeyboard = true,
|
|
23
|
+
onPress,
|
|
24
|
+
...others
|
|
25
|
+
} = _ref;
|
|
23
26
|
const handleOnPress = (0, _react.useCallback)(event => {
|
|
24
27
|
autoDismissKeyboard && _reactNative.Keyboard.dismiss();
|
|
25
|
-
onPress
|
|
28
|
+
onPress === null || onPress === void 0 ? void 0 : onPress(event);
|
|
26
29
|
}, [onPress]);
|
|
27
30
|
return _react.default.createElement(_reactCore.Button, _extends({}, others, {
|
|
28
31
|
onPress: handleOnPress
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Button.js","names":["Button","autoDismissKeyboard","onPress","others","handleOnPress","useCallback","event","Keyboard","dismiss"],"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"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAMO,MAAMA,MAA6B,GAAG,QAIvC;EAAA,IAJwC;IAC5CC,mBAAmB,GAAG,IADsB;IAE5CC,OAF4C;IAG5C,GAAGC;EAHyC,CAIxC;EACJ,MAAMC,aAAa,GAAG,IAAAC,kBAAA,EACpBC,KAAK,IAAI;IACPL,mBAAmB,IAAIM,qBAAA,CAASC,OAAT,EAAvB;IACAN,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAGI,KAAH,CAAP;EACD,CAJmB,EAKpB,CAACJ,OAAD,CALoB,CAAtB;EAQA,OAAO,6BAAC,iBAAD,eAAgBC,MAAhB;IAAwB,OAAO,EAAEC;EAAjC,GAAP;AACD,CAdM"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
exports
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
4
6
|
exports.default = exports.Error = void 0;
|
|
5
7
|
|
|
6
8
|
var _reactCore = require("@tecsinapse/react-core");
|
|
@@ -11,7 +13,7 @@ var _Text = require("../../Text");
|
|
|
11
13
|
|
|
12
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
15
|
|
|
14
|
-
function _extends() { _extends = Object.assign
|
|
16
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
17
|
|
|
16
18
|
const Error = props => {
|
|
17
19
|
return _react.default.createElement(_reactCore.Error, _extends({}, props, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Error.js","names":["Error","props","Text"],"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\nexport const Error: FC<ButtonStateProps> = props => {\n return <CoreError {...props} textComponent={Text} />;\n};\n\nexport default Error;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAEO,MAAMA,KAA2B,GAAGC,KAAK,IAAI;EAClD,OAAO,6BAAC,gBAAD,eAAeA,KAAf;IAAsB,aAAa,EAAEC;EAArC,GAAP;AACD,CAFM;;;eAIQF,K"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
exports
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
4
6
|
exports.default = exports.Loading = void 0;
|
|
5
7
|
|
|
6
8
|
var _reactCore = require("@tecsinapse/react-core");
|
|
@@ -11,7 +13,7 @@ var _Text = require("../../Text");
|
|
|
11
13
|
|
|
12
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
15
|
|
|
14
|
-
function _extends() { _extends = Object.assign
|
|
16
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
17
|
|
|
16
18
|
const Loading = props => {
|
|
17
19
|
return _react.default.createElement(_reactCore.Loading, _extends({}, props, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"file":"Loading.js","names":["Loading","props","Text"],"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\nexport const Loading: FC<ButtonStateProps> = props => {\n return <CoreLoading {...props} textComponent={Text} />;\n};\n\nexport default Loading;\n"],"mappings":";;;;;;;AAAA;;AAIA;;AACA;;;;;;AAEO,MAAMA,OAA6B,GAAGC,KAAK,IAAI;EACpD,OAAO,6BAAC,kBAAD,eAAiBA,KAAjB;IAAwB,aAAa,EAAEC;EAAvC,GAAP;AACD,CAFM;;;eAIQF,O"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
exports
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
4
6
|
exports.default = exports.Success = void 0;
|
|
5
7
|
|
|
6
8
|
var _reactCore = require("@tecsinapse/react-core");
|
|
@@ -11,7 +13,7 @@ var _Text = require("../../Text");
|
|
|
11
13
|
|
|
12
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
15
|
|
|
14
|
-
function _extends() { _extends = Object.assign
|
|
16
|
+
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
15
17
|
|
|
16
18
|
const Success = props => {
|
|
17
19
|
return _react.default.createElement(_reactCore.Success, _extends({}, props, {
|