@tecsinapse/react-native-kit 1.23.10 → 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/atoms/Avatar/Avatar.js +1 -8
- package/dist/cjs/components/atoms/Avatar/Avatar.js.map +1 -1
- package/dist/cjs/components/atoms/Badge/Badge.js +8 -12
- package/dist/cjs/components/atoms/Badge/Badge.js.map +1 -1
- package/dist/cjs/components/atoms/BottomNavigator/BottomNavigator.js +14 -16
- package/dist/cjs/components/atoms/BottomNavigator/BottomNavigator.js.map +1 -1
- package/dist/cjs/components/atoms/BottomNavigator/Item.d.ts +3 -3
- package/dist/cjs/components/atoms/BottomNavigator/Item.js +4 -12
- package/dist/cjs/components/atoms/BottomNavigator/Item.js.map +1 -1
- package/dist/cjs/components/atoms/BottomNavigator/styled.js +4 -10
- package/dist/cjs/components/atoms/BottomNavigator/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Button/Button.d.ts +1 -1
- package/dist/cjs/components/atoms/Button/Button.js +1 -10
- package/dist/cjs/components/atoms/Button/Button.js.map +1 -1
- package/dist/cjs/components/atoms/Button/States/Error.js +1 -8
- package/dist/cjs/components/atoms/Button/States/Error.js.map +1 -1
- package/dist/cjs/components/atoms/Button/States/Loading.js +1 -8
- package/dist/cjs/components/atoms/Button/States/Loading.js.map +1 -1
- package/dist/cjs/components/atoms/Button/States/Success.js +1 -8
- package/dist/cjs/components/atoms/Button/States/Success.js.map +1 -1
- package/dist/cjs/components/atoms/GroupButton/GroupButtonOption.d.ts +1 -0
- package/dist/cjs/components/atoms/GroupButton/GroupButtonOption.js +1 -8
- package/dist/cjs/components/atoms/GroupButton/GroupButtonOption.js.map +1 -1
- package/dist/cjs/components/atoms/Header/Header.d.ts +1 -1
- package/dist/cjs/components/atoms/Header/Header.js +14 -33
- package/dist/cjs/components/atoms/Header/Header.js.map +1 -1
- package/dist/cjs/components/atoms/Header/styled.js +3 -9
- package/dist/cjs/components/atoms/Header/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Input/Input.js +37 -38
- package/dist/cjs/components/atoms/Input/Input.js.map +1 -1
- package/dist/cjs/components/atoms/Input/styled.js +2 -8
- package/dist/cjs/components/atoms/Input/styled.js.map +1 -1
- package/dist/cjs/components/atoms/InputMask/InputMask.js +37 -40
- package/dist/cjs/components/atoms/InputMask/InputMask.js.map +1 -1
- package/dist/cjs/components/atoms/InputMask/styled.js +3 -9
- package/dist/cjs/components/atoms/InputMask/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Modal/ModalGroupManager.js +11 -13
- package/dist/cjs/components/atoms/Modal/ModalGroupManager.js.map +1 -1
- package/dist/cjs/components/atoms/Modal/ModalLifecycleHandler.js +47 -7
- package/dist/cjs/components/atoms/Modal/ModalLifecycleHandler.js.map +1 -1
- package/dist/cjs/components/atoms/Modal/ui/BaseModalView.js +20 -21
- package/dist/cjs/components/atoms/Modal/ui/BaseModalView.js.map +1 -1
- package/dist/cjs/components/atoms/Modal/ui/styled.js +3 -9
- package/dist/cjs/components/atoms/Modal/ui/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Modal/ui/types.d.ts +2 -1
- package/dist/cjs/components/atoms/Modal/useLazyModalManager.js +0 -2
- package/dist/cjs/components/atoms/Modal/useLazyModalManager.js.map +1 -1
- package/dist/cjs/components/atoms/Modal/useModalManager.js +0 -2
- package/dist/cjs/components/atoms/Modal/useModalManager.js.map +1 -1
- package/dist/cjs/components/atoms/Modal/useModalRemoteControl.js +0 -2
- package/dist/cjs/components/atoms/Modal/useModalRemoteControl.js.map +1 -1
- package/dist/cjs/components/atoms/Skeleton/Pulse.d.ts +1 -0
- package/dist/cjs/components/atoms/Skeleton/Pulse.js +15 -18
- package/dist/cjs/components/atoms/Skeleton/Pulse.js.map +1 -1
- package/dist/cjs/components/atoms/Skeleton/Skeleton.js +25 -24
- package/dist/cjs/components/atoms/Skeleton/Skeleton.js.map +1 -1
- package/dist/cjs/components/atoms/Skeleton/Wave.d.ts +1 -0
- package/dist/cjs/components/atoms/Skeleton/Wave.js +47 -30
- package/dist/cjs/components/atoms/Skeleton/Wave.js.map +1 -1
- package/dist/cjs/components/atoms/Skeleton/animation.js +0 -2
- package/dist/cjs/components/atoms/Skeleton/animation.js.map +1 -1
- package/dist/cjs/components/atoms/Skeleton/styled.js +1 -7
- package/dist/cjs/components/atoms/Skeleton/styled.js.map +1 -1
- package/dist/cjs/components/atoms/Skeleton/types.d.ts +1 -1
- package/dist/cjs/components/atoms/SnappingSlider/SnappingSlider.js +30 -23
- package/dist/cjs/components/atoms/SnappingSlider/SnappingSlider.js.map +1 -1
- package/dist/cjs/components/atoms/Tag/Tag.js +17 -14
- package/dist/cjs/components/atoms/Tag/Tag.js.map +1 -1
- package/dist/cjs/components/atoms/Text/Text.d.ts +1 -1
- package/dist/cjs/components/atoms/Text/Text.js +1 -7
- package/dist/cjs/components/atoms/Text/Text.js.map +1 -1
- package/dist/cjs/components/atoms/Text/styled.js +1 -7
- package/dist/cjs/components/atoms/Text/styled.js.map +1 -1
- package/dist/cjs/components/atoms/TextArea/TextArea.d.ts +1 -1
- package/dist/cjs/components/atoms/TextArea/TextArea.js +42 -39
- package/dist/cjs/components/atoms/TextArea/TextArea.js.map +1 -1
- package/dist/cjs/components/atoms/TextArea/styled.js +1 -7
- package/dist/cjs/components/atoms/TextArea/styled.js.map +1 -1
- package/dist/cjs/components/molecules/Calendar/Calendar.d.ts +1 -0
- package/dist/cjs/components/molecules/Calendar/Calendar.js +8 -11
- package/dist/cjs/components/molecules/Calendar/Calendar.js.map +1 -1
- package/dist/cjs/components/molecules/DatePicker/DatePicker.d.ts +2 -1
- package/dist/cjs/components/molecules/DatePicker/DatePicker.js +14 -22
- package/dist/cjs/components/molecules/DatePicker/DatePicker.js.map +1 -1
- package/dist/cjs/components/molecules/DatePicker/styled.js +1 -7
- package/dist/cjs/components/molecules/DatePicker/styled.js.map +1 -1
- package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.d.ts +1 -1
- package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js +13 -20
- package/dist/cjs/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
- package/dist/cjs/components/molecules/DateTimeSelector/DateTimeSelector.js +8 -11
- package/dist/cjs/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -1
- package/dist/cjs/components/molecules/Grid/Grid.d.ts +2 -1
- package/dist/cjs/components/molecules/Grid/Grid.js +38 -30
- package/dist/cjs/components/molecules/Grid/Grid.js.map +1 -1
- package/dist/cjs/components/molecules/Grid/Item/Item.d.ts +3 -2
- package/dist/cjs/components/molecules/Grid/Item/Item.js +3 -10
- package/dist/cjs/components/molecules/Grid/Item/Item.js.map +1 -1
- package/dist/cjs/components/molecules/IconTextButton/IconTextButton.d.ts +1 -1
- package/dist/cjs/components/molecules/IconTextButton/IconTextButton.js +25 -24
- package/dist/cjs/components/molecules/IconTextButton/IconTextButton.js.map +1 -1
- package/dist/cjs/components/molecules/IconTextButton/TextComponent.js +13 -13
- package/dist/cjs/components/molecules/IconTextButton/TextComponent.js.map +1 -1
- package/dist/cjs/components/molecules/IconTextButton/styled.js +2 -8
- package/dist/cjs/components/molecules/IconTextButton/styled.js.map +1 -1
- package/dist/cjs/components/molecules/InputPassword/InputPassword.d.ts +1 -1
- package/dist/cjs/components/molecules/InputPassword/InputPassword.js +17 -15
- package/dist/cjs/components/molecules/InputPassword/InputPassword.js.map +1 -1
- package/dist/cjs/components/molecules/LabeledSwitch/LabelComponent.js +11 -13
- package/dist/cjs/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -1
- package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +1 -1
- package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.js +31 -26
- package/dist/cjs/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -1
- package/dist/cjs/components/molecules/LabeledSwitch/styled.js +2 -8
- package/dist/cjs/components/molecules/LabeledSwitch/styled.js.map +1 -1
- package/dist/cjs/components/molecules/Select/Modal.d.ts +1 -0
- package/dist/cjs/components/molecules/Select/Modal.js +93 -78
- package/dist/cjs/components/molecules/Select/Modal.js.map +1 -1
- package/dist/cjs/components/molecules/Select/Select.d.ts +1 -0
- package/dist/cjs/components/molecules/Select/Select.js +56 -52
- package/dist/cjs/components/molecules/Select/Select.js.map +1 -1
- package/dist/cjs/components/molecules/Select/styled.js +14 -20
- package/dist/cjs/components/molecules/Select/styled.js.map +1 -1
- package/dist/cjs/components/molecules/Snackbar/Snackbar.js +1 -11
- package/dist/cjs/components/molecules/Snackbar/Snackbar.js.map +1 -1
- package/dist/cjs/components/molecules/Snackbar/styled.js +1 -7
- package/dist/cjs/components/molecules/Snackbar/styled.js.map +1 -1
- package/dist/cjs/index.js +0 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/utils/date.js +3 -6
- package/dist/cjs/utils/date.js.map +1 -1
- package/dist/esm/components/atoms/Avatar/Avatar.js +1 -4
- package/dist/esm/components/atoms/Avatar/Avatar.js.map +1 -1
- package/dist/esm/components/atoms/Badge/Badge.js +8 -8
- package/dist/esm/components/atoms/Badge/Badge.js.map +1 -1
- package/dist/esm/components/atoms/BottomNavigator/BottomNavigator.js +11 -12
- package/dist/esm/components/atoms/BottomNavigator/BottomNavigator.js.map +1 -1
- package/dist/esm/components/atoms/BottomNavigator/Item.d.ts +3 -3
- package/dist/esm/components/atoms/BottomNavigator/Item.js +1 -8
- package/dist/esm/components/atoms/BottomNavigator/Item.js.map +1 -1
- package/dist/esm/components/atoms/BottomNavigator/styled.js.map +1 -1
- package/dist/esm/components/atoms/Button/Button.d.ts +1 -1
- package/dist/esm/components/atoms/Button/Button.js +1 -4
- package/dist/esm/components/atoms/Button/Button.js.map +1 -1
- package/dist/esm/components/atoms/Button/States/Error.js +1 -4
- package/dist/esm/components/atoms/Button/States/Error.js.map +1 -1
- package/dist/esm/components/atoms/Button/States/Loading.js +1 -4
- package/dist/esm/components/atoms/Button/States/Loading.js.map +1 -1
- package/dist/esm/components/atoms/Button/States/Success.js +1 -4
- package/dist/esm/components/atoms/Button/States/Success.js.map +1 -1
- package/dist/esm/components/atoms/GroupButton/GroupButtonOption.d.ts +1 -0
- package/dist/esm/components/atoms/GroupButton/GroupButtonOption.js +1 -4
- package/dist/esm/components/atoms/GroupButton/GroupButtonOption.js.map +1 -1
- package/dist/esm/components/atoms/Header/Header.d.ts +1 -1
- package/dist/esm/components/atoms/Header/Header.js +11 -29
- package/dist/esm/components/atoms/Header/Header.js.map +1 -1
- package/dist/esm/components/atoms/Input/Input.js +36 -33
- package/dist/esm/components/atoms/Input/Input.js.map +1 -1
- package/dist/esm/components/atoms/InputMask/InputMask.js +36 -35
- package/dist/esm/components/atoms/InputMask/InputMask.js.map +1 -1
- package/dist/esm/components/atoms/Modal/ModalGroupManager.js +11 -7
- package/dist/esm/components/atoms/Modal/ModalGroupManager.js.map +1 -1
- package/dist/esm/components/atoms/Modal/ModalLifecycleHandler.js +46 -0
- package/dist/esm/components/atoms/Modal/ModalLifecycleHandler.js.map +1 -1
- package/dist/esm/components/atoms/Modal/ui/BaseModalView.js +20 -15
- package/dist/esm/components/atoms/Modal/ui/BaseModalView.js.map +1 -1
- package/dist/esm/components/atoms/Modal/ui/types.d.ts +2 -1
- package/dist/esm/components/atoms/Skeleton/Pulse.d.ts +1 -0
- package/dist/esm/components/atoms/Skeleton/Pulse.js +15 -12
- package/dist/esm/components/atoms/Skeleton/Pulse.js.map +1 -1
- package/dist/esm/components/atoms/Skeleton/Skeleton.js +25 -20
- package/dist/esm/components/atoms/Skeleton/Skeleton.js.map +1 -1
- package/dist/esm/components/atoms/Skeleton/Wave.d.ts +1 -0
- package/dist/esm/components/atoms/Skeleton/Wave.js +30 -25
- package/dist/esm/components/atoms/Skeleton/Wave.js.map +1 -1
- package/dist/esm/components/atoms/Skeleton/styled.js.map +1 -1
- package/dist/esm/components/atoms/Skeleton/types.d.ts +1 -1
- package/dist/esm/components/atoms/SnappingSlider/SnappingSlider.js +27 -19
- package/dist/esm/components/atoms/SnappingSlider/SnappingSlider.js.map +1 -1
- package/dist/esm/components/atoms/Tag/Tag.js +17 -10
- package/dist/esm/components/atoms/Tag/Tag.js.map +1 -1
- package/dist/esm/components/atoms/Text/Text.d.ts +1 -1
- package/dist/esm/components/atoms/Text/Text.js +1 -3
- package/dist/esm/components/atoms/Text/Text.js.map +1 -1
- package/dist/esm/components/atoms/Text/styled.js.map +1 -1
- package/dist/esm/components/atoms/TextArea/TextArea.d.ts +1 -1
- package/dist/esm/components/atoms/TextArea/TextArea.js +42 -35
- package/dist/esm/components/atoms/TextArea/TextArea.js.map +1 -1
- package/dist/esm/components/molecules/Calendar/Calendar.d.ts +1 -0
- package/dist/esm/components/molecules/Calendar/Calendar.js +8 -5
- package/dist/esm/components/molecules/Calendar/Calendar.js.map +1 -1
- package/dist/esm/components/molecules/DatePicker/DatePicker.d.ts +2 -1
- package/dist/esm/components/molecules/DatePicker/DatePicker.js +14 -16
- package/dist/esm/components/molecules/DatePicker/DatePicker.js.map +1 -1
- package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.d.ts +1 -1
- package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js +13 -14
- package/dist/esm/components/molecules/DateTimePicker/DateTimePicker.js.map +1 -1
- package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.js +8 -5
- package/dist/esm/components/molecules/DateTimeSelector/DateTimeSelector.js.map +1 -1
- package/dist/esm/components/molecules/Grid/Grid.d.ts +2 -1
- package/dist/esm/components/molecules/Grid/Grid.js +38 -26
- package/dist/esm/components/molecules/Grid/Grid.js.map +1 -1
- package/dist/esm/components/molecules/Grid/Item/Item.d.ts +3 -2
- package/dist/esm/components/molecules/Grid/Item/Item.js +1 -4
- package/dist/esm/components/molecules/Grid/Item/Item.js.map +1 -1
- package/dist/esm/components/molecules/IconTextButton/IconTextButton.d.ts +1 -1
- package/dist/esm/components/molecules/IconTextButton/IconTextButton.js +25 -20
- package/dist/esm/components/molecules/IconTextButton/IconTextButton.js.map +1 -1
- package/dist/esm/components/molecules/IconTextButton/TextComponent.js +12 -8
- package/dist/esm/components/molecules/IconTextButton/TextComponent.js.map +1 -1
- package/dist/esm/components/molecules/InputPassword/InputPassword.d.ts +1 -1
- package/dist/esm/components/molecules/InputPassword/InputPassword.js +16 -10
- package/dist/esm/components/molecules/InputPassword/InputPassword.js.map +1 -1
- package/dist/esm/components/molecules/LabeledSwitch/LabelComponent.js +10 -8
- package/dist/esm/components/molecules/LabeledSwitch/LabelComponent.js.map +1 -1
- package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.d.ts +1 -1
- package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.js +31 -22
- package/dist/esm/components/molecules/LabeledSwitch/LabeledSwitch.js.map +1 -1
- package/dist/esm/components/molecules/Select/Modal.d.ts +1 -0
- package/dist/esm/components/molecules/Select/Modal.js +90 -72
- package/dist/esm/components/molecules/Select/Modal.js.map +1 -1
- package/dist/esm/components/molecules/Select/Select.d.ts +1 -0
- package/dist/esm/components/molecules/Select/Select.js +53 -48
- package/dist/esm/components/molecules/Select/Select.js.map +1 -1
- package/dist/esm/components/molecules/Snackbar/Snackbar.js +1 -7
- package/dist/esm/components/molecules/Snackbar/Snackbar.js.map +1 -1
- package/dist/esm/utils/date.js.map +1 -1
- package/package.json +10 -9
|
@@ -4,15 +4,8 @@ var reactCore = require('@tecsinapse/react-core');
|
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var Text = require('../Text/Text.js');
|
|
6
6
|
|
|
7
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
|
-
|
|
9
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
10
|
-
|
|
11
7
|
const Avatar = (props) => {
|
|
12
|
-
return /* @__PURE__ */
|
|
13
|
-
...props,
|
|
14
|
-
TextComponent: Text
|
|
15
|
-
});
|
|
8
|
+
return /* @__PURE__ */ React.createElement(reactCore.Avatar, { ...props, TextComponent: Text });
|
|
16
9
|
};
|
|
17
10
|
|
|
18
11
|
module.exports = Avatar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"sourcesContent":["import { Avatar as AvatarCore, AvatarProps } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { Text } from '../Text';\n\nconst Avatar: React.FC<AvatarProps> = props => {\n return <AvatarCore {...props} TextComponent={Text} />;\n};\n\nexport default Avatar;\n"],"names":["
|
|
1
|
+
{"version":3,"file":"Avatar.js","sources":["../../../../../src/components/atoms/Avatar/Avatar.tsx"],"sourcesContent":["import { Avatar as AvatarCore, AvatarProps } from '@tecsinapse/react-core';\nimport React from 'react';\nimport { Text } from '../Text';\n\nconst Avatar: React.FC<AvatarProps> = props => {\n return <AvatarCore {...props} TextComponent={Text} />;\n};\n\nexport default Avatar;\n"],"names":["AvatarCore"],"mappings":";;;;;;AAIA,MAAM,SAAgC,CAAS,KAAA,KAAA;AAC7C,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAA,gBAAA,EAAA,EAAY,GAAG,KAAA,EAAO,eAAe,IAAM,EAAA,CAAA,CAAA;AACrD;;;;"}
|
|
@@ -4,24 +4,20 @@ var React = require('react');
|
|
|
4
4
|
var reactCore = require('@tecsinapse/react-core');
|
|
5
5
|
var Text = require('../Text/Text.js');
|
|
6
6
|
|
|
7
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
|
-
|
|
9
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
10
|
-
|
|
11
7
|
const Badge = ({
|
|
12
8
|
children,
|
|
13
9
|
fontColor = "light",
|
|
14
10
|
value,
|
|
15
11
|
...props
|
|
16
12
|
}) => {
|
|
17
|
-
return /* @__PURE__ */
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
fontWeight: "bold",
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
13
|
+
return /* @__PURE__ */ React.createElement(
|
|
14
|
+
reactCore.Badge,
|
|
15
|
+
{
|
|
16
|
+
...props,
|
|
17
|
+
value: /* @__PURE__ */ React.createElement(Text, { fontColor, fontWeight: "bold", typography: "label" }, value)
|
|
18
|
+
},
|
|
19
|
+
children
|
|
20
|
+
);
|
|
25
21
|
};
|
|
26
22
|
|
|
27
23
|
module.exports = Badge;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sources":["../../../../../src/components/atoms/Badge/Badge.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n BadgeProps,\n Badge as BadgeCore,\n FontColorType,\n} from '@tecsinapse/react-core';\nimport { Text } from '../Text';\n\nexport interface BadgeNativeProps extends Omit<BadgeProps, 'value'> {\n fontColor?: FontColorType;\n value: string | number;\n}\n\nconst Badge: FC<BadgeNativeProps> = ({\n children,\n fontColor = 'light',\n value,\n ...props\n}) => {\n return (\n <BadgeCore\n {...props}\n value={\n <Text fontColor={fontColor} fontWeight={'bold'} typography={'label'}>\n {value}\n </Text>\n }\n >\n {children}\n </BadgeCore>\n );\n};\n\nexport default Badge;\n"],"names":["
|
|
1
|
+
{"version":3,"file":"Badge.js","sources":["../../../../../src/components/atoms/Badge/Badge.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n BadgeProps,\n Badge as BadgeCore,\n FontColorType,\n} from '@tecsinapse/react-core';\nimport { Text } from '../Text';\n\nexport interface BadgeNativeProps extends Omit<BadgeProps, 'value'> {\n fontColor?: FontColorType;\n value: string | number;\n}\n\nconst Badge: FC<BadgeNativeProps> = ({\n children,\n fontColor = 'light',\n value,\n ...props\n}) => {\n return (\n <BadgeCore\n {...props}\n value={\n <Text fontColor={fontColor} fontWeight={'bold'} typography={'label'}>\n {value}\n </Text>\n }\n >\n {children}\n </BadgeCore>\n );\n};\n\nexport default Badge;\n"],"names":["BadgeCore"],"mappings":";;;;;;AAaA,MAAM,QAA8B,CAAC;AAAA,EACnC,QAAA;AAAA,EACA,SAAY,GAAA,OAAA;AAAA,EACZ,KAAA;AAAA,EACA,GAAG,KAAA;AACL,CAAM,KAAA;AACJ,EACE,uBAAA,KAAA,CAAA,aAAA;AAAA,IAACA,eAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,KAAA,sCACG,IAAK,EAAA,EAAA,SAAA,EAAsB,YAAY,MAAQ,EAAA,UAAA,EAAY,WACzD,KACH,CAAA;AAAA,KAAA;AAAA,IAGD,QAAA;AAAA,GACH,CAAA;AAEJ;;;;"}
|
|
@@ -5,8 +5,7 @@ var styled = require('./styled.js');
|
|
|
5
5
|
var Item = require('./Item.js');
|
|
6
6
|
var Text = require('../Text/Text.js');
|
|
7
7
|
|
|
8
|
-
function
|
|
9
|
-
if (e && e.__esModule) return e;
|
|
8
|
+
function _interopNamespaceDefault(e) {
|
|
10
9
|
var n = Object.create(null);
|
|
11
10
|
if (e) {
|
|
12
11
|
Object.keys(e).forEach(function (k) {
|
|
@@ -19,11 +18,11 @@ function _interopNamespace(e) {
|
|
|
19
18
|
}
|
|
20
19
|
});
|
|
21
20
|
}
|
|
22
|
-
n
|
|
21
|
+
n.default = e;
|
|
23
22
|
return Object.freeze(n);
|
|
24
23
|
}
|
|
25
24
|
|
|
26
|
-
var React__namespace = /*#__PURE__*/
|
|
25
|
+
var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
|
27
26
|
|
|
28
27
|
function BottomNavigator({
|
|
29
28
|
selected,
|
|
@@ -31,21 +30,20 @@ function BottomNavigator({
|
|
|
31
30
|
children,
|
|
32
31
|
...rest
|
|
33
32
|
}) {
|
|
34
|
-
return /* @__PURE__ */ React__namespace.createElement(styled.StyledView, {
|
|
35
|
-
...rest
|
|
36
|
-
}, React__namespace.Children.map(children, (child) => {
|
|
33
|
+
return /* @__PURE__ */ React__namespace.createElement(styled.StyledView, { ...rest }, React__namespace.Children.map(children, (child) => {
|
|
37
34
|
const { value, label, labelProps, labelElement } = child.props;
|
|
38
35
|
const isSelected = value == selected;
|
|
39
|
-
return /* @__PURE__ */ React__namespace.createElement(styled.TabContainer, {
|
|
40
|
-
selected: isSelected,
|
|
41
|
-
onPress: () => onSelect(value)
|
|
42
|
-
}, React__namespace.cloneElement(child, {
|
|
36
|
+
return /* @__PURE__ */ React__namespace.createElement(styled.TabContainer, { selected: isSelected, onPress: () => onSelect(value) }, React__namespace.cloneElement(child, {
|
|
43
37
|
_selected: isSelected
|
|
44
|
-
}), label && !labelElement && /* @__PURE__ */ React__namespace.createElement(
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
38
|
+
}), label && !labelElement && /* @__PURE__ */ React__namespace.createElement(
|
|
39
|
+
Text,
|
|
40
|
+
{
|
|
41
|
+
colorVariant: labelProps?.colorVariant || isSelected ? "primary" : "secondary",
|
|
42
|
+
typography: labelProps?.typography || "sub",
|
|
43
|
+
...labelProps
|
|
44
|
+
},
|
|
45
|
+
label
|
|
46
|
+
), labelElement && labelElement);
|
|
49
47
|
}));
|
|
50
48
|
}
|
|
51
49
|
BottomNavigator.Item = Item;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomNavigator.js","sources":["../../../../../src/components/atoms/BottomNavigator/BottomNavigator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledView, TabContainer } from './styled';\nimport Item, { BottomNavigatorItemProps } from './Item';\nimport { Text } from '../Text';\n\nexport interface BottomNavigatorProps<T extends string | number | symbol>\n extends ViewProps {\n selected: T;\n onSelect: (value: T) => void | never;\n children:\n | React.ReactElement<BottomNavigatorItemProps<T>>\n | React.ReactElement<BottomNavigatorItemProps<T>>[];\n}\n\nfunction BottomNavigator<T extends string | number | symbol>({\n selected,\n onSelect,\n children,\n ...rest\n}: BottomNavigatorProps<T>): JSX.Element {\n return (\n <StyledView {...rest}>\n {React.Children.map(children, child => {\n const { value, label, labelProps, labelElement } = (\n child as React.ReactElement<BottomNavigatorItemProps<T>>\n ).props;\n const isSelected = value == selected;\n\n return (\n <TabContainer selected={isSelected} onPress={() => onSelect(value)}>\n {React.cloneElement(child as React.ReactElement, {\n _selected: isSelected,\n })}\n {label && !labelElement && (\n <Text\n colorVariant={\n labelProps?.colorVariant || isSelected\n ? 'primary'\n : 'secondary'\n }\n typography={labelProps?.typography || 'sub'}\n {...labelProps}\n >\n {label}\n </Text>\n )}\n {labelElement && labelElement}\n </TabContainer>\n );\n })}\n </StyledView>\n );\n}\n\nBottomNavigator.Item = Item;\n\nexport default BottomNavigator;\n"],"names":["React","StyledView","TabContainer"],"mappings":"
|
|
1
|
+
{"version":3,"file":"BottomNavigator.js","sources":["../../../../../src/components/atoms/BottomNavigator/BottomNavigator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { ViewProps } from 'react-native';\nimport { StyledView, TabContainer } from './styled';\nimport Item, { BottomNavigatorItemProps } from './Item';\nimport { Text } from '../Text';\n\nexport interface BottomNavigatorProps<T extends string | number | symbol>\n extends ViewProps {\n selected: T;\n onSelect: (value: T) => void | never;\n children:\n | React.ReactElement<BottomNavigatorItemProps<T>>\n | React.ReactElement<BottomNavigatorItemProps<T>>[];\n}\n\nfunction BottomNavigator<T extends string | number | symbol>({\n selected,\n onSelect,\n children,\n ...rest\n}: BottomNavigatorProps<T>): JSX.Element {\n return (\n <StyledView {...rest}>\n {React.Children.map(children, child => {\n const { value, label, labelProps, labelElement } = (\n child as React.ReactElement<BottomNavigatorItemProps<T>>\n ).props;\n const isSelected = value == selected;\n\n return (\n <TabContainer selected={isSelected} onPress={() => onSelect(value)}>\n {React.cloneElement(child as React.ReactElement, {\n _selected: isSelected,\n })}\n {label && !labelElement && (\n <Text\n colorVariant={\n labelProps?.colorVariant || isSelected\n ? 'primary'\n : 'secondary'\n }\n typography={labelProps?.typography || 'sub'}\n {...labelProps}\n >\n {label}\n </Text>\n )}\n {labelElement && labelElement}\n </TabContainer>\n );\n })}\n </StyledView>\n );\n}\n\nBottomNavigator.Item = Item;\n\nexport default BottomNavigator;\n"],"names":["React","StyledView","TabContainer"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,SAAS,eAAoD,CAAA;AAAA,EAC3D,QAAA;AAAA,EACA,QAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAyC,EAAA;AACvC,EACE,uBAAAA,gBAAA,CAAA,aAAA,CAACC,qBAAY,GAAG,IAAA,EAAA,EACbD,iBAAM,QAAS,CAAA,GAAA,CAAI,UAAU,CAAS,KAAA,KAAA;AACrC,IAAA,MAAM,EAAE,KAAO,EAAA,KAAA,EAAO,UAAY,EAAA,YAAA,KAChC,KACA,CAAA,KAAA,CAAA;AACF,IAAA,MAAM,aAAa,KAAS,IAAA,QAAA,CAAA;AAE5B,IACE,uBAAAA,gBAAA,CAAA,aAAA,CAACE,mBAAa,EAAA,EAAA,QAAA,EAAU,UAAY,EAAA,OAAA,EAAS,MAAM,QAAA,CAAS,KAAK,CAAA,EAAA,EAC9DF,gBAAM,CAAA,YAAA,CAAa,KAA6B,EAAA;AAAA,MAC/C,SAAW,EAAA,UAAA;AAAA,KACZ,CAAA,EACA,KAAS,IAAA,CAAC,YACT,oBAAAA,gBAAA,CAAA,aAAA;AAAA,MAAC,IAAA;AAAA,MAAA;AAAA,QACC,YACE,EAAA,UAAA,EAAY,YAAgB,IAAA,UAAA,GACxB,SACA,GAAA,WAAA;AAAA,QAEN,UAAA,EAAY,YAAY,UAAc,IAAA,KAAA;AAAA,QACrC,GAAG,UAAA;AAAA,OAAA;AAAA,MAEH,KAAA;AAAA,KACH,EAED,gBAAgB,YACnB,CAAA,CAAA;AAAA,GAEH,CACH,CAAA,CAAA;AAEJ,CAAA;AAEA,eAAA,CAAgB,IAAO,GAAA,IAAA;;;;"}
|
|
@@ -2,7 +2,7 @@ import * as React from 'react';
|
|
|
2
2
|
import { IconProps } from '@tecsinapse/react-core';
|
|
3
3
|
import { ViewProps } from 'react-native';
|
|
4
4
|
import { TextNativeProps } from '../Text';
|
|
5
|
-
|
|
5
|
+
type ValueType = string | number | symbol;
|
|
6
6
|
export interface BottomNavigatorItemProps<T extends ValueType> extends Omit<ViewProps, 'children'> {
|
|
7
7
|
_selected?: boolean;
|
|
8
8
|
value: T;
|
|
@@ -12,8 +12,8 @@ export interface BottomNavigatorItemProps<T extends ValueType> extends Omit<View
|
|
|
12
12
|
labelElement?: React.ReactNode | React.ReactNode[];
|
|
13
13
|
children: React.ReactNode | React.ReactNode[];
|
|
14
14
|
}
|
|
15
|
-
|
|
16
|
-
|
|
15
|
+
type ItemPropsWithIcon<T extends ValueType> = Omit<BottomNavigatorItemProps<T>, 'children'>;
|
|
16
|
+
type ItemPropsWithChildren<T extends ValueType> = Omit<BottomNavigatorItemProps<T>, 'icon' | 'label' | 'labelElement' | 'labelProps'>;
|
|
17
17
|
declare function Item<T extends ValueType>(props: ItemPropsWithChildren<T>): any;
|
|
18
18
|
declare function Item<T extends ValueType>(props: ItemPropsWithIcon<T>): any;
|
|
19
19
|
export default Item;
|
|
@@ -4,8 +4,7 @@ var React = require('react');
|
|
|
4
4
|
var reactCore = require('@tecsinapse/react-core');
|
|
5
5
|
var styled = require('./styled.js');
|
|
6
6
|
|
|
7
|
-
function
|
|
8
|
-
if (e && e.__esModule) return e;
|
|
7
|
+
function _interopNamespaceDefault(e) {
|
|
9
8
|
var n = Object.create(null);
|
|
10
9
|
if (e) {
|
|
11
10
|
Object.keys(e).forEach(function (k) {
|
|
@@ -18,11 +17,11 @@ function _interopNamespace(e) {
|
|
|
18
17
|
}
|
|
19
18
|
});
|
|
20
19
|
}
|
|
21
|
-
n
|
|
20
|
+
n.default = e;
|
|
22
21
|
return Object.freeze(n);
|
|
23
22
|
}
|
|
24
23
|
|
|
25
|
-
var React__namespace = /*#__PURE__*/
|
|
24
|
+
var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
|
26
25
|
|
|
27
26
|
function Item({
|
|
28
27
|
_selected,
|
|
@@ -33,14 +32,7 @@ function Item({
|
|
|
33
32
|
const styledButtonStyle = _selected ? void 0 : { backgroundColor: "transparent" };
|
|
34
33
|
const iconColorVariant = _selected ? "primary" : "secondary";
|
|
35
34
|
if (icon) {
|
|
36
|
-
return /* @__PURE__ */ React__namespace.createElement(styled.TabContent, {
|
|
37
|
-
style: styledButtonStyle,
|
|
38
|
-
...rest
|
|
39
|
-
}, /* @__PURE__ */ React__namespace.createElement(reactCore.Icon, {
|
|
40
|
-
colorVariant: iconColorVariant,
|
|
41
|
-
size: "centi",
|
|
42
|
-
...icon
|
|
43
|
-
}));
|
|
35
|
+
return /* @__PURE__ */ React__namespace.createElement(styled.TabContent, { style: styledButtonStyle, ...rest }, /* @__PURE__ */ React__namespace.createElement(reactCore.Icon, { colorVariant: iconColorVariant, size: "centi", ...icon }));
|
|
44
36
|
} else {
|
|
45
37
|
return /* @__PURE__ */ React__namespace.createElement(styled.CustomTabContent, null, children);
|
|
46
38
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Item.js","sources":["../../../../../src/components/atoms/BottomNavigator/Item.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon, IconProps } from '@tecsinapse/react-core';\nimport { TabContent, CustomTabContent } from './styled';\nimport { ViewProps } from 'react-native';\nimport { TextNativeProps } from '../Text';\n\ntype ValueType = string | number | symbol;\n\nexport interface BottomNavigatorItemProps<T extends ValueType>\n extends Omit<ViewProps, 'children'> {\n _selected?: boolean;\n value: T;\n icon: IconProps;\n label?: string;\n labelProps?: TextNativeProps;\n labelElement?: React.ReactNode | React.ReactNode[];\n children: React.ReactNode | React.ReactNode[];\n}\n\ntype ItemPropsWithIcon<T extends ValueType> = Omit<\n BottomNavigatorItemProps<T>,\n 'children'\n>;\n\ntype ItemPropsWithChildren<T extends ValueType> = Omit<\n BottomNavigatorItemProps<T>,\n 'icon' | 'label' | 'labelElement' | 'labelProps'\n>;\n\nfunction Item<T extends ValueType>(props: ItemPropsWithChildren<T>);\nfunction Item<T extends ValueType>(props: ItemPropsWithIcon<T>);\nfunction Item<T extends ValueType>({\n _selected,\n icon,\n children,\n ...rest\n}: Partial<BottomNavigatorItemProps<T>>): JSX.Element {\n const styledButtonStyle = _selected\n ? undefined\n : { backgroundColor: 'transparent' };\n\n const iconColorVariant = _selected ? 'primary' : 'secondary';\n\n if (icon) {\n return (\n <TabContent style={styledButtonStyle} {...rest}>\n <Icon colorVariant={iconColorVariant} size={'centi'} {...icon} />\n </TabContent>\n );\n } else {\n return <CustomTabContent>{children}</CustomTabContent>;\n }\n}\n\nexport default Item;\n"],"names":["React","TabContent","Icon","CustomTabContent"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Item.js","sources":["../../../../../src/components/atoms/BottomNavigator/Item.tsx"],"sourcesContent":["import * as React from 'react';\nimport { Icon, IconProps } from '@tecsinapse/react-core';\nimport { TabContent, CustomTabContent } from './styled';\nimport { ViewProps } from 'react-native';\nimport { TextNativeProps } from '../Text';\n\ntype ValueType = string | number | symbol;\n\nexport interface BottomNavigatorItemProps<T extends ValueType>\n extends Omit<ViewProps, 'children'> {\n _selected?: boolean;\n value: T;\n icon: IconProps;\n label?: string;\n labelProps?: TextNativeProps;\n labelElement?: React.ReactNode | React.ReactNode[];\n children: React.ReactNode | React.ReactNode[];\n}\n\ntype ItemPropsWithIcon<T extends ValueType> = Omit<\n BottomNavigatorItemProps<T>,\n 'children'\n>;\n\ntype ItemPropsWithChildren<T extends ValueType> = Omit<\n BottomNavigatorItemProps<T>,\n 'icon' | 'label' | 'labelElement' | 'labelProps'\n>;\n\nfunction Item<T extends ValueType>(props: ItemPropsWithChildren<T>);\nfunction Item<T extends ValueType>(props: ItemPropsWithIcon<T>);\nfunction Item<T extends ValueType>({\n _selected,\n icon,\n children,\n ...rest\n}: Partial<BottomNavigatorItemProps<T>>): JSX.Element {\n const styledButtonStyle = _selected\n ? undefined\n : { backgroundColor: 'transparent' };\n\n const iconColorVariant = _selected ? 'primary' : 'secondary';\n\n if (icon) {\n return (\n <TabContent style={styledButtonStyle} {...rest}>\n <Icon colorVariant={iconColorVariant} size={'centi'} {...icon} />\n </TabContent>\n );\n } else {\n return <CustomTabContent>{children}</CustomTabContent>;\n }\n}\n\nexport default Item;\n"],"names":["React","TabContent","Icon","CustomTabContent"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA+BA,SAAS,IAA0B,CAAA;AAAA,EACjC,SAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAsD,EAAA;AACpD,EAAA,MAAM,iBAAoB,GAAA,SAAA,GACtB,KACA,CAAA,GAAA,EAAE,iBAAiB,aAAc,EAAA,CAAA;AAErC,EAAM,MAAA,gBAAA,GAAmB,YAAY,SAAY,GAAA,WAAA,CAAA;AAEjD,EAAA,IAAI,IAAM,EAAA;AACR,IAAA,uBACGA,gBAAA,CAAA,aAAA,CAAAC,iBAAA,EAAA,EAAW,KAAO,EAAA,iBAAA,EAAoB,GAAG,IACxC,EAAA,kBAAAD,gBAAA,CAAA,aAAA,CAACE,cAAK,EAAA,EAAA,YAAA,EAAc,gBAAkB,EAAA,IAAA,EAAM,OAAU,EAAA,GAAG,MAAM,CACjE,CAAA,CAAA;AAAA,GAEG,MAAA;AACL,IAAO,uBAAAF,gBAAA,CAAA,aAAA,CAACG,+BAAkB,QAAS,CAAA,CAAA;AAAA,GACrC;AACF;;;;"}
|
|
@@ -1,22 +1,16 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var styled = require('@emotion/native');
|
|
6
4
|
var reactCore = require('@tecsinapse/react-core');
|
|
7
5
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
11
|
-
|
|
12
|
-
const StyledView = styled__default["default"].View`
|
|
6
|
+
const StyledView = styled.View`
|
|
13
7
|
flex-direction: row;
|
|
14
8
|
justify-content: space-between;
|
|
15
9
|
padding-horizontal: ${({ theme }) => theme.spacing.deca};
|
|
16
10
|
padding-bottom: ${({ theme }) => theme.spacing.kilo};
|
|
17
11
|
background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};
|
|
18
12
|
`;
|
|
19
|
-
const TabContainer =
|
|
13
|
+
const TabContainer = styled.Pressable`
|
|
20
14
|
flex: 1;
|
|
21
15
|
margin-horizontal: ${({ theme }) => theme.spacing.mili};
|
|
22
16
|
padding-top: ${({ theme }) => theme.spacing.deca};
|
|
@@ -25,7 +19,7 @@ const TabContainer = styled__default["default"].Pressable`
|
|
|
25
19
|
align-items: center;
|
|
26
20
|
justify-content: flex-end;
|
|
27
21
|
`;
|
|
28
|
-
const TabContent =
|
|
22
|
+
const TabContent = styled.View`
|
|
29
23
|
aspect-ratio: 1;
|
|
30
24
|
justify-content: center;
|
|
31
25
|
align-items: center;
|
|
@@ -33,7 +27,7 @@ const TabContent = styled__default["default"].View`
|
|
|
33
27
|
background-color: ${({ theme }) => theme.color.primary.xlight};
|
|
34
28
|
border-radius: ${({ theme }) => theme.borderRadius["mili"]};
|
|
35
29
|
`;
|
|
36
|
-
const CustomTabContent =
|
|
30
|
+
const CustomTabContent = styled.View``;
|
|
37
31
|
|
|
38
32
|
exports.CustomTabContent = CustomTabContent;
|
|
39
33
|
exports.StyledView = StyledView;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/BottomNavigator/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { RFValueStr, StyleProps } from '@tecsinapse/react-core';\nimport { PressableProps, ViewProps } from 'react-native';\n\nexport const StyledView = styled.View<ViewProps & Partial<StyleProps>>`\n flex-direction: row;\n justify-content: space-between;\n padding-horizontal: ${({ theme }) => theme.spacing.deca};\n padding-bottom: ${({ theme }) => theme.spacing.kilo};\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n`;\n\nexport const TabContainer = styled.Pressable<\n { selected: boolean } & PressableProps & Partial<StyleProps>\n>`\n flex: 1;\n margin-horizontal: ${({ theme }) => theme.spacing.mili};\n padding-top: ${({ theme }) => theme.spacing.deca};\n border-top-width: ${({ selected }) => (selected ? RFValueStr('2px') : 0)};\n border-color: ${({ theme }) => theme.color.primary.medium};\n align-items: center;\n justify-content: flex-end;\n`;\n\nexport const TabContent = styled.View<ViewProps & Partial<StyleProps>>`\n aspect-ratio: 1;\n justify-content: center;\n align-items: center;\n min-height: ${RFValueStr('48px')};\n background-color: ${({ theme }) => theme.color.primary.xlight};\n border-radius: ${({ theme }) => theme.borderRadius['mili']};\n`;\n\nexport const CustomTabContent = styled.View<ViewProps & Partial<StyleProps>>``;\n"],"names":["
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/BottomNavigator/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport { RFValueStr, StyleProps } from '@tecsinapse/react-core';\nimport { PressableProps, ViewProps } from 'react-native';\n\nexport const StyledView = styled.View<ViewProps & Partial<StyleProps>>`\n flex-direction: row;\n justify-content: space-between;\n padding-horizontal: ${({ theme }) => theme.spacing.deca};\n padding-bottom: ${({ theme }) => theme.spacing.kilo};\n background-color: ${({ theme }) => theme.miscellaneous.surfaceColor};\n`;\n\nexport const TabContainer = styled.Pressable<\n { selected: boolean } & PressableProps & Partial<StyleProps>\n>`\n flex: 1;\n margin-horizontal: ${({ theme }) => theme.spacing.mili};\n padding-top: ${({ theme }) => theme.spacing.deca};\n border-top-width: ${({ selected }) => (selected ? RFValueStr('2px') : 0)};\n border-color: ${({ theme }) => theme.color.primary.medium};\n align-items: center;\n justify-content: flex-end;\n`;\n\nexport const TabContent = styled.View<ViewProps & Partial<StyleProps>>`\n aspect-ratio: 1;\n justify-content: center;\n align-items: center;\n min-height: ${RFValueStr('48px')};\n background-color: ${({ theme }) => theme.color.primary.xlight};\n border-radius: ${({ theme }) => theme.borderRadius['mili']};\n`;\n\nexport const CustomTabContent = styled.View<ViewProps & Partial<StyleProps>>``;\n"],"names":["RFValueStr"],"mappings":";;;;;AAIO,MAAM,aAAa,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,sBAAA,EAGT,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,kBAAA,EACjC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,oBAAA,EAC3B,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,aAAc,CAAA,YAAA,CAAA;AAAA,EAAA;AAGlD,MAAM,eAAe,MAAO,CAAA,SAAA,CAAA;AAAA;AAAA,qBAAA,EAIZ,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,eAAA,EACnC,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA,oBAAA,EACxB,CAAC,EAAE,QAAA,OAAgB,QAAW,GAAAA,oBAAA,CAAW,KAAK,CAAI,GAAA,CAAA,CAAA;AAAA,gBAAA,EACtD,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,OAAQ,CAAA,MAAA,CAAA;AAAA;AAAA;AAAA,EAAA;AAK9C,MAAM,aAAa,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,cAAA,EAIjBA,qBAAW,MAAM,CAAA,CAAA;AAAA,oBAAA,EACX,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,MAAM,OAAQ,CAAA,MAAA,CAAA;AAAA,iBAAA,EACtC,CAAC,EAAE,KAAA,EAAY,KAAA,KAAA,CAAM,aAAa,MAAM,CAAA,CAAA;AAAA,EAAA;AAGpD,MAAM,mBAAmB,MAAO,CAAA,IAAA,CAAA;;;;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ButtonProps } from '@tecsinapse/react-core';
|
|
2
2
|
import { FC } from 'react';
|
|
3
|
-
export
|
|
3
|
+
export type ButtonNativeProps = ButtonProps & {
|
|
4
4
|
autoDismissKeyboard?: boolean;
|
|
5
5
|
};
|
|
6
6
|
export declare const Button: FC<ButtonNativeProps>;
|
|
@@ -1,15 +1,9 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var reactCore = require('@tecsinapse/react-core');
|
|
6
4
|
var React = require('react');
|
|
7
5
|
var reactNative = require('react-native');
|
|
8
6
|
|
|
9
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
10
|
-
|
|
11
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
12
|
-
|
|
13
7
|
const Button = ({
|
|
14
8
|
autoDismissKeyboard = true,
|
|
15
9
|
onPress,
|
|
@@ -22,10 +16,7 @@ const Button = ({
|
|
|
22
16
|
},
|
|
23
17
|
[onPress]
|
|
24
18
|
);
|
|
25
|
-
return /* @__PURE__ */
|
|
26
|
-
...others,
|
|
27
|
-
onPress: handleOnPress
|
|
28
|
-
});
|
|
19
|
+
return /* @__PURE__ */ React.createElement(reactCore.Button, { ...others, onPress: handleOnPress });
|
|
29
20
|
};
|
|
30
21
|
|
|
31
22
|
exports.Button = Button;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../../../src/components/atoms/Button/Button.tsx"],"sourcesContent":["import { Button as ButtonCore, ButtonProps } from '@tecsinapse/react-core';\nimport React, { FC, useCallback } from 'react';\nimport { Keyboard } from 'react-native';\n\nexport type ButtonNativeProps = ButtonProps & {\n autoDismissKeyboard?: boolean;\n};\n\nexport const Button: FC<ButtonNativeProps> = ({\n autoDismissKeyboard = true,\n onPress,\n ...others\n}) => {\n const handleOnPress = useCallback(\n event => {\n autoDismissKeyboard && Keyboard.dismiss();\n onPress?.(event);\n },\n [onPress]\n );\n\n return <ButtonCore {...others} onPress={handleOnPress} />;\n};\n"],"names":["useCallback","Keyboard","
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../../../src/components/atoms/Button/Button.tsx"],"sourcesContent":["import { Button as ButtonCore, ButtonProps } from '@tecsinapse/react-core';\nimport React, { FC, useCallback } from 'react';\nimport { Keyboard } from 'react-native';\n\nexport type ButtonNativeProps = ButtonProps & {\n autoDismissKeyboard?: boolean;\n};\n\nexport const Button: FC<ButtonNativeProps> = ({\n autoDismissKeyboard = true,\n onPress,\n ...others\n}) => {\n const handleOnPress = useCallback(\n event => {\n autoDismissKeyboard && Keyboard.dismiss();\n onPress?.(event);\n },\n [onPress]\n );\n\n return <ButtonCore {...others} onPress={handleOnPress} />;\n};\n"],"names":["useCallback","Keyboard","ButtonCore"],"mappings":";;;;;;AAQO,MAAM,SAAgC,CAAC;AAAA,EAC5C,mBAAsB,GAAA,IAAA;AAAA,EACtB,OAAA;AAAA,EACA,GAAG,MAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,aAAgB,GAAAA,iBAAA;AAAA,IACpB,CAAS,KAAA,KAAA;AACP,MAAA,mBAAA,IAAuBC,qBAAS,OAAQ,EAAA,CAAA;AACxC,MAAA,OAAA,GAAU,KAAK,CAAA,CAAA;AAAA,KACjB;AAAA,IACA,CAAC,OAAO,CAAA;AAAA,GACV,CAAA;AAEA,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAC,gBAAA,EAAA,EAAY,GAAG,MAAA,EAAQ,SAAS,aAAe,EAAA,CAAA,CAAA;AACzD;;;;"}
|
|
@@ -4,15 +4,8 @@ var reactCore = require('@tecsinapse/react-core');
|
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var Text = require('../../Text/Text.js');
|
|
6
6
|
|
|
7
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
|
-
|
|
9
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
10
|
-
|
|
11
7
|
const Error = (props) => {
|
|
12
|
-
return /* @__PURE__ */
|
|
13
|
-
...props,
|
|
14
|
-
textComponent: Text
|
|
15
|
-
});
|
|
8
|
+
return /* @__PURE__ */ React.createElement(reactCore.Error, { ...props, textComponent: Text });
|
|
16
9
|
};
|
|
17
10
|
|
|
18
11
|
module.exports = Error;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Error.js","sources":["../../../../../../src/components/atoms/Button/States/Error.tsx"],"sourcesContent":["import { ButtonStateProps, Error as CoreError } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../Text';\n\nconst Error: FC<ButtonStateProps> = props => {\n return <CoreError {...props} textComponent={Text} />;\n};\n\nexport default Error;\n"],"names":["
|
|
1
|
+
{"version":3,"file":"Error.js","sources":["../../../../../../src/components/atoms/Button/States/Error.tsx"],"sourcesContent":["import { ButtonStateProps, Error as CoreError } from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../Text';\n\nconst Error: FC<ButtonStateProps> = props => {\n return <CoreError {...props} textComponent={Text} />;\n};\n\nexport default Error;\n"],"names":["CoreError"],"mappings":";;;;;;AAIA,MAAM,QAA8B,CAAS,KAAA,KAAA;AAC3C,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAA,eAAA,EAAA,EAAW,GAAG,KAAA,EAAO,eAAe,IAAM,EAAA,CAAA,CAAA;AACpD;;;;"}
|
|
@@ -4,15 +4,8 @@ var reactCore = require('@tecsinapse/react-core');
|
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var Text = require('../../Text/Text.js');
|
|
6
6
|
|
|
7
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
|
-
|
|
9
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
10
|
-
|
|
11
7
|
const Loading = (props) => {
|
|
12
|
-
return /* @__PURE__ */
|
|
13
|
-
...props,
|
|
14
|
-
textComponent: Text
|
|
15
|
-
});
|
|
8
|
+
return /* @__PURE__ */ React.createElement(reactCore.Loading, { ...props, textComponent: Text });
|
|
16
9
|
};
|
|
17
10
|
|
|
18
11
|
module.exports = Loading;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Loading.js","sources":["../../../../../../src/components/atoms/Button/States/Loading.tsx"],"sourcesContent":["import {\n ButtonStateProps,\n Loading as CoreLoading,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../Text';\n\nconst Loading: FC<ButtonStateProps> = props => {\n return <CoreLoading {...props} textComponent={Text} />;\n};\n\nexport default Loading;\n"],"names":["
|
|
1
|
+
{"version":3,"file":"Loading.js","sources":["../../../../../../src/components/atoms/Button/States/Loading.tsx"],"sourcesContent":["import {\n ButtonStateProps,\n Loading as CoreLoading,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../Text';\n\nconst Loading: FC<ButtonStateProps> = props => {\n return <CoreLoading {...props} textComponent={Text} />;\n};\n\nexport default Loading;\n"],"names":["CoreLoading"],"mappings":";;;;;;AAOA,MAAM,UAAgC,CAAS,KAAA,KAAA;AAC7C,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAA,iBAAA,EAAA,EAAa,GAAG,KAAA,EAAO,eAAe,IAAM,EAAA,CAAA,CAAA;AACtD;;;;"}
|
|
@@ -4,15 +4,8 @@ var reactCore = require('@tecsinapse/react-core');
|
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var Text = require('../../Text/Text.js');
|
|
6
6
|
|
|
7
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
|
-
|
|
9
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
10
|
-
|
|
11
7
|
const Success = (props) => {
|
|
12
|
-
return /* @__PURE__ */
|
|
13
|
-
...props,
|
|
14
|
-
textComponent: Text
|
|
15
|
-
});
|
|
8
|
+
return /* @__PURE__ */ React.createElement(reactCore.Success, { ...props, textComponent: Text });
|
|
16
9
|
};
|
|
17
10
|
|
|
18
11
|
module.exports = Success;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Success.js","sources":["../../../../../../src/components/atoms/Button/States/Success.tsx"],"sourcesContent":["import {\n ButtonStateProps,\n Success as CoreSuccess,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../Text';\n\nconst Success: FC<ButtonStateProps> = props => {\n return <CoreSuccess {...props} textComponent={Text} />;\n};\n\nexport default Success;\n"],"names":["
|
|
1
|
+
{"version":3,"file":"Success.js","sources":["../../../../../../src/components/atoms/Button/States/Success.tsx"],"sourcesContent":["import {\n ButtonStateProps,\n Success as CoreSuccess,\n} from '@tecsinapse/react-core';\nimport React, { FC } from 'react';\nimport { Text } from '../../Text';\n\nconst Success: FC<ButtonStateProps> = props => {\n return <CoreSuccess {...props} textComponent={Text} />;\n};\n\nexport default Success;\n"],"names":["CoreSuccess"],"mappings":";;;;;;AAOA,MAAM,UAAgC,CAAS,KAAA,KAAA;AAC7C,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAA,iBAAA,EAAA,EAAa,GAAG,KAAA,EAAO,eAAe,IAAM,EAAA,CAAA,CAAA;AACtD;;;;"}
|
|
@@ -4,15 +4,8 @@ var reactCore = require('@tecsinapse/react-core');
|
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var Text = require('../Text/Text.js');
|
|
6
6
|
|
|
7
|
-
function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
|
|
8
|
-
|
|
9
|
-
var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
|
|
10
|
-
|
|
11
7
|
const GroupButtonOption = (props) => {
|
|
12
|
-
return /* @__PURE__ */
|
|
13
|
-
...props,
|
|
14
|
-
TextComponent: Text
|
|
15
|
-
});
|
|
8
|
+
return /* @__PURE__ */ React.createElement(reactCore.GroupButtonOption, { ...props, TextComponent: Text });
|
|
16
9
|
};
|
|
17
10
|
|
|
18
11
|
module.exports = GroupButtonOption;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GroupButtonOption.js","sources":["../../../../../src/components/atoms/GroupButton/GroupButtonOption.tsx"],"sourcesContent":["import {\n GroupButtonOption as CoreGroupButtonOption,\n GroupButtonOptionProps,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { Text } from '../Text';\n\nconst GroupButtonOption = (props: GroupButtonOptionProps): JSX.Element => {\n return <CoreGroupButtonOption {...props} TextComponent={Text} />;\n};\n\nexport default GroupButtonOption;\n"],"names":["
|
|
1
|
+
{"version":3,"file":"GroupButtonOption.js","sources":["../../../../../src/components/atoms/GroupButton/GroupButtonOption.tsx"],"sourcesContent":["import {\n GroupButtonOption as CoreGroupButtonOption,\n GroupButtonOptionProps,\n} from '@tecsinapse/react-core';\nimport React from 'react';\nimport { Text } from '../Text';\n\nconst GroupButtonOption = (props: GroupButtonOptionProps): JSX.Element => {\n return <CoreGroupButtonOption {...props} TextComponent={Text} />;\n};\n\nexport default GroupButtonOption;\n"],"names":["CoreGroupButtonOption"],"mappings":";;;;;;AAOM,MAAA,iBAAA,GAAoB,CAAC,KAA+C,KAAA;AACxE,EAAA,uBAAQ,KAAA,CAAA,aAAA,CAAAA,2BAAA,EAAA,EAAuB,GAAG,KAAA,EAAO,eAAe,IAAM,EAAA,CAAA,CAAA;AAChE;;;;"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ViewProps } from 'react-native';
|
|
2
2
|
import { ButtonProps, IconProps } from '@tecsinapse/react-core';
|
|
3
3
|
import * as React from 'react';
|
|
4
|
-
export
|
|
4
|
+
export type Attachable = ButtonProps & {
|
|
5
5
|
icon: IconProps;
|
|
6
6
|
valueBadge?: number;
|
|
7
7
|
};
|
|
@@ -5,8 +5,7 @@ var reactCore = require('@tecsinapse/react-core');
|
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var Badge = require('../Badge/Badge.js');
|
|
7
7
|
|
|
8
|
-
function
|
|
9
|
-
if (e && e.__esModule) return e;
|
|
8
|
+
function _interopNamespaceDefault(e) {
|
|
10
9
|
var n = Object.create(null);
|
|
11
10
|
if (e) {
|
|
12
11
|
Object.keys(e).forEach(function (k) {
|
|
@@ -19,11 +18,11 @@ function _interopNamespace(e) {
|
|
|
19
18
|
}
|
|
20
19
|
});
|
|
21
20
|
}
|
|
22
|
-
n
|
|
21
|
+
n.default = e;
|
|
23
22
|
return Object.freeze(n);
|
|
24
23
|
}
|
|
25
24
|
|
|
26
|
-
var React__namespace = /*#__PURE__*/
|
|
25
|
+
var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
|
|
27
26
|
|
|
28
27
|
const Header = ({
|
|
29
28
|
rightButton,
|
|
@@ -31,35 +30,17 @@ const Header = ({
|
|
|
31
30
|
children,
|
|
32
31
|
...rest
|
|
33
32
|
}) => {
|
|
34
|
-
const ButtonBase = ({ button }) => /* @__PURE__ */ React__namespace.createElement(
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
}, leftButton ? /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, leftButton?.valueBadge ? /* @__PURE__ */ React__namespace.createElement(Badge, {
|
|
45
|
-
value: leftButton.valueBadge,
|
|
46
|
-
color: "error"
|
|
47
|
-
}, /* @__PURE__ */ React__namespace.createElement(ButtonBase, {
|
|
48
|
-
button: leftButton
|
|
49
|
-
})) : /* @__PURE__ */ React__namespace.createElement(ButtonBase, {
|
|
50
|
-
button: leftButton
|
|
51
|
-
})) : /* @__PURE__ */ React__namespace.createElement(styled.Dummy, {
|
|
52
|
-
disabled: true
|
|
53
|
-
}), children, rightButton ? /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, rightButton?.valueBadge ? /* @__PURE__ */ React__namespace.createElement(Badge, {
|
|
54
|
-
value: rightButton.valueBadge,
|
|
55
|
-
color: "error"
|
|
56
|
-
}, /* @__PURE__ */ React__namespace.createElement(ButtonBase, {
|
|
57
|
-
button: rightButton
|
|
58
|
-
})) : /* @__PURE__ */ React__namespace.createElement(ButtonBase, {
|
|
59
|
-
button: rightButton
|
|
60
|
-
})) : /* @__PURE__ */ React__namespace.createElement(styled.Dummy, {
|
|
61
|
-
disabled: true
|
|
62
|
-
}));
|
|
33
|
+
const ButtonBase = ({ button }) => /* @__PURE__ */ React__namespace.createElement(
|
|
34
|
+
styled.FloatingButton,
|
|
35
|
+
{
|
|
36
|
+
...button,
|
|
37
|
+
variant: button?.variant || "filled",
|
|
38
|
+
color: button?.color || "primary",
|
|
39
|
+
size: button?.size || "small"
|
|
40
|
+
},
|
|
41
|
+
button?.icon && /* @__PURE__ */ React__namespace.createElement(reactCore.Icon, { ...button?.icon })
|
|
42
|
+
);
|
|
43
|
+
return /* @__PURE__ */ React__namespace.createElement(styled.StyledView, { ...rest }, leftButton ? /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, leftButton?.valueBadge ? /* @__PURE__ */ React__namespace.createElement(Badge, { value: leftButton.valueBadge, color: "error" }, /* @__PURE__ */ React__namespace.createElement(ButtonBase, { button: leftButton })) : /* @__PURE__ */ React__namespace.createElement(ButtonBase, { button: leftButton })) : /* @__PURE__ */ React__namespace.createElement(styled.Dummy, { disabled: true }), children, rightButton ? /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, rightButton?.valueBadge ? /* @__PURE__ */ React__namespace.createElement(Badge, { value: rightButton.valueBadge, color: "error" }, /* @__PURE__ */ React__namespace.createElement(ButtonBase, { button: rightButton })) : /* @__PURE__ */ React__namespace.createElement(ButtonBase, { button: rightButton })) : /* @__PURE__ */ React__namespace.createElement(styled.Dummy, { disabled: true }));
|
|
63
44
|
};
|
|
64
45
|
|
|
65
46
|
module.exports = Header;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Header.js","sources":["../../../../../src/components/atoms/Header/Header.tsx"],"sourcesContent":["import { ViewProps } from 'react-native';\nimport { StyledView, FloatingButton, Dummy } from './styled';\nimport { ButtonProps, Icon, IconProps } from '@tecsinapse/react-core';\nimport * as React from 'react';\nimport Badge from '../Badge/Badge';\nimport { FC } from 'react';\n\nexport type Attachable = ButtonProps & {\n icon: IconProps;\n valueBadge?: number;\n};\n\nexport interface HeaderProps extends ViewProps {\n rightButton?: Attachable;\n leftButton?: Attachable;\n}\n\nexport interface ButtonBaseProps extends ViewProps {\n button?: Attachable;\n}\n\nconst Header: React.FC<HeaderProps> = ({\n rightButton,\n leftButton,\n children,\n ...rest\n}) => {\n const ButtonBase: FC<ButtonBaseProps> = ({ button }) => (\n <FloatingButton\n {...button}\n variant={button?.variant || 'filled'}\n color={button?.color || 'primary'}\n size={button?.size || 'small'}\n >\n {button?.icon && <Icon {...button?.icon} />}\n </FloatingButton>\n );\n\n return (\n <StyledView {...rest}>\n {leftButton ? (\n <>\n {leftButton?.valueBadge ? (\n <Badge value={leftButton.valueBadge} color={'error'}>\n <ButtonBase button={leftButton} />\n </Badge>\n ) : (\n <ButtonBase button={leftButton} />\n )}\n </>\n ) : (\n <Dummy disabled />\n )}\n {children}\n {rightButton ? (\n <>\n {rightButton?.valueBadge ? (\n <Badge value={rightButton.valueBadge} color={'error'}>\n <ButtonBase button={rightButton} />\n </Badge>\n ) : (\n <ButtonBase button={rightButton} />\n )}\n </>\n ) : (\n <Dummy disabled />\n )}\n </StyledView>\n );\n};\n\nexport default Header;\n"],"names":["React","FloatingButton","Icon","StyledView","Dummy"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Header.js","sources":["../../../../../src/components/atoms/Header/Header.tsx"],"sourcesContent":["import { ViewProps } from 'react-native';\nimport { StyledView, FloatingButton, Dummy } from './styled';\nimport { ButtonProps, Icon, IconProps } from '@tecsinapse/react-core';\nimport * as React from 'react';\nimport Badge from '../Badge/Badge';\nimport { FC } from 'react';\n\nexport type Attachable = ButtonProps & {\n icon: IconProps;\n valueBadge?: number;\n};\n\nexport interface HeaderProps extends ViewProps {\n rightButton?: Attachable;\n leftButton?: Attachable;\n}\n\nexport interface ButtonBaseProps extends ViewProps {\n button?: Attachable;\n}\n\nconst Header: React.FC<HeaderProps> = ({\n rightButton,\n leftButton,\n children,\n ...rest\n}) => {\n const ButtonBase: FC<ButtonBaseProps> = ({ button }) => (\n <FloatingButton\n {...button}\n variant={button?.variant || 'filled'}\n color={button?.color || 'primary'}\n size={button?.size || 'small'}\n >\n {button?.icon && <Icon {...button?.icon} />}\n </FloatingButton>\n );\n\n return (\n <StyledView {...rest}>\n {leftButton ? (\n <>\n {leftButton?.valueBadge ? (\n <Badge value={leftButton.valueBadge} color={'error'}>\n <ButtonBase button={leftButton} />\n </Badge>\n ) : (\n <ButtonBase button={leftButton} />\n )}\n </>\n ) : (\n <Dummy disabled />\n )}\n {children}\n {rightButton ? (\n <>\n {rightButton?.valueBadge ? (\n <Badge value={rightButton.valueBadge} color={'error'}>\n <ButtonBase button={rightButton} />\n </Badge>\n ) : (\n <ButtonBase button={rightButton} />\n )}\n </>\n ) : (\n <Dummy disabled />\n )}\n </StyledView>\n );\n};\n\nexport default Header;\n"],"names":["React","FloatingButton","Icon","StyledView","Dummy"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,SAAgC,CAAC;AAAA,EACrC,WAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,UAAkC,GAAA,CAAC,EAAE,MAAA,EACzC,qBAAAA,gBAAA,CAAA,aAAA;AAAA,IAACC,qBAAA;AAAA,IAAA;AAAA,MACE,GAAG,MAAA;AAAA,MACJ,OAAA,EAAS,QAAQ,OAAW,IAAA,QAAA;AAAA,MAC5B,KAAA,EAAO,QAAQ,KAAS,IAAA,SAAA;AAAA,MACxB,IAAA,EAAM,QAAQ,IAAQ,IAAA,OAAA;AAAA,KAAA;AAAA,IAErB,QAAQ,IAAQ,oBAAAD,gBAAA,CAAA,aAAA,CAACE,cAAM,EAAA,EAAA,GAAG,QAAQ,IAAM,EAAA,CAAA;AAAA,GAC3C,CAAA;AAGF,EAAA,uBACGF,gBAAA,CAAA,aAAA,CAAAG,iBAAA,EAAA,EAAY,GAAG,IAAA,EAAA,EACb,UACC,mBAAAH,gBAAA,CAAA,aAAA,CAAAA,gBAAA,CAAA,QAAA,EAAA,IAAA,EACG,UAAY,EAAA,UAAA,mBACVA,gBAAA,CAAA,aAAA,CAAA,KAAA,EAAA,EAAM,KAAO,EAAA,UAAA,CAAW,UAAY,EAAA,KAAA,EAAO,OAC1C,EAAA,kBAAAA,gBAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,MAAA,EAAQ,UAAY,EAAA,CAClC,CAEA,mBAAAA,gBAAA,CAAA,aAAA,CAAC,UAAW,EAAA,EAAA,MAAA,EAAQ,UAAY,EAAA,CAEpC,CAEA,mBAAAA,gBAAA,CAAA,aAAA,CAACI,YAAM,EAAA,EAAA,QAAA,EAAQ,IAAC,EAAA,CAAA,EAEjB,QACA,EAAA,WAAA,mBAEIJ,gBAAA,CAAA,aAAA,CAAAA,gBAAA,CAAA,QAAA,EAAA,IAAA,EAAA,WAAA,EAAa,UACZ,mBAAAA,gBAAA,CAAA,aAAA,CAAC,KAAM,EAAA,EAAA,KAAA,EAAO,WAAY,CAAA,UAAA,EAAY,KAAO,EAAA,OAAA,EAAA,kBAC1CA,gBAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,MAAQ,EAAA,WAAA,EAAa,CACnC,CAAA,mBAECA,gBAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAW,MAAQ,EAAA,WAAA,EAAa,CAErC,CAAA,mBAECA,gBAAA,CAAA,aAAA,CAAAI,YAAA,EAAA,EAAM,QAAQ,EAAA,IAAA,EAAC,CAEpB,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -1,26 +1,20 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
3
|
var styled = require('@emotion/native');
|
|
6
4
|
var reactCore = require('@tecsinapse/react-core');
|
|
7
5
|
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
|
|
11
|
-
|
|
12
|
-
const StyledView = styled__default["default"].View`
|
|
6
|
+
const StyledView = styled.View`
|
|
13
7
|
flex-direction: row;
|
|
14
8
|
justify-content: space-between;
|
|
15
9
|
align-items: center;
|
|
16
10
|
padding: ${({ theme }) => theme.spacing.deca};
|
|
17
11
|
width: 100%;
|
|
18
12
|
`;
|
|
19
|
-
const FloatingButton =
|
|
13
|
+
const FloatingButton = styled(reactCore.Button)`
|
|
20
14
|
aspect-ratio: 1;
|
|
21
15
|
height: ${() => `${reactCore.RFValue(49)}px`};
|
|
22
16
|
`;
|
|
23
|
-
const Dummy =
|
|
17
|
+
const Dummy = styled(FloatingButton)`
|
|
24
18
|
background-color: rgba(0, 0, 0, 0);
|
|
25
19
|
`;
|
|
26
20
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Header/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport {\n Button,\n ButtonProps,\n RFValue,\n StyleProps,\n} from '@tecsinapse/react-core';\n\nexport const StyledView = styled.View<Partial<StyleProps>>`\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: ${({ theme }) => theme.spacing.deca};\n width: 100%;\n`;\n\nexport const FloatingButton = styled(Button)<ButtonProps & Partial<StyleProps>>`\n aspect-ratio: 1;\n height: ${() => `${RFValue(49)}px`};\n`;\n\nexport const Dummy = styled(FloatingButton)`\n background-color: rgba(0, 0, 0, 0);\n`;\n"],"names":["
|
|
1
|
+
{"version":3,"file":"styled.js","sources":["../../../../../src/components/atoms/Header/styled.ts"],"sourcesContent":["import styled from '@emotion/native';\nimport {\n Button,\n ButtonProps,\n RFValue,\n StyleProps,\n} from '@tecsinapse/react-core';\n\nexport const StyledView = styled.View<Partial<StyleProps>>`\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n padding: ${({ theme }) => theme.spacing.deca};\n width: 100%;\n`;\n\nexport const FloatingButton = styled(Button)<ButtonProps & Partial<StyleProps>>`\n aspect-ratio: 1;\n height: ${() => `${RFValue(49)}px`};\n`;\n\nexport const Dummy = styled(FloatingButton)`\n background-color: rgba(0, 0, 0, 0);\n`;\n"],"names":["Button","RFValue"],"mappings":";;;;;AAQO,MAAM,aAAa,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAIpB,CAAC,EAAE,KAAM,EAAA,KAAM,MAAM,OAAQ,CAAA,IAAA,CAAA;AAAA;AAAA,EAAA;AAI7B,MAAA,cAAA,GAAiB,OAAOA,gBAAM,CAAA,CAAA;AAAA;AAAA,UAE/B,EAAA,MAAM,CAAG,EAAAC,iBAAA,CAAQ,EAAE,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,EAAA;AAGlB,MAAA,KAAA,GAAQ,OAAO,cAAc,CAAA,CAAA;AAAA;AAAA;;;;;;"}
|