@tecsinapse/react-native-kit 1.20.0 → 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 +8 -0
- package/dist/components/atoms/Avatar/Avatar.js +3 -1
- 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 +10 -7
- 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 +12 -9
- package/dist/components/atoms/BottomNavigator/BottomNavigator.js.map +1 -1
- package/dist/components/atoms/BottomNavigator/Item.js +10 -7
- 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 +63 -44
- package/dist/components/atoms/BottomNavigator/styled.js.map +1 -1
- package/dist/components/atoms/Button/Button.js +10 -7
- package/dist/components/atoms/Button/Button.js.map +1 -1
- package/dist/components/atoms/Button/States/Error.js +3 -1
- package/dist/components/atoms/Button/States/Error.js.map +1 -1
- package/dist/components/atoms/Button/States/Loading.js +3 -1
- package/dist/components/atoms/Button/States/Loading.js.map +1 -1
- package/dist/components/atoms/Button/States/Success.js +3 -1
- 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 +3 -1
- 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 +18 -15
- 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 +16 -16
- package/dist/components/atoms/Header/styled.js.map +1 -1
- package/dist/components/atoms/Input/Input.js +30 -26
- 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 +31 -27
- 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 +8 -5
- package/dist/components/atoms/Modal/ModalGroupManager.js.map +1 -1
- package/dist/components/atoms/Modal/ModalLifecycleHandler.js +87 -72
- 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.js +15 -12
- package/dist/components/atoms/Modal/ui/BaseModalView.js.map +1 -1
- package/dist/components/atoms/Modal/ui/styled.js +18 -20
- package/dist/components/atoms/Modal/ui/styled.js.map +1 -1
- package/dist/components/atoms/Modal/ui/types.js +3 -1
- 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.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 +13 -10
- 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 +3 -1
- 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/SnappingSlider/SnappingSlider.js +11 -8
- 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 +8 -5
- 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 +16 -12
- package/dist/components/atoms/Text/styled.js.map +1 -1
- package/dist/components/atoms/TextArea/TextArea.js +30 -27
- 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 +9 -6
- 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 +16 -12
- 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 +14 -10
- 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 +9 -6
- 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.js +19 -13
- package/dist/components/molecules/Grid/Grid.js.map +1 -1
- package/dist/components/molecules/Grid/Item/Item.js +28 -25
- package/dist/components/molecules/Grid/Item/Item.js.map +1 -1
- package/dist/components/molecules/Grid/Item/index.js +15 -5
- package/dist/components/molecules/Grid/Item/index.js.map +1 -1
- package/dist/components/molecules/Grid/index.js +15 -6
- package/dist/components/molecules/Grid/index.js.map +1 -1
- package/dist/components/molecules/IconTextButton/IconTextButton.js +13 -10
- package/dist/components/molecules/IconTextButton/IconTextButton.js.map +1 -1
- package/dist/components/molecules/IconTextButton/TextComponent.js +17 -12
- package/dist/components/molecules/IconTextButton/TextComponent.js.map +1 -1
- package/dist/components/molecules/IconTextButton/index.js +15 -5
- package/dist/components/molecules/IconTextButton/index.js.map +1 -1
- package/dist/components/molecules/IconTextButton/styled.js +31 -29
- package/dist/components/molecules/IconTextButton/styled.js.map +1 -1
- package/dist/components/molecules/InputPassword/InputPassword.js +8 -5
- 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.js +16 -11
- package/dist/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -1
- package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js +14 -11
- package/dist/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -1
- package/dist/components/molecules/LabeledSwitch/index.js +15 -5
- package/dist/components/molecules/LabeledSwitch/index.js.map +1 -1
- package/dist/components/molecules/LabeledSwitch/styled.js +15 -18
- package/dist/components/molecules/LabeledSwitch/styled.js.map +1 -1
- package/dist/components/molecules/Select/Modal.js +43 -36
- package/dist/components/molecules/Select/Modal.js.map +1 -1
- package/dist/components/molecules/Select/Select.js +36 -33
- 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 +77 -84
- package/dist/components/molecules/Select/styled.js.map +1 -1
- package/dist/components/molecules/Snackbar/Snackbar.js +12 -9
- 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.js +321 -79
- 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 +3 -3
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,14 @@
|
|
|
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
|
+
|
|
6
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)
|
|
7
15
|
|
|
8
16
|
|
|
@@ -1 +1 @@
|
|
|
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":"
|
|
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,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Avatar/index.ts"],"sourcesContent":["export { Avatar } from './Avatar';\n"],"mappings":"
|
|
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"));
|
|
@@ -13,12 +15,13 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
13
15
|
|
|
14
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,"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":"
|
|
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,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Badge/index.ts"],"sourcesContent":["export { default as Badge, BadgeNativeProps } from './Badge';\n"],"mappings":"
|
|
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"));
|
|
@@ -19,12 +21,13 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
19
21
|
|
|
20
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,"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":"
|
|
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"));
|
|
@@ -15,12 +17,13 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
15
17
|
|
|
16
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,"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":"
|
|
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,"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":"
|
|
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
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
4
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,"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":"
|
|
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");
|
|
@@ -15,14 +17,15 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
|
|
|
15
17
|
|
|
16
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,"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":"
|
|
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 +1 @@
|
|
|
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":"
|
|
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 +1 @@
|
|
|
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":"
|
|
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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Success.js","names":["Success","props","Text"],"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\nexport const Success: FC<ButtonStateProps> = props => {\n return <CoreSuccess {...props} textComponent={Text} />;\n};\n\nexport default Success;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Success.js","names":["Success","props","Text"],"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\nexport const Success: FC<ButtonStateProps> = props => {\n return <CoreSuccess {...props} textComponent={Text} />;\n};\n\nexport default Success;\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,19 +1,32 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
exports
|
|
4
|
-
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Error", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _Error.default;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "Loading", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _Loading.default;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "Success", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _Success.default;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
5
24
|
|
|
6
25
|
var _Error = _interopRequireDefault(require("./Error"));
|
|
7
26
|
|
|
8
|
-
exports.Error = _Error.default;
|
|
9
|
-
|
|
10
27
|
var _Loading = _interopRequireDefault(require("./Loading"));
|
|
11
28
|
|
|
12
|
-
exports.Loading = _Loading.default;
|
|
13
|
-
|
|
14
29
|
var _Success = _interopRequireDefault(require("./Success"));
|
|
15
30
|
|
|
16
|
-
exports.Success = _Success.default;
|
|
17
|
-
|
|
18
31
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
32
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/atoms/Button/States/index.ts"],"sourcesContent":["export { default as Error } from './Error';\nexport { default as Loading } from './Loading';\nexport { default as Success } from './Success';\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../../src/components/atoms/Button/States/index.ts"],"sourcesContent":["export { default as Error } from './Error';\nexport { default as Loading } from './Loading';\nexport { default as Success } from './Success';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AACA"}
|
|
@@ -1,16 +1,40 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
exports
|
|
4
|
-
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "Button", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _Button.Button;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "ButtonNativeProps", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _Button.ButtonNativeProps;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
18
|
+
Object.defineProperty(exports, "Error", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _States.Error;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
24
|
+
Object.defineProperty(exports, "Loading", {
|
|
25
|
+
enumerable: true,
|
|
26
|
+
get: function () {
|
|
27
|
+
return _States.Loading;
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
Object.defineProperty(exports, "Success", {
|
|
31
|
+
enumerable: true,
|
|
32
|
+
get: function () {
|
|
33
|
+
return _States.Success;
|
|
34
|
+
}
|
|
35
|
+
});
|
|
5
36
|
|
|
6
37
|
var _Button = require("./Button");
|
|
7
38
|
|
|
8
|
-
exports.Button = _Button.Button;
|
|
9
|
-
exports.ButtonNativeProps = _Button.ButtonNativeProps;
|
|
10
|
-
|
|
11
39
|
var _States = require("./States");
|
|
12
|
-
|
|
13
|
-
exports.Error = _States.Error;
|
|
14
|
-
exports.Loading = _States.Loading;
|
|
15
|
-
exports.Success = _States.Success;
|
|
16
40
|
//# sourceMappingURL=index.js.map
|