@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
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
exports
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
4
6
|
exports.getStyledModal = exports.TextTitleModal = exports.StyledSelectionText = exports.StyledPressableSurface = exports.SelectIcon = exports.SearchBarContainer = exports.SearchBar = exports.ModalFooter = exports.ListItem = exports.Header = exports.FetchIndicator = exports.Dummy = exports.CloseButton = void 0;
|
|
5
7
|
|
|
6
8
|
var _native = _interopRequireWildcard(require("@emotion/native"));
|
|
@@ -13,110 +15,101 @@ var _Input = require("../../atoms/Input");
|
|
|
13
15
|
|
|
14
16
|
var _Text = require("../../atoms/Text");
|
|
15
17
|
|
|
18
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13;
|
|
19
|
+
|
|
16
20
|
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); }
|
|
17
21
|
|
|
18
22
|
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
23
|
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
24
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
25
|
+
|
|
26
|
+
const getStyledModal = function () {
|
|
27
|
+
let safeTop = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
|
|
28
|
+
return (0, _native.default)(_reactNative.View)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n padding-top: ", ";\n background-color: ", ";\n height: 100%;\n "])), "".concat((0, _reactCore.RFValue)(safeTop), "px"), _ref => {
|
|
29
|
+
let {
|
|
30
|
+
theme
|
|
31
|
+
} = _ref;
|
|
32
|
+
return theme.miscellaneous.bodyColor;
|
|
33
|
+
});
|
|
28
34
|
};
|
|
29
35
|
|
|
30
36
|
exports.getStyledModal = getStyledModal;
|
|
31
37
|
const StyledSelectionText = (0, _native.default)(_Text.Text)(props => {
|
|
32
38
|
var _props$theme;
|
|
33
39
|
|
|
34
|
-
return (0, _native.css)
|
|
35
|
-
line-height: ${(_props$theme = props.theme) == null ? void 0 : _props$theme.typography.h5.lineHeight};
|
|
36
|
-
${(0, _reactCore.disabledInputStyles)(props)};
|
|
37
|
-
`;
|
|
40
|
+
return (0, _native.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n line-height: ", ";\n ", ";\n "])), (_props$theme = props.theme) === null || _props$theme === void 0 ? void 0 : _props$theme.typography.h5.lineHeight, (0, _reactCore.disabledInputStyles)(props));
|
|
38
41
|
});
|
|
39
42
|
exports.StyledSelectionText = StyledSelectionText;
|
|
40
|
-
const Dummy = (0, _native.default)(_reactNative.View)
|
|
41
|
-
aspect-ratio: 1;
|
|
42
|
-
height: 100%;
|
|
43
|
-
`;
|
|
43
|
+
const Dummy = (0, _native.default)(_reactNative.View)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n aspect-ratio: 1;\n height: 100%;\n"])));
|
|
44
44
|
exports.Dummy = Dummy;
|
|
45
|
-
const StyledPressableSurface = (0, _native.default)(_reactCore.PressableSurface)
|
|
46
|
-
width: 100%;
|
|
47
|
-
`;
|
|
45
|
+
const StyledPressableSurface = (0, _native.default)(_reactCore.PressableSurface)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n width: 100%;\n"])));
|
|
48
46
|
exports.StyledPressableSurface = StyledPressableSurface;
|
|
49
|
-
const Header = (0, _native.default)(_reactNative.View)
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
justify-content: space-between;
|
|
56
|
-
padding: ${({
|
|
57
|
-
theme
|
|
58
|
-
}) => theme.spacing.deca};
|
|
59
|
-
height: ${(0, _reactCore.RFValueStr)('75px')};
|
|
60
|
-
`;
|
|
47
|
+
const Header = (0, _native.default)(_reactNative.View)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: ", ";\n height: ", ";\n"])), _ref2 => {
|
|
48
|
+
let {
|
|
49
|
+
theme
|
|
50
|
+
} = _ref2;
|
|
51
|
+
return theme.spacing.deca;
|
|
52
|
+
}, (0, _reactCore.RFValueStr)('75px'));
|
|
61
53
|
exports.Header = Header;
|
|
62
|
-
const CloseButton = (0, _native.default)(_reactCore.Button)
|
|
63
|
-
aspect-ratio: 1;
|
|
64
|
-
height: 100%;
|
|
65
|
-
`;
|
|
54
|
+
const CloseButton = (0, _native.default)(_reactCore.Button)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n aspect-ratio: 1;\n height: 100%;\n"])));
|
|
66
55
|
exports.CloseButton = CloseButton;
|
|
67
|
-
const SearchBarContainer = (0, _native.default)(_reactNative.View)
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
}
|
|
71
|
-
|
|
72
|
-
|
|
56
|
+
const SearchBarContainer = (0, _native.default)(_reactNative.View)(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n padding: ", ";\n position: relative;\n"])), _ref3 => {
|
|
57
|
+
let {
|
|
58
|
+
theme
|
|
59
|
+
} = _ref3;
|
|
60
|
+
return theme.spacing.deca;
|
|
61
|
+
});
|
|
73
62
|
exports.SearchBarContainer = SearchBarContainer;
|
|
74
|
-
const SearchBar = (0, _native.default)(_Input.Input)
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
}
|
|
78
|
-
|
|
63
|
+
const SearchBar = (0, _native.default)(_Input.Input)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n margin-bottom: ", ";\n"])), _ref4 => {
|
|
64
|
+
let {
|
|
65
|
+
theme
|
|
66
|
+
} = _ref4;
|
|
67
|
+
return theme.spacing.deca;
|
|
68
|
+
});
|
|
79
69
|
exports.SearchBar = SearchBar;
|
|
80
|
-
const ListItem = (0, _native.default)(_reactCore.PressableSurface)
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
theme
|
|
90
|
-
}
|
|
91
|
-
|
|
70
|
+
const ListItem = (0, _native.default)(_reactCore.PressableSurface)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n border-bottom-width: ", ";\n border-color: ", ";\n padding-vertical: ", ";\n padding-horizontal: ", ";\n"])), (0, _reactCore.RFValueStr)('1px'), _ref5 => {
|
|
71
|
+
let {
|
|
72
|
+
theme
|
|
73
|
+
} = _ref5;
|
|
74
|
+
return theme.color.secondary.light;
|
|
75
|
+
}, _ref6 => {
|
|
76
|
+
let {
|
|
77
|
+
theme
|
|
78
|
+
} = _ref6;
|
|
79
|
+
return theme.spacing.mili;
|
|
80
|
+
}, _ref7 => {
|
|
81
|
+
let {
|
|
82
|
+
theme
|
|
83
|
+
} = _ref7;
|
|
84
|
+
return theme.spacing.deca;
|
|
85
|
+
});
|
|
92
86
|
exports.ListItem = ListItem;
|
|
93
|
-
const ModalFooter = (0, _native.default)(_reactNative.View)
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
87
|
+
const ModalFooter = (0, _native.default)(_reactNative.View)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n width: 100%;\n height: auto;\n bottom: 0;\n background-color: ", ";\n padding: ", ";\n"])), _ref8 => {
|
|
88
|
+
let {
|
|
89
|
+
theme
|
|
90
|
+
} = _ref8;
|
|
91
|
+
return theme.miscellaneous.bodyColor;
|
|
92
|
+
}, _ref9 => {
|
|
93
|
+
let {
|
|
94
|
+
theme
|
|
95
|
+
} = _ref9;
|
|
96
|
+
return theme.spacing.deca;
|
|
97
|
+
});
|
|
104
98
|
exports.ModalFooter = ModalFooter;
|
|
105
|
-
const SelectIcon = (0, _native.default)(_reactCore.Icon)
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
99
|
+
const SelectIcon = (0, _native.default)(_reactCore.Icon)(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n padding: ", ";\n color: ", ";\n"])), _ref10 => {
|
|
100
|
+
let {
|
|
101
|
+
theme
|
|
102
|
+
} = _ref10;
|
|
103
|
+
return theme.spacing.centi;
|
|
104
|
+
}, _ref11 => {
|
|
105
|
+
let {
|
|
106
|
+
theme
|
|
107
|
+
} = _ref11;
|
|
108
|
+
return theme.color.secondary.medium;
|
|
109
|
+
});
|
|
113
110
|
exports.SelectIcon = SelectIcon;
|
|
114
|
-
const FetchIndicator = (0, _native.default)(_reactNative.ActivityIndicator)
|
|
115
|
-
align-self: center;
|
|
116
|
-
`;
|
|
111
|
+
const FetchIndicator = (0, _native.default)(_reactNative.ActivityIndicator)(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n align-self: center;\n"])));
|
|
117
112
|
exports.FetchIndicator = FetchIndicator;
|
|
118
|
-
const TextTitleModal = (0, _native.default)(_Text.Text)
|
|
119
|
-
text-align: center;
|
|
120
|
-
`;
|
|
113
|
+
const TextTitleModal = (0, _native.default)(_Text.Text)(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n text-align: center;\n"])));
|
|
121
114
|
exports.TextTitleModal = TextTitleModal;
|
|
122
115
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","names":["getStyledModal","safeTop","styled","View","RFValue","theme","miscellaneous","bodyColor","StyledSelectionText","Text","props","css","typography","h5","lineHeight","disabledInputStyles","Dummy","StyledPressableSurface","PressableSurface","Header","spacing","deca","RFValueStr","CloseButton","Button","SearchBarContainer","SearchBar","Input","ListItem","color","secondary","light","mili","ModalFooter","SelectIcon","Icon","centi","medium","FetchIndicator","ActivityIndicator","TextTitleModal"],"sources":["../../../../src/components/molecules/Select/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport {\n Button,\n ButtonProps,\n disabledInputStyles,\n Icon,\n InputContainerProps,\n PressableSurface,\n PressableSurfaceProps,\n RFValue,\n RFValueStr,\n StyleProps,\n} from '@tecsinapse/react-core';\nimport { ActivityIndicator, ModalProps, View, ViewProps } from 'react-native';\nimport { Input, InputNativeProps } from '../../atoms/Input';\nimport { Text } from '../../atoms/Text';\n\nexport const getStyledModal = (safeTop = 0) => {\n return styled(View)<ModalProps & Partial<StyleProps>>`\n padding-top: ${`${RFValue(safeTop)}px`};\n background-color: ${({ theme }) => theme.miscellaneous.bodyColor};\n height: 100%;\n `;\n};\n\nexport const StyledSelectionText = styled(Text)(\n (props: Partial<InputContainerProps> & Partial<StyleProps>) => css`\n line-height: ${props.theme?.typography.h5.lineHeight};\n ${disabledInputStyles(props)};\n `\n);\n\nexport const Dummy = styled(View)`\n aspect-ratio: 1;\n height: 100%;\n`;\n\nexport const StyledPressableSurface = styled(\n PressableSurface\n)<PressableSurfaceProps>`\n width: 100%;\n`;\n\nexport const Header = styled(View)<ViewProps & Partial<StyleProps>>`\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: ${({ theme }) => theme.spacing.deca};\n height: ${RFValueStr('75px')};\n`;\n\nexport const CloseButton = styled(Button)<ButtonProps & Partial<StyleProps>>`\n aspect-ratio: 1;\n height: 100%;\n`;\n\nexport const SearchBarContainer = styled(View)<ViewProps & Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.deca};\n position: relative;\n`;\n\nexport const SearchBar = styled(Input)<InputNativeProps & Partial<StyleProps>>`\n margin-bottom: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const ListItem = styled(PressableSurface)<\n PressableSurfaceProps & Partial<StyleProps>\n>`\n border-bottom-width: ${RFValueStr('1px')};\n border-color: ${({ theme }) => theme.color.secondary.light};\n padding-vertical: ${({ theme }) => theme.spacing.mili};\n padding-horizontal: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const ModalFooter = styled(View)<Partial<StyleProps>>`\n width: 100%;\n height: auto;\n bottom: 0;\n background-color: ${({ theme }) => theme.miscellaneous.bodyColor};\n padding: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const SelectIcon = styled(Icon)<Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.centi};\n color: ${({ theme }) => theme.color.secondary.medium};\n`;\n\nexport const FetchIndicator = styled(ActivityIndicator)`\n align-self: center;\n`;\n\nexport const TextTitleModal = styled(Text)<Partial<StyleProps>>`\n text-align: center;\n`;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"styled.js","names":["getStyledModal","safeTop","styled","View","RFValue","theme","miscellaneous","bodyColor","StyledSelectionText","Text","props","css","typography","h5","lineHeight","disabledInputStyles","Dummy","StyledPressableSurface","PressableSurface","Header","spacing","deca","RFValueStr","CloseButton","Button","SearchBarContainer","SearchBar","Input","ListItem","color","secondary","light","mili","ModalFooter","SelectIcon","Icon","centi","medium","FetchIndicator","ActivityIndicator","TextTitleModal"],"sources":["../../../../src/components/molecules/Select/styled.ts"],"sourcesContent":["import styled, { css } from '@emotion/native';\nimport {\n Button,\n ButtonProps,\n disabledInputStyles,\n Icon,\n InputContainerProps,\n PressableSurface,\n PressableSurfaceProps,\n RFValue,\n RFValueStr,\n StyleProps,\n} from '@tecsinapse/react-core';\nimport { ActivityIndicator, ModalProps, View, ViewProps } from 'react-native';\nimport { Input, InputNativeProps } from '../../atoms/Input';\nimport { Text } from '../../atoms/Text';\n\nexport const getStyledModal = (safeTop = 0) => {\n return styled(View)<ModalProps & Partial<StyleProps>>`\n padding-top: ${`${RFValue(safeTop)}px`};\n background-color: ${({ theme }) => theme.miscellaneous.bodyColor};\n height: 100%;\n `;\n};\n\nexport const StyledSelectionText = styled(Text)(\n (props: Partial<InputContainerProps> & Partial<StyleProps>) => css`\n line-height: ${props.theme?.typography.h5.lineHeight};\n ${disabledInputStyles(props)};\n `\n);\n\nexport const Dummy = styled(View)`\n aspect-ratio: 1;\n height: 100%;\n`;\n\nexport const StyledPressableSurface = styled(\n PressableSurface\n)<PressableSurfaceProps>`\n width: 100%;\n`;\n\nexport const Header = styled(View)<ViewProps & Partial<StyleProps>>`\n position: relative;\n width: 100%;\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: space-between;\n padding: ${({ theme }) => theme.spacing.deca};\n height: ${RFValueStr('75px')};\n`;\n\nexport const CloseButton = styled(Button)<ButtonProps & Partial<StyleProps>>`\n aspect-ratio: 1;\n height: 100%;\n`;\n\nexport const SearchBarContainer = styled(View)<ViewProps & Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.deca};\n position: relative;\n`;\n\nexport const SearchBar = styled(Input)<InputNativeProps & Partial<StyleProps>>`\n margin-bottom: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const ListItem = styled(PressableSurface)<\n PressableSurfaceProps & Partial<StyleProps>\n>`\n border-bottom-width: ${RFValueStr('1px')};\n border-color: ${({ theme }) => theme.color.secondary.light};\n padding-vertical: ${({ theme }) => theme.spacing.mili};\n padding-horizontal: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const ModalFooter = styled(View)<Partial<StyleProps>>`\n width: 100%;\n height: auto;\n bottom: 0;\n background-color: ${({ theme }) => theme.miscellaneous.bodyColor};\n padding: ${({ theme }) => theme.spacing.deca};\n`;\n\nexport const SelectIcon = styled(Icon)<Partial<StyleProps>>`\n padding: ${({ theme }) => theme.spacing.centi};\n color: ${({ theme }) => theme.color.secondary.medium};\n`;\n\nexport const FetchIndicator = styled(ActivityIndicator)`\n align-self: center;\n`;\n\nexport const TextTitleModal = styled(Text)<Partial<StyleProps>>`\n text-align: center;\n`;\n"],"mappings":"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"}
|
|
@@ -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.Snackbar = void 0;
|
|
5
7
|
|
|
6
8
|
var _react = _interopRequireDefault(require("react"));
|
|
@@ -13,14 +15,15 @@ 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 Snackbar =
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
18
|
+
const Snackbar = _ref => {
|
|
19
|
+
let {
|
|
20
|
+
value,
|
|
21
|
+
textProps = {
|
|
22
|
+
colorVariant: 'primary',
|
|
23
|
+
colorTone: 'medium'
|
|
24
|
+
},
|
|
25
|
+
...rest
|
|
26
|
+
} = _ref;
|
|
24
27
|
return _react.default.createElement(_styled.SnackbarStyled, rest, _react.default.createElement(_Text.Text, _extends({}, textProps, {
|
|
25
28
|
fontWeight: "bold",
|
|
26
29
|
typography: "base"
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Snackbar.js","names":["Snackbar","value","textProps","colorVariant","colorTone","rest"],"sources":["../../../../src/components/molecules/Snackbar/Snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport { SnackbarProps as SnackPropsCore } from '@tecsinapse/react-core';\nimport { Text, TextNativeProps } from '../../atoms/Text';\nimport { SnackbarStyled } from './styled';\n\nexport interface SnackbarNativeProps extends Omit<SnackPropsCore, 'children'> {\n value: string;\n textProps?: TextNativeProps;\n}\n\nexport const Snackbar: React.FC<SnackbarNativeProps> = ({\n value,\n textProps = { colorVariant: 'primary', colorTone: 'medium' },\n ...rest\n}) => {\n return (\n <SnackbarStyled {...rest}>\n <Text {...textProps} fontWeight=\"bold\" typography=\"base\">\n {value}\n </Text>\n </SnackbarStyled>\n );\n};\n\nexport default Snackbar;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Snackbar.js","names":["Snackbar","value","textProps","colorVariant","colorTone","rest"],"sources":["../../../../src/components/molecules/Snackbar/Snackbar.tsx"],"sourcesContent":["import React from 'react';\nimport { SnackbarProps as SnackPropsCore } from '@tecsinapse/react-core';\nimport { Text, TextNativeProps } from '../../atoms/Text';\nimport { SnackbarStyled } from './styled';\n\nexport interface SnackbarNativeProps extends Omit<SnackPropsCore, 'children'> {\n value: string;\n textProps?: TextNativeProps;\n}\n\nexport const Snackbar: React.FC<SnackbarNativeProps> = ({\n value,\n textProps = { colorVariant: 'primary', colorTone: 'medium' },\n ...rest\n}) => {\n return (\n <SnackbarStyled {...rest}>\n <Text {...textProps} fontWeight=\"bold\" typography=\"base\">\n {value}\n </Text>\n </SnackbarStyled>\n );\n};\n\nexport default Snackbar;\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;AAOO,MAAMA,QAAuC,GAAG,QAIjD;EAAA,IAJkD;IACtDC,KADsD;IAEtDC,SAAS,GAAG;MAAEC,YAAY,EAAE,SAAhB;MAA2BC,SAAS,EAAE;IAAtC,CAF0C;IAGtD,GAAGC;EAHmD,CAIlD;EACJ,OACE,6BAAC,sBAAD,EAAoBA,IAApB,EACE,6BAAC,UAAD,eAAUH,SAAV;IAAqB,UAAU,EAAC,MAAhC;IAAuC,UAAU,EAAC;EAAlD,IACGD,KADH,CADF,CADF;AAOD,CAZM;;;eAcQD,Q"}
|
|
@@ -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, "Snackbar", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _Snackbar.default;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "SnackbarNativeProps", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _Snackbar.SnackbarNativeProps;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
5
18
|
|
|
6
19
|
var _Snackbar = _interopRequireWildcard(require("./Snackbar"));
|
|
7
20
|
|
|
8
|
-
exports.Snackbar = _Snackbar.default;
|
|
9
|
-
exports.SnackbarNativeProps = _Snackbar.SnackbarNativeProps;
|
|
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/molecules/Snackbar/index.ts"],"sourcesContent":["export { default as Snackbar, SnackbarNativeProps } from './Snackbar';\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/molecules/Snackbar/index.ts"],"sourcesContent":["export { default as Snackbar, SnackbarNativeProps } from './Snackbar';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA"}
|
|
@@ -1,21 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
exports
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
4
6
|
exports.SnackbarStyled = 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;
|
|
13
|
+
|
|
10
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
15
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
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 SnackbarStyled = (0, _native.default)(_reactCore.Snackbar)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n left: ", ";\n right: ", ";\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.deca;
|
|
28
|
+
});
|
|
20
29
|
exports.SnackbarStyled = SnackbarStyled;
|
|
21
30
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","names":["SnackbarStyled","styled","SnackbarCore","theme","spacing","deca"],"sources":["../../../../src/components/molecules/Snackbar/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { Snackbar as SnackbarCore, StyleProps } from '@tecsinapse/react-core';\n\nexport const SnackbarStyled = styled(SnackbarCore)<Partial<StyleProps>>`\n left: ${({ theme }) => theme.spacing.deca};\n right: ${({ theme }) => theme.spacing.deca};\n`;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"styled.js","names":["SnackbarStyled","styled","SnackbarCore","theme","spacing","deca"],"sources":["../../../../src/components/molecules/Snackbar/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { Snackbar as SnackbarCore, StyleProps } from '@tecsinapse/react-core';\n\nexport const SnackbarStyled = styled(SnackbarCore)<Partial<StyleProps>>`\n left: ${({ theme }) => theme.spacing.deca};\n right: ${({ theme }) => theme.spacing.deca};\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAEO,MAAMA,cAAc,GAAG,IAAAC,eAAA,EAAOC,mBAAP,CAAH,uGACjB;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CADiB,EAEhB;EAAA,IAAC;IAAEF;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CAFgB,CAApB"}
|