@tecsinapse/react-core 2.2.1-beta.0 → 3.0.0

package/README.md

@@ -2,7 +2,7 @@
 
 # TecSinapse Design System
 
-[![Stars](https://img.shields.io/github/stars/tecsinapse/design-system?style=social)](https://github.com/tecsinapse/design-system/) [![License](https://img.shields.io/github/license/tecsinapse/design-system)](./LICENSE.md) [![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.0-4baaaa.svg)](CODE_OF_CONDUCT.md)![build workflow](https://github.com/tecsinapse/design-system/actions/workflows/build-deploy.yml/badge.svg)
+[![Stars](https://img.shields.io/github/stars/tecsinapse/design-system?style=social)](https://github.com/tecsinapse/design-system/) [![License](https://img.shields.io/github/license/tecsinapse/design-system)](./LICENSE.md) [![Contributor Covenant](https://img.shields.io/badge/Contributor%20Covenant-2.0-4baaaa.svg)](CODE_OF_CONDUCT.md)![build workflow](https://github.com/tecsinapse/design-system/actions/workflows/ci.yml/badge.svg)
 
 
 [TecSinapse Design System](https://tecsinapse.github.io/design-system) is the hybrid implementation of the [TecSinapse](https://www.tecsinapse.com.br/) Design System. 
@@ -23,11 +23,12 @@ Here are a few helpful links for getting started:
 
 ## Packages
 
-| Package                                                         | Content                                              | Version                                     |
-| --------------------------------------------------------------- | ---------------------------------------------------- | ------------------------------------------- |
-| **[@tecsinapse/react-core](./packages/react-core)**             | the core hybrid React component library              | [![npm version](https://badge.fury.io/js/%40tecsinapse%2Freact-core.svg)](https://badge.fury.io/js/%40tecsinapse%2Freact-core) |
-| **[@tecsinapse/react-web-kit](./packages/react-web-kit)**       | the React component library focused on web           | [![npm version](https://badge.fury.io/js/%40tecsinapse%2Freact-web-kit.svg)](https://badge.fury.io/js/%40tecsinapse%2Freact-web-kit) |
+| Package                                                         | Content                                              | Version                                                                                                                                    |
+|-----------------------------------------------------------------|------------------------------------------------------|--------------------------------------------------------------------------------------------------------------------------------------------|
+| **[@tecsinapse/react-core](./packages/react-core)**             | the core hybrid React component library              | [![npm version](https://badge.fury.io/js/%40tecsinapse%2Freact-core.svg)](https://badge.fury.io/js/%40tecsinapse%2Freact-core)             |
+| **[@tecsinapse/react-web-kit](./packages/react-web-kit)**       | the React component library focused on web           | [![npm version](https://badge.fury.io/js/%40tecsinapse%2Freact-web-kit.svg)](https://badge.fury.io/js/%40tecsinapse%2Freact-web-kit)       |
 | **[@tecsinapse/react-native-kit](./packages/react-native-kit)** | the React native component library focused on mobile | [![npm version](https://badge.fury.io/js/%40tecsinapse%2Freact-native-kit.svg)](https://badge.fury.io/js/%40tecsinapse%2Freact-native-kit) |
+| **[@tecsinapse/react-charts](./packages/react-charts)**         | Charts for React based on SVG                        | [![npm version](https://badge.fury.io/js/%40tecsinapse%2Freact-charts.svg)](https://badge.fury.io/js/%40tecsinapse%2Freact-charts)         |
 
 ## Code of conduct
 
@@ -35,11 +36,36 @@ We want to foster an inclusive and friendly community around our Open Source eff
 
 If you feel another member of the community violated our code or you are experiencing problems participating in our community because of another individual's behavior, please get in touch with our maintainers.
 
+## How to make local changes available for other projects?
+
+At times, it may be necessary to test changes directly in a product, and not in the design system, and for this to work in a less laborious way, we can follow the steps below:
+
+3 terminal tabs should open:
+- In one run the JS code watch:
+```
+yarn build:watch
+```
+- In another run the watch of the TS code watch
+```
+yarn build:declarations:watch
+```
+- On another run yalc push (this script updates linked local projects)
+```
+yarn yalc:push
+```
+
+With that, all changes will be in yalc locally.
+
+To access in your application, see this [example](https://github.com/tecsinapse/vendas-web-poc-playground#tools) in topic "**Yalc link Design System:**"
+
+
 ### Maintainers
 
+- [Beatriz Silva](mailto:beatriz.silva@tecsinapse.com.br)
 - [Denner Vidal](mailto:denner.vidal@tecsinapse.com.br)
-- [Nilson Altonio](mailto:nilson.antonio@tecsinapse.com.br)
-- [Agnaldo Citadin](mailto:agnaldo.citadin@tecsinapse.com.br)
+- [Gabriel Sanches](mailto:gabriel.sanches@tecsinapse.com.br)
+- [Lucas Ramos](mailto:lucas.ramos@tecsinapse.com.br)
+- [Nilson Antonio](mailto:nilson.antonio@tecsinapse.com.br)
 - [Ryan Correa](mailto:ryan.correa@tecsinapse.com.br)
 
 ## Contributing

package/dist/cjs/components/atoms/Input/InputElement/InputElement.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var styled = require('../styled.js');
-var reactCore = require('@tecsinapse/react-core');
+var useTheme = require('../../../../hooks/useTheme.js');
 
 const InputElement = React.forwardRef(
   ({
@@ -13,7 +13,7 @@ const InputElement = React.forwardRef(
     placeholderTextColor,
     ...rest
   }, ref) => {
-    const theme = reactCore.useTheme();
+    const theme = useTheme.useTheme();
     const _placeholderColor = placeholderTextColor || theme.font?.color?.dark;
     return /* @__PURE__ */ React.createElement(
       styled.StyledInputElement,

package/dist/cjs/components/atoms/ProgressBar/ProgressBar.js

@@ -2,7 +2,6 @@
 
 var React = require('react');
 var react = require('@emotion/react');
-var reactNative = require('react-native');
 var extractNumbersFromString = require('../../../utils/extractNumbersFromString.js');
 require('../Text/styled.js');
 require('../Input/styled.js');
@@ -10,6 +9,7 @@ require('currency.js');
 require('../Input/InputElement/InputElement.js');
 require('../Input/InputMaskElement/InputMaskElement.js');
 require('../Input/PressableInputContainer/styled.js');
+require('react-native');
 var styled = require('./styled.js');
 
 const ProgressBar = ({
@@ -19,11 +19,9 @@ const ProgressBar = ({
   valueMax = 100,
   color = "primary",
   colorTone = "medium",
-  animationParameters,
   ...rest
 }) => {
   const theme = react.useTheme();
-  React.useRef(new reactNative.Animated.Value(0)).current;
   const valueNow = typeof _valueNow === "string" ? extractNumbersFromString.extractNumbersFromString(_valueNow) : _valueNow;
   const totalProgress = (valueNow - valueMin) / (valueMax - valueMin) * 100;
   const segments = Math.max(1, _segments);
@@ -34,7 +32,7 @@ const ProgressBar = ({
     const min = segmentWidth * index;
     const minmax = (totalProgress - min) / (max - min);
     const width = (minmax > 1 ? 1 : minmax < 0 ? 0 : minmax) * 100;
-    let progressPercent = `${width}%`;
+    const progressPercent = `${width}%`;
     return /* @__PURE__ */ React.createElement(
       styled.Segment,
       {

package/dist/cjs/components/atoms/ProgressBar/styled.js

@@ -1,7 +1,6 @@
 'use strict';
 
 var styled = require('@emotion/native');
-var reactNative = require('react-native');
 require('react');
 require('../Text/styled.js');
 require('../Input/styled.js');
@@ -9,6 +8,7 @@ require('currency.js');
 require('../Input/InputElement/InputElement.js');
 require('../Input/InputMaskElement/InputMaskElement.js');
 require('../Input/PressableInputContainer/styled.js');
+require('react-native');
 var ResponsiveFontSize = require('../../../utils/ResponsiveFontSize.js');
 
 const Container = styled.View`
@@ -25,7 +25,7 @@ const Segment = styled.View`
   border-right-width: ${ResponsiveFontSize.RFValueStr("2px")};
   border-color: ${({ theme }) => theme.color.secondary.xlight};
 `;
-const Progress = styled(reactNative.Animated.View)`
+const Progress = styled.View`
   height: 100%;
   border-color: ${({ theme }) => theme.color.secondary.xlight};
 `;

package/dist/cjs/components/molecules/Snackbar/Snackbar.js

@@ -22,7 +22,6 @@ const Snackbar = ({
 }) => {
   const fadeAnim = React.useRef(new reactNative.Animated.Value(0)).current;
   const timeoutRef = React.useRef();
-  const showProgressBar = false;
   const fadeIn = () => {
     reactNative.Animated.timing(fadeAnim, {
       toValue: 1,
@@ -80,19 +79,7 @@ const Snackbar = ({
         name: "close",
         type: "material-community"
       }
-    ))),
-    timeout && showProgressBar && open && /* @__PURE__ */ React.createElement(
-      styled.StyledProgressBar,
-      {
-        valueNow: 0,
-        valueMax: 100,
-        valueMin: 0,
-        animate: true,
-        color: colorVariant,
-        colorTone: "medium",
-        animationParameters: { direction: "left", duration: timeout }
-      }
-    )
+    )))
   );
 };
 

package/dist/cjs/components/molecules/Snackbar/styled.js

@@ -12,7 +12,6 @@ require('../../atoms/Input/PressableInputContainer/styled.js');
 var ResponsiveFontSize = require('../../../utils/ResponsiveFontSize.js');
 var Paper = require('../../atoms/Paper/Paper.js');
 var PressableSurface = require('../../atoms/PressableSurface/PressableSurface.js');
-var ProgressBar = require('../../atoms/ProgressBar/ProgressBar.js');
 
 const baseStyles = ({
   theme,
@@ -73,10 +72,6 @@ const DismissContainer = styled(PressableSurface)`
   align-items: center;
   margin-left: ${({ theme }) => theme.spacing.mili};
 `;
-const StyledProgressBar = styled(ProgressBar)`
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-`;
 const StyledContainerFlexRow = styled(reactNative.View)`
   display: flex;
   flex-direction: row;
@@ -93,5 +88,4 @@ exports.DismissContainer = DismissContainer;
 exports.IconContainer = IconContainer;
 exports.SnackbarContainer = SnackbarContainer;
 exports.StyledContainerFlexRow = StyledContainerFlexRow;
-exports.StyledProgressBar = StyledProgressBar;
 exports.TextContainer = TextContainer;

package/dist/esm/components/atoms/Input/InputElement/InputElement.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import { StyledInputElement } from '../styled.js';
-import { useTheme } from '@tecsinapse/react-core';
+import { useTheme } from '../../../../hooks/useTheme.js';
 
 const InputElement = React__default.forwardRef(
   ({

package/dist/esm/components/atoms/ProgressBar/ProgressBar.js

@@ -1,6 +1,5 @@
 import React__default from 'react';
 import { useTheme } from '@emotion/react';
-import { Animated } from 'react-native';
 import { extractNumbersFromString } from '../../../utils/extractNumbersFromString.js';
 import '../Text/styled.js';
 import '../Input/styled.js';
@@ -8,6 +7,7 @@ import 'currency.js';
 import '../Input/InputElement/InputElement.js';
 import '../Input/InputMaskElement/InputMaskElement.js';
 import '../Input/PressableInputContainer/styled.js';
+import 'react-native';
 import { Segment, Progress, Container } from './styled.js';
 
 const ProgressBar = ({
@@ -17,11 +17,9 @@ const ProgressBar = ({
   valueMax = 100,
   color = "primary",
   colorTone = "medium",
-  animationParameters,
   ...rest
 }) => {
   const theme = useTheme();
-  React__default.useRef(new Animated.Value(0)).current;
   const valueNow = typeof _valueNow === "string" ? extractNumbersFromString(_valueNow) : _valueNow;
   const totalProgress = (valueNow - valueMin) / (valueMax - valueMin) * 100;
   const segments = Math.max(1, _segments);
@@ -32,7 +30,7 @@ const ProgressBar = ({
     const min = segmentWidth * index;
     const minmax = (totalProgress - min) / (max - min);
     const width = (minmax > 1 ? 1 : minmax < 0 ? 0 : minmax) * 100;
-    let progressPercent = `${width}%`;
+    const progressPercent = `${width}%`;
     return /* @__PURE__ */ React__default.createElement(
       Segment,
       {

package/dist/esm/components/atoms/ProgressBar/styled.js

@@ -1,5 +1,4 @@
 import styled from '@emotion/native';
-import { Animated } from 'react-native';
 import 'react';
 import '../Text/styled.js';
 import '../Input/styled.js';
@@ -7,6 +6,7 @@ import 'currency.js';
 import '../Input/InputElement/InputElement.js';
 import '../Input/InputMaskElement/InputMaskElement.js';
 import '../Input/PressableInputContainer/styled.js';
+import 'react-native';
 import { RFValueStr } from '../../../utils/ResponsiveFontSize.js';
 
 const Container = styled.View`
@@ -23,7 +23,7 @@ const Segment = styled.View`
   border-right-width: ${RFValueStr("2px")};
   border-color: ${({ theme }) => theme.color.secondary.xlight};
 `;
-const Progress = styled(Animated.View)`
+const Progress = styled.View`
   height: 100%;
   border-color: ${({ theme }) => theme.color.secondary.xlight};
 `;

package/dist/esm/components/molecules/Snackbar/Snackbar.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import { Animated } from 'react-native';
 import Icon from '../../atoms/Icon/Icon.js';
-import { SnackbarContainer, StyledContainerFlexRow, ContentContainer, IconContainer, TextContainer, DismissContainer, StyledProgressBar } from './styled.js';
+import { SnackbarContainer, StyledContainerFlexRow, ContentContainer, IconContainer, TextContainer, DismissContainer } from './styled.js';
 
 const FADE_DURATION = 500;
 const Snackbar = ({
@@ -20,7 +20,6 @@ const Snackbar = ({
 }) => {
   const fadeAnim = React__default.useRef(new Animated.Value(0)).current;
   const timeoutRef = React__default.useRef();
-  const showProgressBar = false;
   const fadeIn = () => {
     Animated.timing(fadeAnim, {
       toValue: 1,
@@ -78,19 +77,7 @@ const Snackbar = ({
         name: "close",
         type: "material-community"
       }
-    ))),
-    timeout && showProgressBar && open && /* @__PURE__ */ React__default.createElement(
-      StyledProgressBar,
-      {
-        valueNow: 0,
-        valueMax: 100,
-        valueMin: 0,
-        animate: true,
-        color: colorVariant,
-        colorTone: "medium",
-        animationParameters: { direction: "left", duration: timeout }
-      }
-    )
+    )))
   );
 };
 

package/dist/esm/components/molecules/Snackbar/styled.js

@@ -10,7 +10,6 @@ import '../../atoms/Input/PressableInputContainer/styled.js';
 import { RFValue } from '../../../utils/ResponsiveFontSize.js';
 import Paper from '../../atoms/Paper/Paper.js';
 import PressableSurface from '../../atoms/PressableSurface/PressableSurface.js';
-import ProgressBar from '../../atoms/ProgressBar/ProgressBar.js';
 
 const baseStyles = ({
   theme,
@@ -71,10 +70,6 @@ const DismissContainer = styled(PressableSurface)`
   align-items: center;
   margin-left: ${({ theme }) => theme.spacing.mili};
 `;
-const StyledProgressBar = styled(ProgressBar)`
-  border-top-left-radius: 0;
-  border-top-right-radius: 0;
-`;
 const StyledContainerFlexRow = styled(View)`
   display: flex;
   flex-direction: row;
@@ -86,4 +81,4 @@ const TextContainer = styled(View)`
   flex-shrink: 1;
 `;
 
-export { ContentContainer, DismissContainer, IconContainer, SnackbarContainer, StyledContainerFlexRow, StyledProgressBar, TextContainer };
+export { ContentContainer, DismissContainer, IconContainer, SnackbarContainer, StyledContainerFlexRow, TextContainer };

package/dist/types/components/atoms/Avatar/Avatar.d.ts

@@ -1,14 +1,4 @@
-import React, { FC } from 'react';
-import { ImageSourcePropType } from 'react-native';
-import { IconSize } from '../../../types/defaults';
-import { TextProps } from '../Text';
-export type SizeAvatar = Omit<IconSize, 'centi' | 'deca'>;
-export interface AvatarProps {
-    source?: ImageSourcePropType;
-    name: string;
-    onPress?: () => void;
-    size?: keyof SizeAvatar;
-    TextComponent?: FC<TextProps>;
-}
+import React from 'react';
+import { AvatarProps } from './types';
 declare const Avatar: React.FC<AvatarProps>;
 export default Avatar;

package/dist/types/components/atoms/Avatar/Avatar.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { AvatarProps } from './Avatar';
+import { AvatarProps } from './types';
 declare const _default: {
     title: string;
     component: React.FC<AvatarProps>;

package/dist/types/components/atoms/Avatar/index.d.ts

@@ -1,2 +1,2 @@
 export { default as Avatar } from './Avatar';
-export type { AvatarProps } from './Avatar';
+export type { AvatarProps } from './types';

package/dist/types/components/atoms/Avatar/styled.d.ts

@@ -1,7 +1,7 @@
 import { FC } from 'react';
 import { Image, View } from 'react-native';
 import { TextProps } from '../Text';
-import { AvatarProps } from './Avatar';
+import { AvatarProps } from './types';
 export declare const ContainerButtonAvatar: import("@emotion/native").StyledComponent<import("../PressableSurface").PressableSurfaceProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/dist/types/components/atoms/Avatar/types.d.ts

@@ -0,0 +1,12 @@
+import { IconSize } from '../../../types/defaults';
+import { ImageSourcePropType } from 'react-native';
+import { FC } from 'react';
+import { TextProps } from '../Text';
+export type SizeAvatar = Omit<IconSize, 'centi' | 'deca'>;
+export interface AvatarProps {
+    source?: ImageSourcePropType;
+    name: string;
+    onPress?: () => void;
+    size?: keyof SizeAvatar;
+    TextComponent?: FC<TextProps>;
+}

package/dist/types/components/atoms/Card/Card.d.ts

@@ -1,4 +1,4 @@
-import { PressableSurfaceProps } from '@tecsinapse/react-native-kit';
+import { PressableSurfaceProps } from '@tecsinapse/react-core';
 import { ReactNode } from 'react';
 import { GestureResponderEvent } from 'react-native';
 import { PaperProps } from '../Paper';

package/dist/types/components/atoms/Card/Card.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CardProps } from './Card';
 declare const _default: {
     title: string;

package/dist/types/components/atoms/Checkbox/Checkbox.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CheckboxProps } from './Checkbox';
 declare const _default: {
     title: string;

package/dist/types/components/atoms/GroupButton/GroupButton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { StyleProp, ViewStyle } from 'react-native';
 import { ColorGradationType, ColorType } from '../../../types/defaults';
 import { ButtonSizeType } from '../Button';

package/dist/types/components/atoms/GroupButton/GroupButton.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { GroupButtonProps } from '../GroupButton';
 declare const _default: {
     title: string;

package/dist/types/components/atoms/Icon/AntDesign.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconInternalProps } from './types';
 declare const AntDesign: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
 export default AntDesign;

package/dist/types/components/atoms/Icon/Entypo.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconInternalProps } from './types';
 declare const Entypo: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
 export default Entypo;

package/dist/types/components/atoms/Icon/Evil.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconInternalProps } from './types';
 declare const Evil: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
 export default Evil;

package/dist/types/components/atoms/Icon/Feather.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconInternalProps } from './types';
 declare const Feather: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
 export default Feather;

package/dist/types/components/atoms/Icon/FontAwesome.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconInternalProps } from './types';
 declare const FontAwesome: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
 export default FontAwesome;

package/dist/types/components/atoms/Icon/FontAwesomeFive.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconInternalProps } from './types';
 declare const FontAwesomeFive: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
 export default FontAwesomeFive;

package/dist/types/components/atoms/Icon/Fontisto.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconInternalProps } from './types';
 declare const Fontisto: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
 export default Fontisto;

package/dist/types/components/atoms/Icon/Foundation.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconInternalProps } from './types';
 declare const Foundation: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
 export default Foundation;

package/dist/types/components/atoms/Icon/Ionicon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconInternalProps } from './types';
 declare const Ionicon: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
 export default Ionicon;

package/dist/types/components/atoms/Icon/Material.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconInternalProps } from './types';
 declare const Material: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
 export default Material;

package/dist/types/components/atoms/Icon/MaterialCommunity.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconInternalProps } from './types';
 declare const MaterialCommunity: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
 export default MaterialCommunity;

package/dist/types/components/atoms/Icon/Octicon.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconInternalProps } from './types';
 declare const Octicon: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
 export default Octicon;

package/dist/types/components/atoms/Icon/SimpleLine.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconInternalProps } from './types';
 declare const SimpleLine: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
 export default SimpleLine;

package/dist/types/components/atoms/Icon/Zocial.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { IconInternalProps } from './types';
 declare const Zocial: ({ size, color, name, ...rest }: IconInternalProps) => JSX.Element;
 export default Zocial;

package/dist/types/components/atoms/Input/InputContainer/InputContainer.d.ts

@@ -24,6 +24,7 @@ export interface InputContainerProps {
     variant?: InputVariantType;
     hint?: string;
     hintComponent?: JSX.Element;
+    testID?: string;
 }
 declare const InputContainer: FC<InputContainerProps & Partial<InputElementProps>>;
 export default InputContainer;

package/dist/types/components/atoms/Paper/Paper.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { PaperProps } from './Paper';
 declare const _default: {
     title: string;

package/dist/types/components/atoms/ProgressBar/ProgressBar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ViewProps } from 'react-native';
 import { ColorGradationType, ColorType } from '@tecsinapse/react-core';
 export interface ProgressBarProps extends ViewProps {
@@ -8,11 +7,6 @@ export interface ProgressBarProps extends ViewProps {
     valueNow: number | string;
     color?: ColorType;
     colorTone?: ColorGradationType;
-    animate?: boolean;
-    animationParameters?: {
-        direction: 'left' | 'right';
-        duration: number;
-    };
 }
-declare const ProgressBar: ({ segments: _segments, valueMin, valueNow: _valueNow, valueMax, color, colorTone, animationParameters, ...rest }: ProgressBarProps) => JSX.Element;
+declare const ProgressBar: ({ segments: _segments, valueMin, valueNow: _valueNow, valueMax, color, colorTone, ...rest }: ProgressBarProps) => JSX.Element;
 export default ProgressBar;

package/dist/types/components/atoms/ProgressBar/ProgressBar.stories.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import { ProgressBarProps } from './index';
 declare const _default: {
     title: string;
-    component: ({ segments: _segments, valueMin, valueNow: _valueNow, valueMax, color, colorTone, animationParameters, ...rest }: ProgressBarProps) => JSX.Element;
+    component: ({ segments: _segments, valueMin, valueNow: _valueNow, valueMax, color, colorTone, ...rest }: ProgressBarProps) => JSX.Element;
 };
 export default _default;
 export declare const Base: import("@storybook/types").AnnotatedStoryFn<import("@storybook/react/dist/types-0a347bb9").R, ProgressBarProps>;

package/dist/types/components/atoms/ProgressBar/styled.d.ts

@@ -1,5 +1,4 @@
 /// <reference types="react" />
-import { Animated } from 'react-native';
 export declare const Container: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
@@ -12,7 +11,9 @@ export declare const Segment: import("@emotion/native").StyledComponent<import("
 } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
     ref?: import("react").Ref<import("react-native").View> | undefined;
 }>;
-export declare const Progress: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>> & {
+export declare const Progress: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
-} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
+} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {
+    ref?: import("react").Ref<import("react-native").View> | undefined;
+}>;

package/dist/types/components/atoms/RadioButton/RadioButton.stories.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { RadioButtonProps } from './RadioButton';
 declare const _default: {
     title: string;

package/dist/types/components/atoms/Text/Text.d.ts

@@ -14,6 +14,7 @@ export interface TextProps {
     capitalFirst?: boolean;
     style?: StyleProp<TextStyle>;
     children?: React.ReactNode;
+    testID?: string;
 }
 declare const Text: FC<TextProps>;
 export default Text;

package/dist/types/components/molecules/Snackbar/styled.d.ts

@@ -23,10 +23,6 @@ export declare const DismissContainer: import("@emotion/native").StyledComponent
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;
 } & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
-export declare const StyledProgressBar: import("@emotion/native").StyledComponent<import("../../atoms/ProgressBar").ProgressBarProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & Partial<import("../../../types/defaults").ThemeProviderProps>, {}, {}>;
 export declare const StyledContainerFlexRow: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any> | undefined;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tecsinapse/react-core",
   "description": "TecSinapse hybrid React components",
-  "version": "2.2.1-beta.0+66dfc116",
+  "version": "3.0.0",
   "license": "MIT",
   "main": "dist/esm/index.js",
   "module": "dist/esm/index.js",
@@ -10,16 +10,16 @@
     "dist"
   ],
   "scripts": {
-    "start": "yarn build:es --watch",
-    "build:es": "yarn rollup --config",
+    "dev": "rollup --watch",
+    "build:es": "rollup --config",
     "build:declaration": "tsc --project tsconfig.build.json",
     "build:declaration:watch": "tsc --project tsconfig.build.json --watch",
     "yalc:push": "yalc push --changed",
     "yalc:show": "yalc installations show $npm_package_name"
   },
   "dependencies": {
-    "@emotion/native": "~11.10.0",
-    "@emotion/react": "~11.10.0",
+    "@emotion/native": "~11.11.0",
+    "@emotion/react": "~11.11.0",
     "currency.js": "~2.0.4",
     "date-fns": "~2.30.0"
   },
@@ -37,5 +37,5 @@
     "react-native": "^0.71.0",
     "react-native-vector-icons": "^9.2.0"
   },
-  "gitHead": "66dfc11647cad934077a753144e1c39324e87ad2"
+  "gitHead": "59db148f23b2b94e8db779e035b43e58a0104fed"
 }