@tecsinapse/react-native-kit 1.22.8 → 1.22.9-beta.1
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 +3 -0
- package/dist/cjs/components/atoms/Header/Header.js +17 -9
- package/dist/cjs/components/atoms/Header/Header.js.map +1 -1
- package/dist/esm/components/atoms/Header/Header.d.ts +3 -0
- package/dist/esm/components/atoms/Header/Header.js +17 -9
- package/dist/esm/components/atoms/Header/Header.js.map +1 -1
- package/package.json +2 -2
|
@@ -9,5 +9,8 @@ export interface HeaderProps extends ViewProps {
|
|
|
9
9
|
rightButton?: Attachable;
|
|
10
10
|
leftButton?: Attachable;
|
|
11
11
|
}
|
|
12
|
+
export interface ButtonBaseProps extends ViewProps {
|
|
13
|
+
button?: Attachable;
|
|
14
|
+
}
|
|
12
15
|
declare const Header: React.FC<HeaderProps>;
|
|
13
16
|
export default Header;
|
|
@@ -31,25 +31,33 @@ const Header = ({
|
|
|
31
31
|
children,
|
|
32
32
|
...rest
|
|
33
33
|
}) => {
|
|
34
|
-
const ButtonBase = () => /* @__PURE__ */ React__namespace.createElement(styled.FloatingButton, {
|
|
35
|
-
...
|
|
36
|
-
variant:
|
|
37
|
-
color:
|
|
38
|
-
size:
|
|
39
|
-
},
|
|
40
|
-
...
|
|
34
|
+
const ButtonBase = ({ button }) => /* @__PURE__ */ React__namespace.createElement(styled.FloatingButton, {
|
|
35
|
+
...button,
|
|
36
|
+
variant: button?.variant || "filled",
|
|
37
|
+
color: button?.color || "primary",
|
|
38
|
+
size: button?.size || "small"
|
|
39
|
+
}, button?.icon && /* @__PURE__ */ React__namespace.createElement(reactCore.Icon, {
|
|
40
|
+
...button?.icon
|
|
41
41
|
}));
|
|
42
42
|
return /* @__PURE__ */ React__namespace.createElement(styled.StyledView, {
|
|
43
43
|
...rest
|
|
44
44
|
}, leftButton ? /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, leftButton?.valueBagde ? /* @__PURE__ */ React__namespace.createElement(Badge, {
|
|
45
45
|
value: leftButton.valueBagde,
|
|
46
46
|
color: "error"
|
|
47
|
-
}, /* @__PURE__ */ React__namespace.createElement(ButtonBase,
|
|
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, {
|
|
48
52
|
disabled: true
|
|
49
53
|
}), children, rightButton ? /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, rightButton?.valueBagde ? /* @__PURE__ */ React__namespace.createElement(Badge, {
|
|
50
54
|
value: rightButton.valueBagde,
|
|
51
55
|
color: "error"
|
|
52
|
-
}, /* @__PURE__ */ React__namespace.createElement(ButtonBase,
|
|
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, {
|
|
53
61
|
disabled: true
|
|
54
62
|
}));
|
|
55
63
|
};
|
|
@@ -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\ntype Attachable = ButtonProps & {\n icon: IconProps;\n valueBagde?: number;\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 const ButtonBase: FC = () => (\n <FloatingButton\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\ntype Attachable = ButtonProps & {\n icon: IconProps;\n valueBagde?: 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?.valueBagde ? (\n <Badge value={leftButton.valueBagde} 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?.valueBagde ? (\n <Badge value={rightButton.valueBagde} 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;;;;"}
|
|
@@ -9,5 +9,8 @@ export interface HeaderProps extends ViewProps {
|
|
|
9
9
|
rightButton?: Attachable;
|
|
10
10
|
leftButton?: Attachable;
|
|
11
11
|
}
|
|
12
|
+
export interface ButtonBaseProps extends ViewProps {
|
|
13
|
+
button?: Attachable;
|
|
14
|
+
}
|
|
12
15
|
declare const Header: React.FC<HeaderProps>;
|
|
13
16
|
export default Header;
|
|
@@ -9,25 +9,33 @@ const Header = ({
|
|
|
9
9
|
children,
|
|
10
10
|
...rest
|
|
11
11
|
}) => {
|
|
12
|
-
const ButtonBase = () => /* @__PURE__ */ React.createElement(FloatingButton, {
|
|
13
|
-
...
|
|
14
|
-
variant:
|
|
15
|
-
color:
|
|
16
|
-
size:
|
|
17
|
-
},
|
|
18
|
-
...
|
|
12
|
+
const ButtonBase = ({ button }) => /* @__PURE__ */ React.createElement(FloatingButton, {
|
|
13
|
+
...button,
|
|
14
|
+
variant: button?.variant || "filled",
|
|
15
|
+
color: button?.color || "primary",
|
|
16
|
+
size: button?.size || "small"
|
|
17
|
+
}, button?.icon && /* @__PURE__ */ React.createElement(Icon, {
|
|
18
|
+
...button?.icon
|
|
19
19
|
}));
|
|
20
20
|
return /* @__PURE__ */ React.createElement(StyledView, {
|
|
21
21
|
...rest
|
|
22
22
|
}, leftButton ? /* @__PURE__ */ React.createElement(React.Fragment, null, leftButton?.valueBagde ? /* @__PURE__ */ React.createElement(Badge, {
|
|
23
23
|
value: leftButton.valueBagde,
|
|
24
24
|
color: "error"
|
|
25
|
-
}, /* @__PURE__ */ React.createElement(ButtonBase,
|
|
25
|
+
}, /* @__PURE__ */ React.createElement(ButtonBase, {
|
|
26
|
+
button: leftButton
|
|
27
|
+
})) : /* @__PURE__ */ React.createElement(ButtonBase, {
|
|
28
|
+
button: leftButton
|
|
29
|
+
})) : /* @__PURE__ */ React.createElement(Dummy, {
|
|
26
30
|
disabled: true
|
|
27
31
|
}), children, rightButton ? /* @__PURE__ */ React.createElement(React.Fragment, null, rightButton?.valueBagde ? /* @__PURE__ */ React.createElement(Badge, {
|
|
28
32
|
value: rightButton.valueBagde,
|
|
29
33
|
color: "error"
|
|
30
|
-
}, /* @__PURE__ */ React.createElement(ButtonBase,
|
|
34
|
+
}, /* @__PURE__ */ React.createElement(ButtonBase, {
|
|
35
|
+
button: rightButton
|
|
36
|
+
})) : /* @__PURE__ */ React.createElement(ButtonBase, {
|
|
37
|
+
button: rightButton
|
|
38
|
+
})) : /* @__PURE__ */ React.createElement(Dummy, {
|
|
31
39
|
disabled: true
|
|
32
40
|
}));
|
|
33
41
|
};
|
|
@@ -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\ntype Attachable = ButtonProps & {\n icon: IconProps;\n valueBagde?: number;\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 const ButtonBase: FC = () => (\n <FloatingButton\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\ntype Attachable = ButtonProps & {\n icon: IconProps;\n valueBagde?: 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?.valueBagde ? (\n <Badge value={leftButton.valueBagde} 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?.valueBagde ? (\n <Badge value={rightButton.valueBagde} 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.9-beta.1+dffe229",
|
|
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": "dffe2298c71fa88d3fc3a2ba99f70391844e1cfd"
|
|
49
49
|
}
|