@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 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Button/index.ts"],"sourcesContent":["export { Button, ButtonNativeProps } from './Button';\nexport { Error, Loading, Success } from './States';\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Button/index.ts"],"sourcesContent":["export { Button, ButtonNativeProps } from './Button';\nexport { Error, Loading, Success } from './States';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupButtonOption.js","names":["GroupButtonOption","props","Text"],"sources":["../../../../src/components/atoms/GroupButton/GroupButtonOption.tsx"],"sourcesContent":["import {\n GroupButtonOption as CoreGroupButtonOption,\n GroupButtonOptionProps,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { Text } from '../Text';\n\nconst GroupButtonOption = (props: GroupButtonOptionProps): JSX.Element => {\n return <CoreGroupButtonOption {...props} TextComponent={Text} />;\n};\n\nexport default GroupButtonOption;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"GroupButtonOption.js","names":["GroupButtonOption","props","Text"],"sources":["../../../../src/components/atoms/GroupButton/GroupButtonOption.tsx"],"sourcesContent":["import {\n GroupButtonOption as CoreGroupButtonOption,\n GroupButtonOptionProps,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { Text } from '../Text';\n\nconst GroupButtonOption = (props: GroupButtonOptionProps): JSX.Element => {\n return <CoreGroupButtonOption {...props} TextComponent={Text} />;\n};\n\nexport default GroupButtonOption;\n"],"mappings":";;;;;;;AAAA;;AAIA;;AACA;;;;;;AAEA,MAAMA,iBAAiB,GAAIC,KAAD,IAAgD;EACxE,OAAO,6BAAC,4BAAD,eAA2BA,KAA3B;IAAkC,aAAa,EAAEC;EAAjD,GAAP;AACD,CAFD;;eAIeF,iB"}
|
|
@@ -1,11 +1,16 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
exports
|
|
4
|
-
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
Object.defineProperty(exports, "GroupButtonOption", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _GroupButtonOption.default;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
5
12
|
|
|
6
13
|
var _GroupButtonOption = _interopRequireDefault(require("./GroupButtonOption"));
|
|
7
14
|
|
|
8
|
-
exports.GroupButtonOption = _GroupButtonOption.default;
|
|
9
|
-
|
|
10
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
16
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/GroupButton/index.ts"],"sourcesContent":["export { default as GroupButtonOption } from './GroupButtonOption';\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/GroupButton/index.ts"],"sourcesContent":["export { default as GroupButtonOption } from './GroupButtonOption';\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 _styled = require("./styled");
|
|
@@ -15,23 +17,24 @@ 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 Header =
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
20
|
+
const Header = _ref => {
|
|
21
|
+
let {
|
|
22
|
+
rightButton,
|
|
23
|
+
leftButton,
|
|
24
|
+
children,
|
|
25
|
+
...rest
|
|
26
|
+
} = _ref;
|
|
24
27
|
return React.createElement(_styled.StyledView, rest, leftButton ? React.createElement(_styled.FloatingButton, _extends({}, leftButton, {
|
|
25
|
-
variant: (leftButton
|
|
26
|
-
color: (leftButton
|
|
27
|
-
size: (leftButton
|
|
28
|
-
}), (leftButton
|
|
28
|
+
variant: (leftButton === null || leftButton === void 0 ? void 0 : leftButton.variant) || 'filled',
|
|
29
|
+
color: (leftButton === null || leftButton === void 0 ? void 0 : leftButton.color) || 'primary',
|
|
30
|
+
size: (leftButton === null || leftButton === void 0 ? void 0 : leftButton.size) || 'small'
|
|
31
|
+
}), (leftButton === null || leftButton === void 0 ? void 0 : leftButton.icon) && React.createElement(_reactCore.Icon, leftButton === null || leftButton === void 0 ? void 0 : leftButton.icon)) : React.createElement(_styled.Dummy, {
|
|
29
32
|
disabled: true
|
|
30
33
|
}), children, rightButton ? React.createElement(_styled.FloatingButton, _extends({}, rightButton, {
|
|
31
|
-
variant: (rightButton
|
|
32
|
-
color: (rightButton
|
|
33
|
-
size: (rightButton
|
|
34
|
-
}), (rightButton
|
|
34
|
+
variant: (rightButton === null || rightButton === void 0 ? void 0 : rightButton.variant) || 'filled',
|
|
35
|
+
color: (rightButton === null || rightButton === void 0 ? void 0 : rightButton.color) || 'primary',
|
|
36
|
+
size: (rightButton === null || rightButton === void 0 ? void 0 : rightButton.size) || 'small'
|
|
37
|
+
}), (rightButton === null || rightButton === void 0 ? void 0 : rightButton.icon) && React.createElement(_reactCore.Icon, rightButton === null || rightButton === void 0 ? void 0 : rightButton.icon)) : React.createElement(_styled.Dummy, {
|
|
35
38
|
disabled: true
|
|
36
39
|
}));
|
|
37
40
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","names":["Header","rightButton","leftButton","children","rest","variant","color","size","icon"],"sources":["../../../../src/components/atoms/Header/Header.tsx"],"sourcesContent":["import { ViewProps } from 'react-native';\nimport { StyledView, FloatingButton, Dummy } from './styled';\nimport { ButtonProps, Icon, IconProps } from '@tecsinapse/react-core';\nimport * as React from 'react';\n\ntype Attachable = ButtonProps & {\n icon: IconProps;\n};\n\nexport interface HeaderProps extends ViewProps {\n rightButton?: Attachable;\n leftButton?: Attachable;\n}\n\nconst Header: React.FC<HeaderProps> = ({\n rightButton,\n leftButton,\n children,\n ...rest\n}) => {\n return (\n <StyledView {...rest}>\n {leftButton ? (\n <FloatingButton\n {...leftButton}\n variant={leftButton?.variant || 'filled'}\n color={leftButton?.color || 'primary'}\n size={leftButton?.size || 'small'}\n >\n {leftButton?.icon && <Icon {...leftButton?.icon} />}\n </FloatingButton>\n ) : (\n <Dummy disabled />\n )}\n {children}\n {rightButton ? (\n <FloatingButton\n {...rightButton}\n variant={rightButton?.variant || 'filled'}\n color={rightButton?.color || 'primary'}\n size={rightButton?.size || 'small'}\n >\n {rightButton?.icon && <Icon {...rightButton?.icon} />}\n </FloatingButton>\n ) : (\n <Dummy disabled />\n )}\n </StyledView>\n );\n};\n\nexport default Header;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Header.js","names":["Header","rightButton","leftButton","children","rest","variant","color","size","icon"],"sources":["../../../../src/components/atoms/Header/Header.tsx"],"sourcesContent":["import { ViewProps } from 'react-native';\nimport { StyledView, FloatingButton, Dummy } from './styled';\nimport { ButtonProps, Icon, IconProps } from '@tecsinapse/react-core';\nimport * as React from 'react';\n\ntype Attachable = ButtonProps & {\n icon: IconProps;\n};\n\nexport interface HeaderProps extends ViewProps {\n rightButton?: Attachable;\n leftButton?: Attachable;\n}\n\nconst Header: React.FC<HeaderProps> = ({\n rightButton,\n leftButton,\n children,\n ...rest\n}) => {\n return (\n <StyledView {...rest}>\n {leftButton ? (\n <FloatingButton\n {...leftButton}\n variant={leftButton?.variant || 'filled'}\n color={leftButton?.color || 'primary'}\n size={leftButton?.size || 'small'}\n >\n {leftButton?.icon && <Icon {...leftButton?.icon} />}\n </FloatingButton>\n ) : (\n <Dummy disabled />\n )}\n {children}\n {rightButton ? (\n <FloatingButton\n {...rightButton}\n variant={rightButton?.variant || 'filled'}\n color={rightButton?.color || 'primary'}\n size={rightButton?.size || 'small'}\n >\n {rightButton?.icon && <Icon {...rightButton?.icon} />}\n </FloatingButton>\n ) : (\n <Dummy disabled />\n )}\n </StyledView>\n );\n};\n\nexport default Header;\n"],"mappings":";;;;;;;AACA;;AACA;;AACA;;;;;;;;AAWA,MAAMA,MAA6B,GAAG,QAKhC;EAAA,IALiC;IACrCC,WADqC;IAErCC,UAFqC;IAGrCC,QAHqC;IAIrC,GAAGC;EAJkC,CAKjC;EACJ,OACE,oBAAC,kBAAD,EAAgBA,IAAhB,EACGF,UAAU,GACT,oBAAC,sBAAD,eACMA,UADN;IAEE,OAAO,EAAE,CAAAA,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEG,OAAZ,KAAuB,QAFlC;IAGE,KAAK,EAAE,CAAAH,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEI,KAAZ,KAAqB,SAH9B;IAIE,IAAI,EAAE,CAAAJ,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEK,IAAZ,KAAoB;EAJ5B,IAMG,CAAAL,UAAU,SAAV,IAAAA,UAAU,WAAV,YAAAA,UAAU,CAAEM,IAAZ,KAAoB,oBAAC,eAAD,EAAUN,UAAV,aAAUA,UAAV,uBAAUA,UAAU,CAAEM,IAAtB,CANvB,CADS,GAUT,oBAAC,aAAD;IAAO,QAAQ;EAAf,EAXJ,EAaGL,QAbH,EAcGF,WAAW,GACV,oBAAC,sBAAD,eACMA,WADN;IAEE,OAAO,EAAE,CAAAA,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAEI,OAAb,KAAwB,QAFnC;IAGE,KAAK,EAAE,CAAAJ,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAEK,KAAb,KAAsB,SAH/B;IAIE,IAAI,EAAE,CAAAL,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAEM,IAAb,KAAqB;EAJ7B,IAMG,CAAAN,WAAW,SAAX,IAAAA,WAAW,WAAX,YAAAA,WAAW,CAAEO,IAAb,KAAqB,oBAAC,eAAD,EAAUP,WAAV,aAAUA,WAAV,uBAAUA,WAAW,CAAEO,IAAvB,CANxB,CADU,GAUV,oBAAC,aAAD;IAAO,QAAQ;EAAf,EAxBJ,CADF;AA6BD,CAnCD;;eAqCeR,M"}
|
|
@@ -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, "Header", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _Header.default;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "HeaderProps", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _Header.HeaderProps;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
5
18
|
|
|
6
19
|
var _Header = _interopRequireWildcard(require("./Header"));
|
|
7
20
|
|
|
8
|
-
exports.Header = _Header.default;
|
|
9
|
-
exports.HeaderProps = _Header.HeaderProps;
|
|
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/Header/index.ts"],"sourcesContent":["export { default as Header, HeaderProps } from './Header';\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Header/index.ts"],"sourcesContent":["export { default as Header, HeaderProps } from './Header';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA"}
|
|
@@ -1,30 +1,30 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
exports
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
4
6
|
exports.StyledView = exports.FloatingButton = exports.Dummy = 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;
|
|
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
|
-
|
|
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 align-items: center;\n padding: ", ";\n width: 100%;\n"])), _ref => {
|
|
19
|
+
let {
|
|
20
|
+
theme
|
|
21
|
+
} = _ref;
|
|
22
|
+
return theme.spacing.deca;
|
|
23
|
+
});
|
|
24
|
+
|
|
21
25
|
exports.StyledView = StyledView;
|
|
22
|
-
const FloatingButton = (0, _native.default)(_reactCore.Button)
|
|
23
|
-
aspect-ratio: 1;
|
|
24
|
-
`;
|
|
26
|
+
const FloatingButton = (0, _native.default)(_reactCore.Button)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n aspect-ratio: 1;\n"])));
|
|
25
27
|
exports.FloatingButton = FloatingButton;
|
|
26
|
-
const Dummy = (0, _native.default)(FloatingButton)
|
|
27
|
-
background-color: rgba(0, 0, 0, 0);
|
|
28
|
-
`;
|
|
28
|
+
const Dummy = (0, _native.default)(FloatingButton)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n background-color: rgba(0, 0, 0, 0);\n"])));
|
|
29
29
|
exports.Dummy = Dummy;
|
|
30
30
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","names":["StyledView","styled","View","theme","spacing","deca","FloatingButton","Button","Dummy"],"sources":["../../../../src/components/atoms/Header/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { Button, ButtonProps, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledView = styled.View<Partial<StyleProps>>`\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: ${({ theme }) => theme.spacing.deca};\n width: 100%;\n`;\n\nexport const FloatingButton = styled(Button)<ButtonProps & Partial<StyleProps>>`\n aspect-ratio: 1;\n`;\n\nexport const Dummy = styled(FloatingButton)`\n background-color: rgba(0, 0, 0, 0);\n`;\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"styled.js","names":["StyledView","styled","View","theme","spacing","deca","FloatingButton","Button","Dummy"],"sources":["../../../../src/components/atoms/Header/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { Button, ButtonProps, StyleProps } from '@tecsinapse/react-core';\n\nexport const StyledView = styled.View<Partial<StyleProps>>`\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: ${({ theme }) => theme.spacing.deca};\n width: 100%;\n`;\n\nexport const FloatingButton = styled(Button)<ButtonProps & Partial<StyleProps>>`\n aspect-ratio: 1;\n`;\n\nexport const Dummy = styled(FloatingButton)`\n background-color: rgba(0, 0, 0, 0);\n`;\n"],"mappings":";;;;;;;AAAA;;AACA;;;;;;;;AAEO,MAAMA,UAAU,GAAGC,eAAA,CAAOC,IAAV,6LAIV;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,OAAN,CAAcC,IAA7B;AAAA,CAJU,CAAhB;;;AAQA,MAAMC,cAAc,GAAG,IAAAL,eAAA,EAAOM,iBAAP,CAAH,6FAApB;;AAIA,MAAMC,KAAK,GAAG,IAAAP,eAAA,EAAOK,cAAP,CAAH,gHAAX"}
|
|
@@ -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 _reactCore = require("@tecsinapse/react-core");
|
|
@@ -17,31 +19,33 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
17
19
|
|
|
18
20
|
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); }
|
|
19
21
|
|
|
20
|
-
const Input = _react.default.forwardRef(({
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
22
|
+
const Input = _react.default.forwardRef((_ref, ref) => {
|
|
23
|
+
let {
|
|
24
|
+
label,
|
|
25
|
+
labelColor,
|
|
26
|
+
labelColorVariant,
|
|
27
|
+
labelColorTone,
|
|
28
|
+
labelTypography,
|
|
29
|
+
labelStack,
|
|
30
|
+
labelWeight,
|
|
31
|
+
leftComponent,
|
|
32
|
+
rightComponent,
|
|
33
|
+
disabled,
|
|
34
|
+
borderColor,
|
|
35
|
+
borderColorGradation,
|
|
36
|
+
inputFontStack = 'default',
|
|
37
|
+
inputFontWeight = 'bold',
|
|
38
|
+
inputContainerStyle,
|
|
39
|
+
variant = 'default',
|
|
40
|
+
hintComponent,
|
|
41
|
+
hint,
|
|
42
|
+
onFocus,
|
|
43
|
+
onBlur,
|
|
44
|
+
value,
|
|
45
|
+
placeholder,
|
|
46
|
+
...rest
|
|
47
|
+
} = _ref;
|
|
48
|
+
|
|
45
49
|
const _hint = hintComponent || _react.default.createElement(_reactCore.Hint, {
|
|
46
50
|
TextComponent: _Text.Text,
|
|
47
51
|
text: hint,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Input.js","names":["Input","React","forwardRef","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","borderColor","borderColorGradation","inputFontStack","inputFontWeight","inputContainerStyle","variant","hintComponent","hint","onFocus","onBlur","value","placeholder","rest","
|
|
1
|
+
{"version":3,"file":"Input.js","names":["Input","React","forwardRef","ref","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","borderColor","borderColorGradation","inputFontStack","inputFontWeight","inputContainerStyle","variant","hintComponent","hint","onFocus","onBlur","value","placeholder","rest","_hint","Text","focused","handleBlur","handleFocus","useInputFocus","internalStyle","minHeight","RFValue","onlyLabel","undefined","displayName"],"sources":["../../../../src/components/atoms/Input/Input.tsx"],"sourcesContent":["import {\n FontStackType,\n FontWeightType,\n Hint,\n InputContainer,\n InputContainerProps,\n InputElementProps,\n RFValue,\n useInputFocus,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { StyleProp, TextInput, View, ViewStyle } from 'react-native';\nimport { Text } from '../Text';\nimport { StyledNativeInput } from './styled';\n\nexport interface InputNativeProps\n extends Omit<InputElementProps, 'style'>,\n InputContainerProps {\n inputFontStack?: FontStackType;\n inputFontWeight?: FontWeightType;\n}\n\nconst Input = React.forwardRef<TextInput, InputNativeProps>(\n (\n {\n label,\n labelColor,\n labelColorVariant,\n labelColorTone,\n labelTypography,\n labelStack,\n labelWeight,\n leftComponent,\n rightComponent,\n disabled,\n borderColor,\n borderColorGradation,\n inputFontStack = 'default',\n inputFontWeight = 'bold',\n inputContainerStyle,\n variant = 'default',\n hintComponent,\n hint,\n onFocus,\n onBlur,\n value,\n placeholder,\n ...rest\n },\n ref\n ) => {\n const _hint = hintComponent || (\n <Hint TextComponent={Text} text={hint} variant={variant} />\n );\n const { focused, handleBlur, handleFocus } = useInputFocus(\n onFocus,\n onBlur,\n !disabled\n );\n\n const internalStyle: StyleProp<ViewStyle> = {\n minHeight: RFValue(50),\n ...{ inputContainerStyle },\n };\n const onlyLabel = label && !placeholder;\n\n return (\n <View>\n <InputContainer\n label={value ? label : undefined}\n labelColor={labelColor}\n labelColorVariant={labelColorVariant}\n labelColorTone={labelColorTone}\n labelTypography={labelTypography}\n labelStack={labelStack}\n labelWeight={labelWeight}\n LabelComponent={Text}\n leftComponent={leftComponent}\n rightComponent={rightComponent}\n borderColor={borderColor}\n borderColorGradation={borderColorGradation}\n inputContainerStyle={internalStyle}\n focused={focused}\n disabled={disabled}\n variant={variant}\n >\n <StyledNativeInput\n {...rest}\n placeholder={onlyLabel ? label : placeholder}\n value={value}\n ref={ref}\n fontStack={inputFontStack}\n fontWeight={inputFontWeight}\n disabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n />\n </InputContainer>\n {hint && _hint}\n </View>\n );\n }\n);\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"mappings":";;;;;;;AAAA;;AAUA;;AACA;;AACA;;AACA;;;;;;AASA,MAAMA,KAAK,GAAGC,cAAA,CAAMC,UAAN,CACZ,OA0BEC,GA1BF,KA2BK;EAAA,IA1BH;IACEC,KADF;IAEEC,UAFF;IAGEC,iBAHF;IAIEC,cAJF;IAKEC,eALF;IAMEC,UANF;IAOEC,WAPF;IAQEC,aARF;IASEC,cATF;IAUEC,QAVF;IAWEC,WAXF;IAYEC,oBAZF;IAaEC,cAAc,GAAG,SAbnB;IAcEC,eAAe,GAAG,MAdpB;IAeEC,mBAfF;IAgBEC,OAAO,GAAG,SAhBZ;IAiBEC,aAjBF;IAkBEC,IAlBF;IAmBEC,OAnBF;IAoBEC,MApBF;IAqBEC,KArBF;IAsBEC,WAtBF;IAuBE,GAAGC;EAvBL,CA0BG;;EACH,MAAMC,KAAK,GAAGP,aAAa,IACzB,6BAAC,eAAD;IAAM,aAAa,EAAEQ,UAArB;IAA2B,IAAI,EAAEP,IAAjC;IAAuC,OAAO,EAAEF;EAAhD,EADF;;EAGA,MAAM;IAAEU,OAAF;IAAWC,UAAX;IAAuBC;EAAvB,IAAuC,IAAAC,wBAAA,EAC3CV,OAD2C,EAE3CC,MAF2C,EAG3C,CAACV,QAH0C,CAA7C;EAMA,MAAMoB,aAAmC,GAAG;IAC1CC,SAAS,EAAE,IAAAC,kBAAA,EAAQ,EAAR,CAD+B;IAE1C,GAAG;MAAEjB;IAAF;EAFuC,CAA5C;EAIA,MAAMkB,SAAS,GAAGhC,KAAK,IAAI,CAACqB,WAA5B;EAEA,OACE,6BAAC,iBAAD,QACE,6BAAC,yBAAD;IACE,KAAK,EAAED,KAAK,GAAGpB,KAAH,GAAWiC,SADzB;IAEE,UAAU,EAAEhC,UAFd;IAGE,iBAAiB,EAAEC,iBAHrB;IAIE,cAAc,EAAEC,cAJlB;IAKE,eAAe,EAAEC,eALnB;IAME,UAAU,EAAEC,UANd;IAOE,WAAW,EAAEC,WAPf;IAQE,cAAc,EAAEkB,UARlB;IASE,aAAa,EAAEjB,aATjB;IAUE,cAAc,EAAEC,cAVlB;IAWE,WAAW,EAAEE,WAXf;IAYE,oBAAoB,EAAEC,oBAZxB;IAaE,mBAAmB,EAAEkB,aAbvB;IAcE,OAAO,EAAEJ,OAdX;IAeE,QAAQ,EAAEhB,QAfZ;IAgBE,OAAO,EAAEM;EAhBX,GAkBE,6BAAC,yBAAD,eACMO,IADN;IAEE,WAAW,EAAEU,SAAS,GAAGhC,KAAH,GAAWqB,WAFnC;IAGE,KAAK,EAAED,KAHT;IAIE,GAAG,EAAErB,GAJP;IAKE,SAAS,EAAEa,cALb;IAME,UAAU,EAAEC,eANd;IAOE,QAAQ,EAAEJ,QAPZ;IAQE,OAAO,EAAEkB,WARX;IASE,MAAM,EAAED;EATV,GAlBF,CADF,EA+BGT,IAAI,IAAIM,KA/BX,CADF;AAmCD,CA/EW,CAAd;;AAkFA3B,KAAK,CAACsC,WAAN,GAAoB,OAApB;eAEetC,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, "Input", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _Input.default;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "InputNativeProps", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _Input.InputNativeProps;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
5
18
|
|
|
6
19
|
var _Input = _interopRequireWildcard(require("./Input"));
|
|
7
20
|
|
|
8
|
-
exports.Input = _Input.default;
|
|
9
|
-
exports.InputNativeProps = _Input.InputNativeProps;
|
|
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/Input/index.ts"],"sourcesContent":["export { default as Input, InputNativeProps } from './Input';\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/Input/index.ts"],"sourcesContent":["export { default as Input, InputNativeProps } from './Input';\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.StyledNativeInput = void 0;
|
|
5
7
|
|
|
6
8
|
var _native = _interopRequireDefault(require("@emotion/native"));
|
|
@@ -9,15 +11,18 @@ var _reactCore = require("@tecsinapse/react-core");
|
|
|
9
11
|
|
|
10
12
|
var _styled = require("../Text/styled");
|
|
11
13
|
|
|
14
|
+
var _templateObject;
|
|
15
|
+
|
|
12
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
17
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
18
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
19
|
+
|
|
20
|
+
const StyledNativeInputBase = (0, _native.default)(_reactCore.InputElement)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n height: ", ";\n width: 100%;\n padding: 0;\n"])), _ref => {
|
|
21
|
+
let {
|
|
22
|
+
theme
|
|
23
|
+
} = _ref;
|
|
24
|
+
return theme.typography.h5.lineHeight;
|
|
25
|
+
});
|
|
21
26
|
const StyledNativeInput = (0, _native.default)(StyledNativeInputBase)(_styled.fontStyles);
|
|
22
27
|
exports.StyledNativeInput = StyledNativeInput;
|
|
23
28
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","names":["StyledNativeInputBase","styled","InputElement","theme","typography","h5","lineHeight","StyledNativeInput","fontStyles"],"sources":["../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { InputElement, StyleProps } from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { InputNativeProps } from './Input';\n\nconst StyledNativeInputBase = styled(InputElement)<\n Partial<InputNativeProps> & Partial<StyleProps>\n>`\n height: ${({ theme }) => theme.typography.h5.lineHeight};\n width: 100%;\n padding: 0;\n`;\n\nexport const StyledNativeInput = styled(StyledNativeInputBase)<\n Font & Partial<InputNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"styled.js","names":["StyledNativeInputBase","styled","InputElement","theme","typography","h5","lineHeight","StyledNativeInput","fontStyles"],"sources":["../../../../src/components/atoms/Input/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { InputElement, StyleProps } from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { InputNativeProps } from './Input';\n\nconst StyledNativeInputBase = styled(InputElement)<\n Partial<InputNativeProps> & Partial<StyleProps>\n>`\n height: ${({ theme }) => theme.typography.h5.lineHeight};\n width: 100%;\n padding: 0;\n`;\n\nexport const StyledNativeInput = styled(StyledNativeInputBase)<\n Font & Partial<InputNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAGA,MAAMA,qBAAqB,GAAG,IAAAC,eAAA,EAAOC,uBAAP,CAAH,wHAGf;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,UAAN,CAAiBC,EAAjB,CAAoBC,UAAnC;AAAA,CAHe,CAA3B;AAQO,MAAMC,iBAAiB,GAAG,IAAAN,eAAA,EAAOD,qBAAP,EAE/BQ,kBAF+B,CAA1B"}
|
|
@@ -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 _reactCore = require("@tecsinapse/react-core");
|
|
@@ -17,32 +19,34 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
17
19
|
|
|
18
20
|
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); }
|
|
19
21
|
|
|
20
|
-
const InputMask = _react.default.forwardRef(({
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
22
|
+
const InputMask = _react.default.forwardRef((_ref, ref) => {
|
|
23
|
+
let {
|
|
24
|
+
label,
|
|
25
|
+
labelColor,
|
|
26
|
+
labelColorVariant,
|
|
27
|
+
labelColorTone,
|
|
28
|
+
labelTypography,
|
|
29
|
+
labelStack,
|
|
30
|
+
labelWeight,
|
|
31
|
+
leftComponent,
|
|
32
|
+
rightComponent,
|
|
33
|
+
disabled,
|
|
34
|
+
style,
|
|
35
|
+
borderColor,
|
|
36
|
+
borderColorGradation,
|
|
37
|
+
inputFontStack = 'default',
|
|
38
|
+
inputFontWeight = 'bold',
|
|
39
|
+
inputContainerStyle,
|
|
40
|
+
variant = 'default',
|
|
41
|
+
hintComponent,
|
|
42
|
+
hint,
|
|
43
|
+
onFocus,
|
|
44
|
+
onBlur,
|
|
45
|
+
value,
|
|
46
|
+
placeholder,
|
|
47
|
+
...rest
|
|
48
|
+
} = _ref;
|
|
49
|
+
|
|
46
50
|
const _hint = hintComponent || _react.default.createElement(_reactCore.Hint, {
|
|
47
51
|
TextComponent: _Text.Text,
|
|
48
52
|
text: hint,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputMask.js","names":["InputMask","React","forwardRef","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputFontStack","inputFontWeight","inputContainerStyle","variant","hintComponent","hint","onFocus","onBlur","value","placeholder","rest","
|
|
1
|
+
{"version":3,"file":"InputMask.js","names":["InputMask","React","forwardRef","ref","label","labelColor","labelColorVariant","labelColorTone","labelTypography","labelStack","labelWeight","leftComponent","rightComponent","disabled","style","borderColor","borderColorGradation","inputFontStack","inputFontWeight","inputContainerStyle","variant","hintComponent","hint","onFocus","onBlur","value","placeholder","rest","_hint","Text","focused","handleBlur","handleFocus","useInputFocus","onlyLabel","String","undefined","displayName"],"sources":["../../../../src/components/atoms/InputMask/InputMask.tsx"],"sourcesContent":["import {\n FontStackType,\n FontWeightType,\n Hint,\n InputContainerProps,\n InputMaskElementProps,\n useInputFocus,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { View } from 'react-native';\nimport { StyledInputContainer, StyledNativeInputMask } from './styled';\nimport { Text } from '../Text';\n\nexport interface InputMaskNativeProps\n extends Omit<InputMaskElementProps, 'style'>,\n InputContainerProps {\n inputFontStack?: FontStackType;\n inputFontWeight?: FontWeightType;\n}\n\nconst InputMask: FC<InputMaskNativeProps> = React.forwardRef(\n (\n {\n label,\n labelColor,\n labelColorVariant,\n labelColorTone,\n labelTypography,\n labelStack,\n labelWeight,\n leftComponent,\n rightComponent,\n disabled,\n style,\n borderColor,\n borderColorGradation,\n inputFontStack = 'default',\n inputFontWeight = 'bold',\n inputContainerStyle,\n variant = 'default',\n hintComponent,\n hint,\n onFocus,\n onBlur,\n value,\n placeholder,\n ...rest\n },\n ref\n ) => {\n const _hint = hintComponent || (\n <Hint TextComponent={Text} text={hint} variant={variant} />\n );\n const { focused, handleBlur, handleFocus } = useInputFocus(\n onFocus,\n onBlur,\n !disabled\n );\n\n const onlyLabel = label && !placeholder;\n\n return (\n <View style={style}>\n <StyledInputContainer\n label={String(value) ? label : undefined}\n labelColor={labelColor}\n labelColorVariant={labelColorVariant}\n labelColorTone={labelColorTone}\n labelTypography={labelTypography}\n labelStack={labelStack}\n labelWeight={labelWeight}\n LabelComponent={Text}\n leftComponent={leftComponent}\n rightComponent={rightComponent}\n borderColor={borderColor}\n borderColorGradation={borderColorGradation}\n inputContainerStyle={inputContainerStyle}\n focused={focused}\n disabled={disabled}\n variant={variant}\n >\n <StyledNativeInputMask\n {...rest}\n placeholder={onlyLabel ? label : placeholder}\n value={value}\n ref={ref}\n fontStack={inputFontStack}\n fontWeight={inputFontWeight}\n disabled={disabled}\n onFocus={handleFocus}\n onBlur={handleBlur}\n />\n </StyledInputContainer>\n {hint && _hint}\n </View>\n );\n }\n);\n\nInputMask.displayName = 'InputMask';\n\nexport default InputMask;\n"],"mappings":";;;;;;;AAAA;;AAQA;;AACA;;AACA;;AACA;;;;;;AASA,MAAMA,SAAmC,GAAGC,cAAA,CAAMC,UAAN,CAC1C,OA2BEC,GA3BF,KA4BK;EAAA,IA3BH;IACEC,KADF;IAEEC,UAFF;IAGEC,iBAHF;IAIEC,cAJF;IAKEC,eALF;IAMEC,UANF;IAOEC,WAPF;IAQEC,aARF;IASEC,cATF;IAUEC,QAVF;IAWEC,KAXF;IAYEC,WAZF;IAaEC,oBAbF;IAcEC,cAAc,GAAG,SAdnB;IAeEC,eAAe,GAAG,MAfpB;IAgBEC,mBAhBF;IAiBEC,OAAO,GAAG,SAjBZ;IAkBEC,aAlBF;IAmBEC,IAnBF;IAoBEC,OApBF;IAqBEC,MArBF;IAsBEC,KAtBF;IAuBEC,WAvBF;IAwBE,GAAGC;EAxBL,CA2BG;;EACH,MAAMC,KAAK,GAAGP,aAAa,IACzB,6BAAC,eAAD;IAAM,aAAa,EAAEQ,UAArB;IAA2B,IAAI,EAAEP,IAAjC;IAAuC,OAAO,EAAEF;EAAhD,EADF;;EAGA,MAAM;IAAEU,OAAF;IAAWC,UAAX;IAAuBC;EAAvB,IAAuC,IAAAC,wBAAA,EAC3CV,OAD2C,EAE3CC,MAF2C,EAG3C,CAACX,QAH0C,CAA7C;EAMA,MAAMqB,SAAS,GAAG9B,KAAK,IAAI,CAACsB,WAA5B;EAEA,OACE,6BAAC,iBAAD;IAAM,KAAK,EAAEZ;EAAb,GACE,6BAAC,4BAAD;IACE,KAAK,EAAEqB,MAAM,CAACV,KAAD,CAAN,GAAgBrB,KAAhB,GAAwBgC,SADjC;IAEE,UAAU,EAAE/B,UAFd;IAGE,iBAAiB,EAAEC,iBAHrB;IAIE,cAAc,EAAEC,cAJlB;IAKE,eAAe,EAAEC,eALnB;IAME,UAAU,EAAEC,UANd;IAOE,WAAW,EAAEC,WAPf;IAQE,cAAc,EAAEmB,UARlB;IASE,aAAa,EAAElB,aATjB;IAUE,cAAc,EAAEC,cAVlB;IAWE,WAAW,EAAEG,WAXf;IAYE,oBAAoB,EAAEC,oBAZxB;IAaE,mBAAmB,EAAEG,mBAbvB;IAcE,OAAO,EAAEW,OAdX;IAeE,QAAQ,EAAEjB,QAfZ;IAgBE,OAAO,EAAEO;EAhBX,GAkBE,6BAAC,6BAAD,eACMO,IADN;IAEE,WAAW,EAAEO,SAAS,GAAG9B,KAAH,GAAWsB,WAFnC;IAGE,KAAK,EAAED,KAHT;IAIE,GAAG,EAAEtB,GAJP;IAKE,SAAS,EAAEc,cALb;IAME,UAAU,EAAEC,eANd;IAOE,QAAQ,EAAEL,QAPZ;IAQE,OAAO,EAAEmB,WARX;IASE,MAAM,EAAED;EATV,GAlBF,CADF,EA+BGT,IAAI,IAAIM,KA/BX,CADF;AAmCD,CA5EyC,CAA5C;;AA+EA5B,SAAS,CAACqC,WAAV,GAAwB,WAAxB;eAEerC,S"}
|
|
@@ -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, "InputMask", {
|
|
7
|
+
enumerable: true,
|
|
8
|
+
get: function () {
|
|
9
|
+
return _InputMask.default;
|
|
10
|
+
}
|
|
11
|
+
});
|
|
12
|
+
Object.defineProperty(exports, "InputMaskNativeProps", {
|
|
13
|
+
enumerable: true,
|
|
14
|
+
get: function () {
|
|
15
|
+
return _InputMask.InputMaskNativeProps;
|
|
16
|
+
}
|
|
17
|
+
});
|
|
5
18
|
|
|
6
19
|
var _InputMask = _interopRequireWildcard(require("./InputMask"));
|
|
7
20
|
|
|
8
|
-
exports.InputMask = _InputMask.default;
|
|
9
|
-
exports.InputMaskNativeProps = _InputMask.InputMaskNativeProps;
|
|
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/InputMask/index.ts"],"sourcesContent":["export { default as InputMask, InputMaskNativeProps } from './InputMask';\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/atoms/InputMask/index.ts"],"sourcesContent":["export { default as InputMask, InputMaskNativeProps } from './InputMask';\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.StyledNativeInputMask = exports.StyledInputContainer = void 0;
|
|
5
7
|
|
|
6
8
|
var _native = _interopRequireDefault(require("@emotion/native"));
|
|
@@ -9,19 +11,20 @@ var _reactCore = require("@tecsinapse/react-core");
|
|
|
9
11
|
|
|
10
12
|
var _styled = require("../Text/styled");
|
|
11
13
|
|
|
14
|
+
var _templateObject, _templateObject2;
|
|
15
|
+
|
|
12
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
17
|
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
18
|
+
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
19
|
+
|
|
20
|
+
const StyledInputContainer = (0, _native.default)(_reactCore.InputContainer)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n min-height: ", ";\n"])), (0, _reactCore.RFValueStr)('50px'));
|
|
17
21
|
exports.StyledInputContainer = StyledInputContainer;
|
|
18
|
-
const StyledNativeInputMaskBase = (0, _native.default)(_reactCore.InputMaskElement)
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
`;
|
|
22
|
+
const StyledNativeInputMaskBase = (0, _native.default)(_reactCore.InputMaskElement)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n height: ", ";\n width: 100%;\n padding: 0;\n"])), _ref => {
|
|
23
|
+
let {
|
|
24
|
+
theme
|
|
25
|
+
} = _ref;
|
|
26
|
+
return theme.typography.h5.lineHeight;
|
|
27
|
+
});
|
|
25
28
|
const StyledNativeInputMask = (0, _native.default)(StyledNativeInputMaskBase)(_styled.fontStyles);
|
|
26
29
|
exports.StyledNativeInputMask = StyledNativeInputMask;
|
|
27
30
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","names":["StyledInputContainer","styled","InputContainer","RFValueStr","StyledNativeInputMaskBase","InputMaskElement","theme","typography","h5","lineHeight","StyledNativeInputMask","fontStyles"],"sources":["../../../../src/components/atoms/InputMask/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport {\n InputContainer,\n InputMaskElement,\n RFValueStr,\n StyleProps,\n} from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { InputMaskNativeProps } from './InputMask';\n\nexport const StyledInputContainer = styled(InputContainer)<Partial<StyleProps>>`\n min-height: ${RFValueStr('50px')};\n`;\n\nconst StyledNativeInputMaskBase = styled(InputMaskElement)<\n Partial<InputMaskNativeProps> & Partial<StyleProps>\n>`\n height: ${({ theme }) => theme.typography.h5.lineHeight};\n width: 100%;\n padding: 0;\n`;\n\nexport const StyledNativeInputMask = styled(StyledNativeInputMaskBase)<\n Font & Partial<InputMaskNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"styled.js","names":["StyledInputContainer","styled","InputContainer","RFValueStr","StyledNativeInputMaskBase","InputMaskElement","theme","typography","h5","lineHeight","StyledNativeInputMask","fontStyles"],"sources":["../../../../src/components/atoms/InputMask/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport {\n InputContainer,\n InputMaskElement,\n RFValueStr,\n StyleProps,\n} from '@tecsinapse/react-core';\nimport { Font, fontStyles } from '../Text/styled';\nimport { InputMaskNativeProps } from './InputMask';\n\nexport const StyledInputContainer = styled(InputContainer)<Partial<StyleProps>>`\n min-height: ${RFValueStr('50px')};\n`;\n\nconst StyledNativeInputMaskBase = styled(InputMaskElement)<\n Partial<InputMaskNativeProps> & Partial<StyleProps>\n>`\n height: ${({ theme }) => theme.typography.h5.lineHeight};\n width: 100%;\n padding: 0;\n`;\n\nexport const StyledNativeInputMask = styled(StyledNativeInputMaskBase)<\n Font & Partial<InputMaskNativeProps> & Partial<StyleProps>\n>(fontStyles);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAMA;;;;;;;;AAGO,MAAMA,oBAAoB,GAAG,IAAAC,eAAA,EAAOC,yBAAP,CAAH,6FACjB,IAAAC,qBAAA,EAAW,MAAX,CADiB,CAA1B;;AAIP,MAAMC,yBAAyB,GAAG,IAAAH,eAAA,EAAOI,2BAAP,CAAH,0HAGnB;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAAeA,KAAK,CAACC,UAAN,CAAiBC,EAAjB,CAAoBC,UAAnC;AAAA,CAHmB,CAA/B;AAQO,MAAMC,qBAAqB,GAAG,IAAAT,eAAA,EAAOG,yBAAP,EAEnCO,kBAFmC,CAA9B"}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
exports
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
4
6
|
exports.modalLifecycle = exports.ModalGroupManager = void 0;
|
|
5
7
|
|
|
6
8
|
var _react = _interopRequireWildcard(require("react"));
|
|
@@ -18,10 +20,11 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
|
|
|
18
20
|
const modalLifecycle = (0, _ModalLifecycleHandler.createModalLifecycleHandler)();
|
|
19
21
|
exports.modalLifecycle = modalLifecycle;
|
|
20
22
|
|
|
21
|
-
const ModalGroupManager =
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
23
|
+
const ModalGroupManager = _ref => {
|
|
24
|
+
let {
|
|
25
|
+
children,
|
|
26
|
+
...others
|
|
27
|
+
} = _ref;
|
|
25
28
|
modalLifecycle.attach((0, _react.useState)([]));
|
|
26
29
|
|
|
27
30
|
const _render = modalLifecycle.render();
|