@tecsinapse/react-native-kit 1.22.9 → 1.22.10
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/Header/Header.d.ts +1 -1
- package/dist/cjs/components/atoms/Header/Header.js +4 -4
- package/dist/cjs/components/atoms/Header/Header.js.map +1 -1
- package/dist/esm/components/atoms/Header/Header.d.ts +1 -1
- package/dist/esm/components/atoms/Header/Header.js +4 -4
- package/dist/esm/components/atoms/Header/Header.js.map +1 -1
- package/package.json +2 -2
|
@@ -3,7 +3,7 @@ import { ButtonProps, IconProps } from '@tecsinapse/react-core';
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
export declare type Attachable = ButtonProps & {
|
|
5
5
|
icon: IconProps;
|
|
6
|
-
|
|
6
|
+
valueBadge?: number;
|
|
7
7
|
};
|
|
8
8
|
export interface HeaderProps extends ViewProps {
|
|
9
9
|
rightButton?: Attachable;
|
|
@@ -41,8 +41,8 @@ const Header = ({
|
|
|
41
41
|
}));
|
|
42
42
|
return /* @__PURE__ */ React__namespace.createElement(styled.StyledView, {
|
|
43
43
|
...rest
|
|
44
|
-
}, leftButton ? /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, leftButton?.
|
|
45
|
-
value: leftButton.
|
|
44
|
+
}, leftButton ? /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, leftButton?.valueBadge ? /* @__PURE__ */ React__namespace.createElement(Badge, {
|
|
45
|
+
value: leftButton.valueBadge,
|
|
46
46
|
color: "error"
|
|
47
47
|
}, /* @__PURE__ */ React__namespace.createElement(ButtonBase, {
|
|
48
48
|
button: leftButton
|
|
@@ -50,8 +50,8 @@ const Header = ({
|
|
|
50
50
|
button: leftButton
|
|
51
51
|
})) : /* @__PURE__ */ React__namespace.createElement(styled.Dummy, {
|
|
52
52
|
disabled: true
|
|
53
|
-
}), children, rightButton ? /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, rightButton?.
|
|
54
|
-
value: rightButton.
|
|
53
|
+
}), children, rightButton ? /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, rightButton?.valueBadge ? /* @__PURE__ */ React__namespace.createElement(Badge, {
|
|
54
|
+
value: rightButton.valueBadge,
|
|
55
55
|
color: "error"
|
|
56
56
|
}, /* @__PURE__ */ React__namespace.createElement(ButtonBase, {
|
|
57
57
|
button: rightButton
|
|
@@ -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
|
|
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,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,UAAkC,GAAA,CAAC,EAAE,MAAA,uBACxCA,gBAAA,CAAA,aAAA,CAAAC,qBAAA,EAAA;AAAA,IACE,GAAG,MAAA;AAAA,IACJ,OAAA,EAAS,QAAQ,OAAW,IAAA,QAAA;AAAA,IAC5B,KAAA,EAAO,QAAQ,KAAS,IAAA,SAAA;AAAA,IACxB,IAAA,EAAM,QAAQ,IAAQ,IAAA,OAAA;AAAA,GAErB,EAAA,MAAA,EAAQ,wBAASD,gBAAA,CAAA,aAAA,CAAAE,cAAA,EAAA;AAAA,IAAM,GAAG,MAAQ,EAAA,IAAA;AAAA,GAAM,CAC3C,CAAA,CAAA;AAGF,EAAA,uBACGF,gBAAA,CAAA,aAAA,CAAAG,iBAAA,EAAA;AAAA,IAAY,GAAG,IAAA;AAAA,GAAA,EACb,UACC,mBAAAH,gBAAA,CAAA,aAAA,CAAAA,gBAAA,CAAA,QAAA,EAAA,IAAA,EACG,UAAY,EAAA,UAAA,mBACVA,gBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAM,OAAO,UAAW,CAAA,UAAA;AAAA,IAAY,KAAO,EAAA,OAAA;AAAA,GAAA,kBACzCA,gBAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,MAAQ,EAAA,UAAA;AAAA,GAAY,CAClC,oBAECA,gBAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,MAAQ,EAAA,UAAA;AAAA,GAAY,CAEpC,oBAECA,gBAAA,CAAA,aAAA,CAAAI,YAAA,EAAA;AAAA,IAAM,QAAQ,EAAA,IAAA;AAAA,GAAC,GAEjB,QACA,EAAA,WAAA,mBAEIJ,gBAAA,CAAA,aAAA,CAAAA,gBAAA,CAAA,QAAA,EAAA,IAAA,EAAA,WAAA,EAAa,6BACXA,gBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAM,OAAO,WAAY,CAAA,UAAA;AAAA,IAAY,KAAO,EAAA,OAAA;AAAA,GAAA,kBAC1CA,gBAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,MAAQ,EAAA,WAAA;AAAA,GAAa,CACnC,oBAECA,gBAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,MAAQ,EAAA,WAAA;AAAA,GAAa,CAErC,oBAECA,gBAAA,CAAA,aAAA,CAAAI,YAAA,EAAA;AAAA,IAAM,QAAQ,EAAA,IAAA;AAAA,GAAC,CAEpB,CAAA,CAAA;AAEJ;;;;"}
|
|
@@ -3,7 +3,7 @@ import { ButtonProps, IconProps } from '@tecsinapse/react-core';
|
|
|
3
3
|
import * as React from 'react';
|
|
4
4
|
export declare type Attachable = ButtonProps & {
|
|
5
5
|
icon: IconProps;
|
|
6
|
-
|
|
6
|
+
valueBadge?: number;
|
|
7
7
|
};
|
|
8
8
|
export interface HeaderProps extends ViewProps {
|
|
9
9
|
rightButton?: Attachable;
|
|
@@ -19,8 +19,8 @@ const Header = ({
|
|
|
19
19
|
}));
|
|
20
20
|
return /* @__PURE__ */ React.createElement(StyledView, {
|
|
21
21
|
...rest
|
|
22
|
-
}, leftButton ? /* @__PURE__ */ React.createElement(React.Fragment, null, leftButton?.
|
|
23
|
-
value: leftButton.
|
|
22
|
+
}, leftButton ? /* @__PURE__ */ React.createElement(React.Fragment, null, leftButton?.valueBadge ? /* @__PURE__ */ React.createElement(Badge, {
|
|
23
|
+
value: leftButton.valueBadge,
|
|
24
24
|
color: "error"
|
|
25
25
|
}, /* @__PURE__ */ React.createElement(ButtonBase, {
|
|
26
26
|
button: leftButton
|
|
@@ -28,8 +28,8 @@ const Header = ({
|
|
|
28
28
|
button: leftButton
|
|
29
29
|
})) : /* @__PURE__ */ React.createElement(Dummy, {
|
|
30
30
|
disabled: true
|
|
31
|
-
}), children, rightButton ? /* @__PURE__ */ React.createElement(React.Fragment, null, rightButton?.
|
|
32
|
-
value: rightButton.
|
|
31
|
+
}), children, rightButton ? /* @__PURE__ */ React.createElement(React.Fragment, null, rightButton?.valueBadge ? /* @__PURE__ */ React.createElement(Badge, {
|
|
32
|
+
value: rightButton.valueBadge,
|
|
33
33
|
color: "error"
|
|
34
34
|
}, /* @__PURE__ */ React.createElement(ButtonBase, {
|
|
35
35
|
button: rightButton
|
|
@@ -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
|
|
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":[],"mappings":";;;;;AAqBA,MAAM,SAAgC,CAAC;AAAA,EACrC,WAAA;AAAA,EACA,UAAA;AAAA,EACA,QAAA;AAAA,EACG,GAAA,IAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,UAAkC,GAAA,CAAC,EAAE,MAAA,uBACxC,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA;AAAA,IACE,GAAG,MAAA;AAAA,IACJ,OAAA,EAAS,QAAQ,OAAW,IAAA,QAAA;AAAA,IAC5B,KAAA,EAAO,QAAQ,KAAS,IAAA,SAAA;AAAA,IACxB,IAAA,EAAM,QAAQ,IAAQ,IAAA,OAAA;AAAA,GAErB,EAAA,MAAA,EAAQ,wBAAS,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA;AAAA,IAAM,GAAG,MAAQ,EAAA,IAAA;AAAA,GAAM,CAC3C,CAAA,CAAA;AAGF,EAAA,uBACG,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAY,GAAG,IAAA;AAAA,GAAA,EACb,UACC,mBAAA,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EACG,UAAY,EAAA,UAAA,mBACV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAM,OAAO,UAAW,CAAA,UAAA;AAAA,IAAY,KAAO,EAAA,OAAA;AAAA,GAAA,kBACzC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,MAAQ,EAAA,UAAA;AAAA,GAAY,CAClC,oBAEC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,MAAQ,EAAA,UAAA;AAAA,GAAY,CAEpC,oBAEC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAM,QAAQ,EAAA,IAAA;AAAA,GAAC,GAEjB,QACA,EAAA,WAAA,mBAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,WAAA,EAAa,6BACX,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAM,OAAO,WAAY,CAAA,UAAA;AAAA,IAAY,KAAO,EAAA,OAAA;AAAA,GAAA,kBAC1C,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,MAAQ,EAAA,WAAA;AAAA,GAAa,CACnC,oBAEC,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA;AAAA,IAAW,MAAQ,EAAA,WAAA;AAAA,GAAa,CAErC,oBAEC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAM,QAAQ,EAAA,IAAA;AAAA,GAAC,CAEpB,CAAA,CAAA;AAEJ;;;;"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@tecsinapse/react-native-kit",
|
|
3
3
|
"description": "TecSinapse React Native components",
|
|
4
|
-
"version": "1.22.
|
|
4
|
+
"version": "1.22.10",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"main": "dist/cjs/index.js",
|
|
7
7
|
"module": "dist/esm/index.js",
|
|
@@ -45,5 +45,5 @@
|
|
|
45
45
|
"devDependencies": {
|
|
46
46
|
"@types/uuid": "^8.3.3"
|
|
47
47
|
},
|
|
48
|
-
"gitHead": "
|
|
48
|
+
"gitHead": "58c273ca0981efadc8b9f870955cf6dfc614e544"
|
|
49
49
|
}
|