@tecsinapse/react-native-kit 1.22.5 → 1.22.7

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.
@@ -3,6 +3,7 @@ import { ButtonProps, IconProps } from '@tecsinapse/react-core';
3
3
  import * as React from 'react';
4
4
  declare type Attachable = ButtonProps & {
5
5
  icon: IconProps;
6
+ valueBagde?: number;
6
7
  };
7
8
  export interface HeaderProps extends ViewProps {
8
9
  rightButton?: Attachable;
@@ -3,6 +3,7 @@
3
3
  var styled = require('./styled.js');
4
4
  var reactCore = require('@tecsinapse/react-core');
5
5
  var React = require('react');
6
+ var Badge = require('../Badge/Badge.js');
6
7
 
7
8
  function _interopNamespace(e) {
8
9
  if (e && e.__esModule) return e;
@@ -65,17 +66,20 @@ const Header = (_a) => {
65
66
  "leftButton",
66
67
  "children"
67
68
  ]);
68
- return /* @__PURE__ */ React__namespace.createElement(styled.StyledView, __spreadValues({}, rest), leftButton ? /* @__PURE__ */ React__namespace.createElement(styled.FloatingButton, __spreadProps(__spreadValues({}, leftButton), {
69
- variant: (leftButton == null ? void 0 : leftButton.variant) || "filled",
70
- color: (leftButton == null ? void 0 : leftButton.color) || "primary",
71
- size: (leftButton == null ? void 0 : leftButton.size) || "small"
72
- }), (leftButton == null ? void 0 : leftButton.icon) && /* @__PURE__ */ React__namespace.createElement(reactCore.Icon, __spreadValues({}, leftButton == null ? void 0 : leftButton.icon))) : /* @__PURE__ */ React__namespace.createElement(styled.Dummy, {
73
- disabled: true
74
- }), children, rightButton ? /* @__PURE__ */ React__namespace.createElement(styled.FloatingButton, __spreadProps(__spreadValues({}, rightButton), {
69
+ const ButtonBase = () => /* @__PURE__ */ React__namespace.createElement(styled.FloatingButton, __spreadProps(__spreadValues({}, rightButton), {
75
70
  variant: (rightButton == null ? void 0 : rightButton.variant) || "filled",
76
71
  color: (rightButton == null ? void 0 : rightButton.color) || "primary",
77
72
  size: (rightButton == null ? void 0 : rightButton.size) || "small"
78
- }), (rightButton == null ? void 0 : rightButton.icon) && /* @__PURE__ */ React__namespace.createElement(reactCore.Icon, __spreadValues({}, rightButton == null ? void 0 : rightButton.icon))) : /* @__PURE__ */ React__namespace.createElement(styled.Dummy, {
73
+ }), (rightButton == null ? void 0 : rightButton.icon) && /* @__PURE__ */ React__namespace.createElement(reactCore.Icon, __spreadValues({}, rightButton == null ? void 0 : rightButton.icon)));
74
+ return /* @__PURE__ */ React__namespace.createElement(styled.StyledView, __spreadValues({}, rest), leftButton ? /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, (leftButton == null ? void 0 : leftButton.valueBagde) ? /* @__PURE__ */ React__namespace.createElement(Badge, {
75
+ value: leftButton.valueBagde,
76
+ color: "error"
77
+ }, /* @__PURE__ */ React__namespace.createElement(ButtonBase, null)) : /* @__PURE__ */ React__namespace.createElement(ButtonBase, null)) : /* @__PURE__ */ React__namespace.createElement(styled.Dummy, {
78
+ disabled: true
79
+ }), children, rightButton ? /* @__PURE__ */ React__namespace.createElement(React__namespace.Fragment, null, (rightButton == null ? void 0 : rightButton.valueBagde) ? /* @__PURE__ */ React__namespace.createElement(Badge, {
80
+ value: rightButton.valueBagde,
81
+ color: "error"
82
+ }, /* @__PURE__ */ React__namespace.createElement(ButtonBase, null)) : /* @__PURE__ */ React__namespace.createElement(ButtonBase, null)) : /* @__PURE__ */ React__namespace.createElement(styled.Dummy, {
79
83
  disabled: true
80
84
  }));
81
85
  };
@@ -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';\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"],"names":["StyledView","React","FloatingButton","Icon","Dummy"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM,MAAA,MAAA,GAAgC,CAAC,EAKjC,KAAA;AALiC,EACrC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,GAjBF,GAcuC,EAIlC,EAAA,IAAA,GAAA,SAAA,CAJkC,EAIlC,EAAA;AAAA,IAHH,aAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,sDACGA,iBAAe,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EACb,UACC,mBAAAC,gBAAA,CAAA,aAAA,CAACC,wDACK,UADL,CAAA,EAAA;AAAA,IAEC,OAAA,EAAA,CAAS,yCAAY,OAAW,KAAA,QAAA;AAAA,IAChC,KAAA,EAAA,CAAO,yCAAY,KAAS,KAAA,SAAA;AAAA,IAC5B,IAAA,EAAA,CAAM,yCAAY,IAAQ,KAAA,OAAA;AAAA,GAEzB,CAAA,EAAA,CAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAY,yBAASD,gBAAA,CAAA,aAAA,CAAAE,cAAA,EAAA,cAAA,CAAA,EAAA,EAAS,yCAAY,IAAM,CAAA,CACnD,oBAECF,gBAAA,CAAA,aAAA,CAAAG,YAAA,EAAA;AAAA,IAAM,QAAQ,EAAA,IAAA;AAAA,GAAC,CAEjB,EAAA,QAAA,EACA,WACC,mBAAAH,gBAAA,CAAA,aAAA,CAACC,wDACK,WADL,CAAA,EAAA;AAAA,IAEC,OAAA,EAAA,CAAS,2CAAa,OAAW,KAAA,QAAA;AAAA,IACjC,KAAA,EAAA,CAAO,2CAAa,KAAS,KAAA,SAAA;AAAA,IAC7B,IAAA,EAAA,CAAM,2CAAa,IAAQ,KAAA,OAAA;AAAA,GAE1B,CAAA,EAAA,CAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAa,yBAASD,gBAAA,CAAA,aAAA,CAAAE,cAAA,EAAA,cAAA,CAAA,EAAA,EAAS,2CAAa,IAAM,CAAA,CACrD,oBAECF,gBAAA,CAAA,aAAA,CAAAG,YAAA,EAAA;AAAA,IAAM,QAAQ,EAAA,IAAA;AAAA,GAAC,CAEpB,CAAA,CAAA;AAEJ;;;;"}
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 {...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\n return (\n <StyledView {...rest}>\n {leftButton ? (\n <>\n {leftButton?.valueBagde ? (\n <Badge value={leftButton.valueBagde} color={'error'}>\n <ButtonBase />\n </Badge>\n ) : (\n <ButtonBase />\n )}\n </>\n ) : (\n <Dummy disabled />\n )}\n {children}\n {rightButton ? (\n <>\n {rightButton?.valueBagde ? (\n <Badge value={rightButton.valueBagde} color={'error'}>\n <ButtonBase />\n </Badge>\n ) : (\n <ButtonBase />\n )}\n </>\n ) : (\n <Dummy disabled />\n )}\n </StyledView>\n );\n};\n\nexport default Header;\n"],"names":["React","FloatingButton","Icon","StyledView","Dummy"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBM,MAAA,MAAA,GAAgC,CAAC,EAKjC,KAAA;AALiC,EACrC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,GApBF,GAiBuC,EAIlC,EAAA,IAAA,GAAA,SAAA,CAJkC,EAIlC,EAAA;AAAA,IAHH,aAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,UAAiB,GAAA,sBACpBA,gBAAA,CAAA,aAAA,CAAAC,qBAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACK,WADL,CAAA,EAAA;AAAA,IAEC,OAAA,EAAA,CAAS,2CAAa,OAAW,KAAA,QAAA;AAAA,IACjC,KAAA,EAAA,CAAO,2CAAa,KAAS,KAAA,SAAA;AAAA,IAC7B,IAAA,EAAA,CAAM,2CAAa,IAAQ,KAAA,OAAA;AAAA,GAAA,CAAA,EAAA,CAE1B,2CAAa,IAAQ,qBAAAD,gBAAA,CAAA,aAAA,CAACE,cAAS,EAAA,cAAA,CAAA,EAAA,EAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAa,KAAM,CACrD,CAAA,CAAA;AAGF,EAAA,sDACGC,iBAAe,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EACb,6BAEIH,gBAAA,CAAA,aAAA,CAAAA,gBAAA,CAAA,QAAA,EAAA,IAAA,EAAA,CAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAY,8BACVA,gBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAM,OAAO,UAAW,CAAA,UAAA;AAAA,IAAY,KAAO,EAAA,OAAA;AAAA,GAC1C,kBAAAA,gBAAA,CAAA,aAAA,CAAC,gBAAW,CACd,CAAA,kDAEC,UAAW,EAAA,IAAA,CAEhB,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,CAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAa,8BACXA,gBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAM,OAAO,WAAY,CAAA,UAAA;AAAA,IAAY,KAAO,EAAA,OAAA;AAAA,GAC3C,kBAAAA,gBAAA,CAAA,aAAA,CAAC,gBAAW,CACd,CAAA,kDAEC,UAAW,EAAA,IAAA,CAEhB,oBAECA,gBAAA,CAAA,aAAA,CAAAI,YAAA,EAAA;AAAA,IAAM,QAAQ,EAAA,IAAA;AAAA,GAAC,CAEpB,CAAA,CAAA;AAEJ;;;;"}
@@ -18,6 +18,7 @@ const StyledView = styled__default["default"].View`
18
18
  `;
19
19
  const FloatingButton = styled__default["default"](reactCore.Button)`
20
20
  aspect-ratio: 1;
21
+ height: ${() => `${reactCore.RFValue(49)}px`};
21
22
  `;
22
23
  const Dummy = styled__default["default"](FloatingButton)`
23
24
  background-color: rgba(0, 0, 0, 0);
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","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"],"names":["styled","Button"],"mappings":";;;;;;;;;;;AAGO,MAAM,aAAaA,0BAAO,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,GAAiBA,2BAAOC,gBAAM,CAAA,CAAA;AAAA;AAAA,EAAA;AAI9B,MAAA,KAAA,GAAQD,2BAAO,cAAc,CAAA,CAAA;AAAA;AAAA;;;;;;"}
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":["styled","Button","RFValue"],"mappings":";;;;;;;;;;;AAQO,MAAM,aAAaA,0BAAO,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,GAAiBA,2BAAOC,gBAAM,CAAA,CAAA;AAAA;AAAA,UAE/B,EAAA,MAAM,CAAG,EAAAC,iBAAA,CAAQ,EAAE,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,EAAA;AAGlB,MAAA,KAAA,GAAQF,2BAAO,cAAc,CAAA,CAAA;AAAA;AAAA;;;;;;"}
@@ -3,6 +3,7 @@ import { ButtonProps, IconProps } from '@tecsinapse/react-core';
3
3
  import * as React from 'react';
4
4
  declare type Attachable = ButtonProps & {
5
5
  icon: IconProps;
6
+ valueBagde?: number;
6
7
  };
7
8
  export interface HeaderProps extends ViewProps {
8
9
  rightButton?: Attachable;
@@ -1,6 +1,7 @@
1
- import { StyledView, FloatingButton, Dummy } from './styled.js';
1
+ import { StyledView, Dummy, FloatingButton } from './styled.js';
2
2
  import { Icon } from '@tecsinapse/react-core';
3
3
  import * as React from 'react';
4
+ import Badge from '../Badge/Badge.js';
4
5
 
5
6
  var __defProp = Object.defineProperty;
6
7
  var __defProps = Object.defineProperties;
@@ -43,17 +44,20 @@ const Header = (_a) => {
43
44
  "leftButton",
44
45
  "children"
45
46
  ]);
46
- return /* @__PURE__ */ React.createElement(StyledView, __spreadValues({}, rest), leftButton ? /* @__PURE__ */ React.createElement(FloatingButton, __spreadProps(__spreadValues({}, leftButton), {
47
- variant: (leftButton == null ? void 0 : leftButton.variant) || "filled",
48
- color: (leftButton == null ? void 0 : leftButton.color) || "primary",
49
- size: (leftButton == null ? void 0 : leftButton.size) || "small"
50
- }), (leftButton == null ? void 0 : leftButton.icon) && /* @__PURE__ */ React.createElement(Icon, __spreadValues({}, leftButton == null ? void 0 : leftButton.icon))) : /* @__PURE__ */ React.createElement(Dummy, {
51
- disabled: true
52
- }), children, rightButton ? /* @__PURE__ */ React.createElement(FloatingButton, __spreadProps(__spreadValues({}, rightButton), {
47
+ const ButtonBase = () => /* @__PURE__ */ React.createElement(FloatingButton, __spreadProps(__spreadValues({}, rightButton), {
53
48
  variant: (rightButton == null ? void 0 : rightButton.variant) || "filled",
54
49
  color: (rightButton == null ? void 0 : rightButton.color) || "primary",
55
50
  size: (rightButton == null ? void 0 : rightButton.size) || "small"
56
- }), (rightButton == null ? void 0 : rightButton.icon) && /* @__PURE__ */ React.createElement(Icon, __spreadValues({}, rightButton == null ? void 0 : rightButton.icon))) : /* @__PURE__ */ React.createElement(Dummy, {
51
+ }), (rightButton == null ? void 0 : rightButton.icon) && /* @__PURE__ */ React.createElement(Icon, __spreadValues({}, rightButton == null ? void 0 : rightButton.icon)));
52
+ return /* @__PURE__ */ React.createElement(StyledView, __spreadValues({}, rest), leftButton ? /* @__PURE__ */ React.createElement(React.Fragment, null, (leftButton == null ? void 0 : leftButton.valueBagde) ? /* @__PURE__ */ React.createElement(Badge, {
53
+ value: leftButton.valueBagde,
54
+ color: "error"
55
+ }, /* @__PURE__ */ React.createElement(ButtonBase, null)) : /* @__PURE__ */ React.createElement(ButtonBase, null)) : /* @__PURE__ */ React.createElement(Dummy, {
56
+ disabled: true
57
+ }), children, rightButton ? /* @__PURE__ */ React.createElement(React.Fragment, null, (rightButton == null ? void 0 : rightButton.valueBagde) ? /* @__PURE__ */ React.createElement(Badge, {
58
+ value: rightButton.valueBagde,
59
+ color: "error"
60
+ }, /* @__PURE__ */ React.createElement(ButtonBase, null)) : /* @__PURE__ */ React.createElement(ButtonBase, null)) : /* @__PURE__ */ React.createElement(Dummy, {
57
61
  disabled: true
58
62
  }));
59
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';\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"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAcM,MAAA,MAAA,GAAgC,CAAC,EAKjC,KAAA;AALiC,EACrC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,GAjBF,GAcuC,EAIlC,EAAA,IAAA,GAAA,SAAA,CAJkC,EAIlC,EAAA;AAAA,IAHH,aAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,2CACG,UAAe,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EACb,UACC,mBAAA,KAAA,CAAA,aAAA,CAAC,iDACK,UADL,CAAA,EAAA;AAAA,IAEC,OAAA,EAAA,CAAS,yCAAY,OAAW,KAAA,QAAA;AAAA,IAChC,KAAA,EAAA,CAAO,yCAAY,KAAS,KAAA,SAAA;AAAA,IAC5B,IAAA,EAAA,CAAM,yCAAY,IAAQ,KAAA,OAAA;AAAA,GAEzB,CAAA,EAAA,CAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAY,yBAAS,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,cAAA,CAAA,EAAA,EAAS,yCAAY,IAAM,CAAA,CACnD,oBAEC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAM,QAAQ,EAAA,IAAA;AAAA,GAAC,CAEjB,EAAA,QAAA,EACA,WACC,mBAAA,KAAA,CAAA,aAAA,CAAC,iDACK,WADL,CAAA,EAAA;AAAA,IAEC,OAAA,EAAA,CAAS,2CAAa,OAAW,KAAA,QAAA;AAAA,IACjC,KAAA,EAAA,CAAO,2CAAa,KAAS,KAAA,SAAA;AAAA,IAC7B,IAAA,EAAA,CAAM,2CAAa,IAAQ,KAAA,OAAA;AAAA,GAE1B,CAAA,EAAA,CAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAa,yBAAS,KAAA,CAAA,aAAA,CAAA,IAAA,EAAA,cAAA,CAAA,EAAA,EAAS,2CAAa,IAAM,CAAA,CACrD,oBAEC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAM,QAAQ,EAAA,IAAA;AAAA,GAAC,CAEpB,CAAA,CAAA;AAEJ;;;;"}
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 {...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\n return (\n <StyledView {...rest}>\n {leftButton ? (\n <>\n {leftButton?.valueBagde ? (\n <Badge value={leftButton.valueBagde} color={'error'}>\n <ButtonBase />\n </Badge>\n ) : (\n <ButtonBase />\n )}\n </>\n ) : (\n <Dummy disabled />\n )}\n {children}\n {rightButton ? (\n <>\n {rightButton?.valueBagde ? (\n <Badge value={rightButton.valueBagde} color={'error'}>\n <ButtonBase />\n </Badge>\n ) : (\n <ButtonBase />\n )}\n </>\n ) : (\n <Dummy disabled />\n )}\n </StyledView>\n );\n};\n\nexport default Header;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBM,MAAA,MAAA,GAAgC,CAAC,EAKjC,KAAA;AALiC,EACrC,IAAA,EAAA,GAAA,EAAA,EAAA;AAAA,IAAA,WAAA;AAAA,IACA,UAAA;AAAA,IACA,QAAA;AAAA,GApBF,GAiBuC,EAIlC,EAAA,IAAA,GAAA,SAAA,CAJkC,EAIlC,EAAA;AAAA,IAHH,aAAA;AAAA,IACA,YAAA;AAAA,IACA,UAAA;AAAA,GAAA,CAAA,CAAA;AAGA,EAAA,MAAM,UAAiB,GAAA,sBACpB,KAAA,CAAA,aAAA,CAAA,cAAA,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EACK,WADL,CAAA,EAAA;AAAA,IAEC,OAAA,EAAA,CAAS,2CAAa,OAAW,KAAA,QAAA;AAAA,IACjC,KAAA,EAAA,CAAO,2CAAa,KAAS,KAAA,SAAA;AAAA,IAC7B,IAAA,EAAA,CAAM,2CAAa,IAAQ,KAAA,OAAA;AAAA,GAAA,CAAA,EAAA,CAE1B,2CAAa,IAAQ,qBAAA,KAAA,CAAA,aAAA,CAAC,IAAS,EAAA,cAAA,CAAA,EAAA,EAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAa,KAAM,CACrD,CAAA,CAAA;AAGF,EAAA,2CACG,UAAe,EAAA,cAAA,CAAA,EAAA,EAAA,IAAA,CAAA,EACb,6BAEI,KAAA,CAAA,aAAA,CAAA,KAAA,CAAA,QAAA,EAAA,IAAA,EAAA,CAAA,UAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,UAAA,CAAY,8BACV,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAM,OAAO,UAAW,CAAA,UAAA;AAAA,IAAY,KAAO,EAAA,OAAA;AAAA,GAC1C,kBAAA,KAAA,CAAA,aAAA,CAAC,gBAAW,CACd,CAAA,uCAEC,UAAW,EAAA,IAAA,CAEhB,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,CAAA,WAAA,IAAA,IAAA,GAAA,KAAA,CAAA,GAAA,WAAA,CAAa,8BACX,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAM,OAAO,WAAY,CAAA,UAAA;AAAA,IAAY,KAAO,EAAA,OAAA;AAAA,GAC3C,kBAAA,KAAA,CAAA,aAAA,CAAC,gBAAW,CACd,CAAA,uCAEC,UAAW,EAAA,IAAA,CAEhB,oBAEC,KAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAA,IAAM,QAAQ,EAAA,IAAA;AAAA,GAAC,CAEpB,CAAA,CAAA;AAEJ;;;;"}
@@ -1,5 +1,5 @@
1
1
  import styled from '@emotion/native';
2
- import { Button } from '@tecsinapse/react-core';
2
+ import { Button, RFValue } from '@tecsinapse/react-core';
3
3
 
4
4
  const StyledView = styled.View`
5
5
  flex-direction: row;
@@ -10,6 +10,7 @@ const StyledView = styled.View`
10
10
  `;
11
11
  const FloatingButton = styled(Button)`
12
12
  aspect-ratio: 1;
13
+ height: ${() => `${RFValue(49)}px`};
13
14
  `;
14
15
  const Dummy = styled(FloatingButton)`
15
16
  background-color: rgba(0, 0, 0, 0);
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","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"],"names":[],"mappings":";;;AAGO,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,OAAO,MAAM,CAAA,CAAA;AAAA;AAAA,EAAA;AAI9B,MAAA,KAAA,GAAQ,OAAO,cAAc,CAAA,CAAA;AAAA;AAAA;;;;"}
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":[],"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,OAAO,MAAM,CAAA,CAAA;AAAA;AAAA,UAE/B,EAAA,MAAM,CAAG,EAAA,OAAA,CAAQ,EAAE,CAAA,CAAA,EAAA,CAAA,CAAA;AAAA,EAAA;AAGlB,MAAA,KAAA,GAAQ,OAAO,cAAc,CAAA,CAAA;AAAA;AAAA;;;;"}
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.5",
4
+ "version": "1.22.7",
5
5
  "license": "MIT",
6
6
  "main": "dist/cjs/index.js",
7
7
  "module": "dist/esm/index.js",
@@ -22,7 +22,7 @@
22
22
  "dependencies": {
23
23
  "@emotion/native": "~11.10.0",
24
24
  "@emotion/react": "~11.10.0",
25
- "@tecsinapse/react-core": "1.21.5",
25
+ "@tecsinapse/react-core": "1.21.7",
26
26
  "react-native-linear-gradient": "~2.5.6"
27
27
  },
28
28
  "repository": {
@@ -45,5 +45,5 @@
45
45
  "devDependencies": {
46
46
  "@types/uuid": "^8.3.3"
47
47
  },
48
- "gitHead": "48cda2986310e370097a8fcae68e5c02bb33a54f"
48
+ "gitHead": "b128dfad949de8c668acb7fb495f092ac15ebcb0"
49
49
  }