@tecsinapse/react-charts 1.3.7 → 1.4.1-beta.0

package/LICENSE.md

@@ -1,6 +1,6 @@
 MIT License
 
-Copyright (c) 2021 TecSinapse
+Copyright (c) 2024 TecSinapse
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal

package/README.md

@@ -4,8 +4,7 @@
 
 [![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. 
+[TecSinapse Design System](https://tecsinapse.github.io/design-system) is the hybrid implementation of the [TecSinapse](https://www.tecsinapse.com.br/) Design System.
 Our primary goal is to create a system that can be used to build a wide variety of TecSinapase websites and apps, while providing a consistent and inclusive user experience to our end users.
 In addition, the design system and component library should be easy to use for developers and designers.
 
@@ -24,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)       |
 | **[@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)         |
+| **[@tecsinapse/cortex-core](./packages/cortex-core)**           | The core library for tailwindcss based design        | [![npm version](https://badge.fury.io/js/%40tecsinapse%2Fcortex-core.svg)](https://badge.fury.io/js/%40tecsinapse%2Fcortex-core)           |
 
 ## Code of conduct
 
@@ -41,27 +41,29 @@ If you feel another member of the community violated our code or you are experie
 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)
 - [Gabriel Sanches](mailto:gabriel.sanches@tecsinapse.com.br)
 - [Lucas Ramos](mailto:lucas.ramos@tecsinapse.com.br)

package/dist/cjs/components/PieChart/functions.js

@@ -5,8 +5,7 @@ var constants = require('../../styles/constants.js');
 var functions = require('../../styles/functions.js');
 
 const getCallback = (value, label, fn) => {
-  if (!fn)
-    return {};
+  if (!fn) return {};
   return reactNative.Platform.OS === "web" ? {
     onClick: () => fn?.(value, label)
   } : {

package/dist/esm/components/PieChart/functions.js

@@ -3,8 +3,7 @@ import { fontColor } from '../../styles/constants.js';
 import { getFontFamilyAndWeight } from '../../styles/functions.js';
 
 const getCallback = (value, label, fn) => {
-  if (!fn)
-    return {};
+  if (!fn) return {};
   return Platform.OS === "web" ? {
     onClick: () => fn?.(value, label)
   } : {

package/dist/types/components/Dot/Dot.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+declare const Dot: ({ color }: {
+    color: string;
+}) => JSX.Element;
+export default Dot;

package/dist/types/components/Dot/index.d.ts

@@ -0,0 +1 @@
+export { default as Dot } from './Dot';

package/dist/types/components/Dot/styled.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import { View } from 'react-native';
+export declare const Circle: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    color: string;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const CircleDot: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;

package/dist/types/components/Label/Label.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { FontFamily, PieChartData } from '../../types';
+interface LabelProps {
+    columns: number;
+    data: PieChartData;
+    chartConfig?: {
+        fontFamily: FontFamily;
+    };
+}
+declare const Label: React.FC<LabelProps>;
+export default Label;

package/dist/types/components/Label/index.d.ts

@@ -0,0 +1 @@
+export { default as Label } from './Label';

package/dist/types/components/Label/styled.d.ts

@@ -0,0 +1,23 @@
+/// <reference types="react" />
+import { Text as RNText, View } 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;
+} & {
+    columns: number;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const Text: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    font: {
+        fontFamily: string;
+        fontWeight: string;
+    };
+    expand?: boolean | undefined;
+    flexEnd?: boolean | undefined;
+}, {}, {
+    ref?: import("react").Ref<RNText> | undefined;
+}>;

package/dist/types/components/PieChart/PieChart.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { FontFamily, PieChartData, SvgTextType } from '../../types';
+export interface PieChartProps {
+    data: PieChartData[];
+    dimension?: number;
+    radius?: number;
+    label?: string;
+    labelProps?: SvgTextType;
+    sub?: string;
+    subProps?: SvgTextType;
+    columns?: number;
+    chartConfig?: {
+        fontFamily: FontFamily;
+    };
+}
+declare const PieChart: React.FC<PieChartProps>;
+export default PieChart;

package/dist/types/components/PieChart/functions.d.ts

@@ -0,0 +1,26 @@
+import { AlignmentBaseline, FontFamily, FontWeight, SvgTextType, TextAnchor } from '../../types';
+type CallbackReturn = Record<string, unknown> | {
+    onClick: () => undefined;
+} | {
+    onPress: () => undefined;
+};
+export declare const getCallback: (value: number, label?: string, fn?: (value: number, label?: string) => void) => CallbackReturn;
+type FeaturedType = {
+    arc: {
+        outerRadius: string;
+    };
+};
+export declare const getFeatured: (featured: boolean) => FeaturedType;
+type TextStylesReturn = {
+    fontFamily: string;
+    y: number | undefined;
+    fontSize: number | undefined;
+    textAnchor: TextAnchor;
+    fill: string;
+    alignmentBaseline: AlignmentBaseline;
+    fontWeight: string;
+};
+export declare const getTextStyles: (styles: SvgTextType | undefined, defaultFontWeight: FontWeight, chartConfig: {
+    fontFamily: FontFamily;
+} | undefined) => TextStylesReturn;
+export {};

package/dist/types/components/PieChart/index.d.ts

@@ -0,0 +1 @@
+export { default as PieChart } from './PieChart';

package/dist/types/components/PieChart/styled.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { View } 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;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export declare const LabelsContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;

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

@@ -0,0 +1 @@
+export { PieChart } from './PieChart';

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './types';
+export * from './styles';

package/dist/types/styles/constants.d.ts

@@ -0,0 +1,49 @@
+export declare const fontColor: {
+    light: string;
+    medium: string;
+    dark: string;
+    orange: string;
+};
+export declare const spacing: {
+    nano: string;
+    micro: string;
+    mili: string;
+    centi: string;
+    deca: string;
+    kilo: string;
+    mega: string;
+    giga: string;
+    tera: string;
+    peta: string;
+    hexa: string;
+};
+export declare const iconSize: {
+    micro: string;
+    mili: string;
+    centi: string;
+    deca: string;
+    kilo: string;
+    mega: string;
+};
+export declare const borderRadius: {
+    nano: string;
+    micro: string;
+    mili: string;
+    centi: string;
+    deca: string;
+    pill: string;
+};
+export declare const fontStack: {
+    default: string;
+    mono: string;
+};
+export declare const fontWeight: {
+    regular: string;
+    bold: string;
+    black: string;
+};
+export declare const nativeFontStack: {
+    black: string;
+    bold: string;
+    regular: string;
+};

package/dist/types/styles/functions.d.ts

@@ -0,0 +1,5 @@
+import { FontFamily, FontWeight } from '../types';
+export declare const getFontFamilyAndWeight: (fontFamily: FontFamily | undefined, weight: FontWeight) => {
+    fontFamily: string;
+    fontWeight: string;
+};

package/dist/types/styles/index.d.ts

@@ -0,0 +1,2 @@
+export * from './constants';
+export * from './functions';

package/dist/types/types/font.d.ts

@@ -0,0 +1,6 @@
+export type FontWeight = 'regular' | 'bold' | 'black';
+export type FontFamily = {
+    regular: string;
+    bold: string;
+    black: string;
+};

package/dist/types/types/index.d.ts

@@ -0,0 +1,3 @@
+export * from './svg';
+export * from './pie';
+export * from './font';

package/dist/types/types/pie.d.ts

@@ -0,0 +1,7 @@
+export type PieChartData = {
+    value: number;
+    label: string;
+    featured?: boolean;
+    color: string;
+    onPress?: (value: number, label?: string) => void;
+};

package/dist/types/types/svg.d.ts

@@ -0,0 +1,11 @@
+import { FontWeight } from './font';
+export type AlignmentBaseline = 'baseline' | 'text-bottom' | 'alphabetic' | 'ideographic' | 'middle' | 'central' | 'mathematical' | 'text-top' | 'bottom' | 'center' | 'top' | 'text-before-edge' | 'text-after-edge' | 'before-edge' | 'after-edge' | 'hanging';
+export type TextAnchor = 'start' | 'middle' | 'end';
+export type SvgTextType = {
+    textAnchor?: TextAnchor;
+    alignmentBaseline?: AlignmentBaseline;
+    fontSize?: number;
+    fontWeight?: FontWeight;
+    fill?: string;
+    y?: number;
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tecsinapse/react-charts",
-  "version": "1.3.7",
+  "version": "1.4.1-beta.0",
   "description": "Charts for React and React Native",
   "homepage": "https://github.com/tecsinapse/design-system/",
   "license": "MIT",
@@ -24,10 +24,10 @@
     "react-native-svg": "13.9.0"
   },
   "scripts": {
-    "dev": "yarn build:es --watch",
+    "dev": "rollup --config --watch",
+    "dev:dts": "tsc --project tsconfig.build.json --watch",
     "build:es": "rollup --config",
-    "build:declaration": "tsc --project tsconfig.build.json",
-    "build:declaration:watch": "tsc --project tsconfig.build.json --watch"
+    "build:dts": "tsc --project tsconfig.build.json"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
@@ -37,5 +37,5 @@
   "bugs": {
     "url": "https://github.com/tecsinapse/design-system/issues"
   },
-  "gitHead": "0f89f7320ecbcee514b03329d97f224171d51933"
+  "gitHead": "1218e25f944ce08275fdb79e411883667a0a3e45"
 }