@tecsinapse/react-charts 0.0.2 → 1.0.0

package/{src/components/PieChart/styled.ts → dist/esm/components/PieChart/styled.js}

@@ -1,18 +1,19 @@
 import styled from '@emotion/native';
 import { View } from 'react-native';
 
-export const Container = styled(View)`
+const Container = styled(View)`
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: space-between;
   flex: 1;
 `;
-
-export const LabelsContainer = styled(View)`
+const LabelsContainer = styled(View)`
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: space-between;
   width: 100%;
 `;
+
+export { Container, LabelsContainer };

package/dist/esm/index.js

@@ -0,0 +1,3 @@
+export { default as PieChart } from './components/PieChart/PieChart.js';
+export { borderRadius, fontColor, fontStack, fontWeight, iconSize, nativeFontStack, spacing } from './styles/constants.js';
+export { getFontFamilyAndWeight } from './styles/functions.js';

package/dist/esm/styles/constants.js

@@ -0,0 +1,57 @@
+const fontColor = {
+  light: "#fff",
+  medium: "#85807a",
+  dark: "#353231",
+  // default
+  orange: "#f89907"
+};
+const spacing = {
+  nano: "2px",
+  micro: "4px",
+  mili: "8px",
+  centi: "12px",
+  deca: "16px",
+  kilo: "24px",
+  mega: "32px",
+  giga: "40px",
+  tera: "48px",
+  peta: "56px",
+  hexa: "64px"
+};
+const iconSize = {
+  micro: "12px",
+  mili: "14px",
+  centi: "16px",
+  // '1rem'
+  deca: "18px",
+  // '1.5rem'
+  kilo: "24px",
+  // '1.6rem'
+  mega: "32px"
+  // '2rem'
+};
+const borderRadius = {
+  nano: "2px",
+  micro: "4px",
+  mili: "8px",
+  centi: "16px",
+  deca: "24px",
+  pill: "999999px"
+  // also circle
+};
+const fontStack = {
+  default: "Lato",
+  mono: "Consolas, monaco, monospace"
+};
+const fontWeight = {
+  regular: "400",
+  bold: "700",
+  black: "900"
+};
+const nativeFontStack = {
+  black: "Lato-Black",
+  bold: "Lato-Bold",
+  regular: "Lato-Regular"
+};
+
+export { borderRadius, fontColor, fontStack, fontWeight, iconSize, nativeFontStack, spacing };

package/dist/esm/styles/functions.js

@@ -0,0 +1,12 @@
+import { Platform } from 'react-native';
+import { fontStack, fontWeight, nativeFontStack } from './constants.js';
+
+const getFontFamilyAndWeight = (fontFamily, weight) => Platform.OS === "web" ? {
+  fontFamily: fontFamily ? fontFamily[weight] : fontStack.default,
+  fontWeight: fontWeight[weight]
+} : {
+  fontFamily: fontFamily ? fontFamily[weight] : nativeFontStack[weight],
+  fontWeight: fontWeight[weight]
+};
+
+export { getFontFamilyAndWeight };

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/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/{components → types/components}/PieChart/functions.d.ts

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

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/index.d.ts

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

package/{src/types/font.ts → dist/types/types/font.d.ts}

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

package/dist/types/{pie.d.ts → types/pie.d.ts}

@@ -1,4 +1,4 @@
-export declare type PieChartData = {
+export type PieChartData = {
     value: number;
     label: string;
     featured?: boolean;

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,96 +1,41 @@
 {
   "name": "@tecsinapse/react-charts",
-  "version": "0.0.2",
+  "version": "1.0.0",
+  "description": "Charts for React and React Native",
+  "homepage": "https://github.com/tecsinapse/design-system/",
   "license": "MIT",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "files": ["dist", "src"],
-  "scripts": {
-    "start": "expo start",
-    "android": "expo start --android",
-    "ios": "expo start --ios",
-    "web": "expo start --web",
-    "prebuild": "rimraf -rf dist/",
-    "build": "yarn build:es",
-    "postbuild": "yarn build:ts",
-    "build:ts": "tsc --project tsconfig.build.json",
-    "build:es": "cross-env BABEL_ENV=build babel src --root-mode upward --out-dir dist --source-maps --extensions .ts,.tsx --delete-dir-on-start --no-comments",
-    "eject": "expo eject",
-    "prepublish": "yarn build",
-    "prettify": "prettier --write ./src/**/*.{ts,tsx,json} && prettier --write *.{ts,tsx,json}",
-    "lint:ts": "eslint 'src/**/*.ts{,x}'",
-    "tsc": "tsc"
+  "main": "dist/esm/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "repository": {
+    "type": "git",
+    "directory": "packages/react-charts",
+    "url": "git+https://github.com/tecsinapse/design-system.git"
   },
   "dependencies": {
-    "@emotion/native": "^11.0.0",
-    "@emotion/react": "^11.4.1",
-    "@types/react-native-svg-charts": "^5.0.9",
+    "@emotion/native": "~11.11.0",
+    "@emotion/react": "~11.11.0",
     "react-native-svg-charts": "^5.4.0"
   },
   "devDependencies": {
-    "@babel/cli": "^7.9.0",
-    "@babel/core": "^7.9.0",
-    "@babel/preset-env": "^7.9.0",
-    "@babel/preset-react": "^7.9.0",
-    "@babel/preset-typescript": "^7.9.0",
-    "@expo-google-fonts/lato": "^0.2.0",
-    "@types/react": "~16.9.35",
-    "@types/react-native": "~0.63.2",
-    "@typescript-eslint/eslint-plugin": "^4.21.0",
-    "@typescript-eslint/parser": "^4.21.0",
-    "babel-core": "^7.0.0-bridge.0",
-    "babel-plugin-module-resolver": "^4.1.0",
-    "cross-env": "^7.0.3",
-    "eslint": "^7.24.0",
-    "eslint-config-prettier": "^8.1.0",
-    "eslint-plugin-import": "^2.22.1",
-    "eslint-plugin-prettier": "^3.3.1",
-    "eslint-plugin-react": "^7.23.2",
-    "expo": "~42.0.1",
-    "expo-app-loading": "^1.1.2",
-    "expo-font": "~9.2.1",
-    "expo-status-bar": "~1.0.4",
-    "husky": "^4.3.8",
-    "lint-staged": "^10.5.4",
-    "prettier": "^2.4.1",
-    "react": "16.13.1",
-    "react-dom": "16.13.1",
-    "react-native": "https://github.com/expo/react-native/archive/sdk-42.0.0.tar.gz",
-    "react-native-svg": "^12.1.1",
-    "react-native-web": "~0.13.12",
-    "rimraf": "^3.0.2",
-    "typescript": "~4.0.0"
+    "react-native-svg": "13.9.0"
   },
-  "engines": {
-    "node": ">=14"
-  },
-  "resolutions": {
-    "babel-core": "^7.0.0-bridge.0"
+  "scripts": {
+    "dev": "rollup --watch",
+    "build:es": "rollup --config",
+    "build:declaration": "tsc --project tsconfig.build.json",
+    "build:declaration:watch": "tsc --project tsconfig.build.json --watch"
   },
   "peerDependencies": {
     "react": ">=16.8.0",
     "react-native": ">=0.64.0",
     "react-native-svg": ">=12.0.0"
   },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged",
-      "post-commit": "git update-index --again"
-    }
-  },
-  "lint-staged": {
-    ".{ts,tsx}": [
-      "yarn lint",
-      "yarn prettify",
-      "git add ."
-    ]
-  },
-  "repository": {
-    "type": "git",
-    "directory": "src",
-    "url": "git+ssh://git@github.com/tecsinapse/react-charts.git"
-  },
   "bugs": {
-    "url": "https://github.com/tecsinapse/react-charts/issues"
-  }
+    "url": "https://github.com/tecsinapse/design-system/issues"
+  },
+  "gitHead": "59db148f23b2b94e8db779e035b43e58a0104fed"
 }

package/dist/components/Dot/Dot.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _styled = require("./styled");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Dot = ({
-  color
-}) => {
-  return _react.default.createElement(_styled.Circle, {
-    color: color
-  }, _react.default.createElement(_styled.CircleDot, null));
-};
-
-var _default = Dot;
-exports.default = _default;
-//# sourceMappingURL=Dot.js.map

package/dist/components/Dot/Dot.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Dot/Dot.tsx"],"names":["Dot","color"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEA,MAAMA,GAAG,GAAG,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAA+C;AACzD,SACE,6BAAC,cAAD;AAAQ,IAAA,KAAK,EAAEA;AAAf,KACE,6BAAC,iBAAD,OADF,CADF;AAKD,CAND;;eAQeD,G","sourcesContent":["import React from 'react';\nimport { CircleDot, Circle } from './styled';\n\nconst Dot = ({ color }: { color: string }): JSX.Element => {\n  return (\n    <Circle color={color}>\n      <CircleDot />\n    </Circle>\n  );\n};\n\nexport default Dot;\n"],"file":"Dot.js"}

package/dist/components/Dot/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Dot", {
-  enumerable: true,
-  get: function () {
-    return _Dot.default;
-  }
-});
-
-var _Dot = _interopRequireDefault(require("./Dot"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

package/dist/components/Dot/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Dot/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default as Dot } from './Dot';\n"],"file":"index.js"}

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

@@ -1,16 +0,0 @@
-/// <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?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
-} & {
-    color: string;
-}, {}, {
-    ref?: ((instance: View | null) => void) | import("react").RefObject<View> | null | undefined;
-}>;
-export declare const CircleDot: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
-}, {}, {
-    ref?: ((instance: View | null) => void) | import("react").RefObject<View> | null | undefined;
-}>;

package/dist/components/Dot/styled.js

@@ -1,35 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.CircleDot = exports.Circle = void 0;
-
-var _native = _interopRequireDefault(require("@emotion/native"));
-
-var _reactNative = require("react-native");
-
-var _styles = require("../../styles");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Circle = (0, _native.default)(_reactNative.View)`
-  background-color: ${({
-  color
-}) => color};
-  width: ${_styles.iconSize.micro};
-  height: ${_styles.iconSize.micro};
-  border-radius: ${_styles.borderRadius.pill};
-  justify-content: center;
-  align-items: center;
-  margin-right: ${_styles.spacing.centi};
-`;
-exports.Circle = Circle;
-const CircleDot = (0, _native.default)(_reactNative.View)`
-  background-color: #fff;
-  width: 4px;
-  height: 4px;
-  border-radius: ${_styles.borderRadius.pill};
-`;
-exports.CircleDot = CircleDot;
-//# sourceMappingURL=styled.js.map

package/dist/components/Dot/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Dot/styled.ts"],"names":["Circle","View","color","iconSize","micro","borderRadius","pill","spacing","centi","CircleDot"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAEO,MAAMA,MAAM,GAAG,qBAAOC,iBAAP,CAAgC;AACtD,sBAAsB,CAAC;AAAEC,EAAAA;AAAF,CAAD,KAAeA,KAAM;AAC3C,WAAWC,iBAASC,KAAM;AAC1B,YAAYD,iBAASC,KAAM;AAC3B,mBAAmBC,qBAAaC,IAAK;AACrC;AACA;AACA,kBAAkBC,gBAAQC,KAAM;AAChC,CARO;;AAUA,MAAMC,SAAS,GAAG,qBAAOR,iBAAP,CAAa;AACtC;AACA;AACA;AACA,mBAAmBI,qBAAaC,IAAK;AACrC,CALO","sourcesContent":["import styled from '@emotion/native';\nimport { View } from 'react-native';\nimport { borderRadius, iconSize, spacing } from '../../styles';\n\nexport const Circle = styled(View)<{ color: string }>`\n  background-color: ${({ color }) => color};\n  width: ${iconSize.micro};\n  height: ${iconSize.micro};\n  border-radius: ${borderRadius.pill};\n  justify-content: center;\n  align-items: center;\n  margin-right: ${spacing.centi};\n`;\n\nexport const CircleDot = styled(View)`\n  background-color: #fff;\n  width: 4px;\n  height: 4px;\n  border-radius: ${borderRadius.pill};\n`;\n"],"file":"styled.js"}

package/dist/components/Label/Label.js

@@ -1,40 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _react = _interopRequireDefault(require("react"));
-
-var _Dot = require("../Dot");
-
-var _styled = require("./styled");
-
-var _styles = require("../../styles");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Label = ({
-  columns,
-  data,
-  chartConfig
-}) => {
-  const valueFont = (0, _styles.getFontFamilyAndWeight)(chartConfig === null || chartConfig === void 0 ? void 0 : chartConfig.fontFamily, 'bold');
-  const labelFont = (0, _styles.getFontFamilyAndWeight)(chartConfig === null || chartConfig === void 0 ? void 0 : chartConfig.fontFamily, 'regular');
-  return _react.default.createElement(_styled.Container, {
-    columns: columns
-  }, _react.default.createElement(_Dot.Dot, {
-    color: data.color
-  }), _react.default.createElement(_styled.Text, {
-    font: labelFont,
-    expand: true
-  }, data.label), _react.default.createElement(_styled.Text, {
-    font: valueFont,
-    flexEnd: true
-  }, data.value));
-};
-
-var _default = Label;
-exports.default = _default;
-//# sourceMappingURL=Label.js.map

package/dist/components/Label/Label.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Label/Label.tsx"],"names":["Label","columns","data","chartConfig","valueFont","fontFamily","labelFont","color","label","value"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;AAUA,MAAMA,KAA2B,GAAG,CAAC;AAAEC,EAAAA,OAAF;AAAWC,EAAAA,IAAX;AAAiBC,EAAAA;AAAjB,CAAD,KAAoC;AACtE,QAAMC,SAAS,GAAG,oCAAuBD,WAAvB,aAAuBA,WAAvB,uBAAuBA,WAAW,CAAEE,UAApC,EAAgD,MAAhD,CAAlB;AACA,QAAMC,SAAS,GAAG,oCAAuBH,WAAvB,aAAuBA,WAAvB,uBAAuBA,WAAW,CAAEE,UAApC,EAAgD,SAAhD,CAAlB;AACA,SACE,6BAAC,iBAAD;AAAW,IAAA,OAAO,EAAEJ;AAApB,KACE,6BAAC,QAAD;AAAK,IAAA,KAAK,EAAEC,IAAI,CAACK;AAAjB,IADF,EAEE,6BAAC,YAAD;AAAM,IAAA,IAAI,EAAED,SAAZ;AAAuB,IAAA,MAAM;AAA7B,KACGJ,IAAI,CAACM,KADR,CAFF,EAKE,6BAAC,YAAD;AAAM,IAAA,IAAI,EAAEJ,SAAZ;AAAuB,IAAA,OAAO;AAA9B,KACGF,IAAI,CAACO,KADR,CALF,CADF;AAWD,CAdD;;eAgBeT,K","sourcesContent":["import React from 'react';\nimport { Dot } from '../Dot';\nimport { FontFamily, PieChartData } from '../../types';\nimport { Container, Text } from './styled';\nimport { getFontFamilyAndWeight } from '../../styles';\n\ninterface LabelProps {\n  columns: number;\n  data: PieChartData;\n  chartConfig?: {\n    fontFamily: FontFamily;\n  };\n}\n\nconst Label: React.FC<LabelProps> = ({ columns, data, chartConfig }) => {\n  const valueFont = getFontFamilyAndWeight(chartConfig?.fontFamily, 'bold');\n  const labelFont = getFontFamilyAndWeight(chartConfig?.fontFamily, 'regular');\n  return (\n    <Container columns={columns}>\n      <Dot color={data.color} />\n      <Text font={labelFont} expand>\n        {data.label}\n      </Text>\n      <Text font={valueFont} flexEnd>\n        {data.value}\n      </Text>\n    </Container>\n  );\n};\n\nexport default Label;\n"],"file":"Label.js"}

package/dist/components/Label/index.js

@@ -1,16 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Label", {
-  enumerable: true,
-  get: function () {
-    return _Label.default;
-  }
-});
-
-var _Label = _interopRequireDefault(require("./Label"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

package/dist/components/Label/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Label/index.ts"],"names":[],"mappings":";;;;;;;;;;;;AAAA","sourcesContent":["export { default as Label } from './Label';\n"],"file":"index.js"}

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

@@ -1,23 +0,0 @@
-/// <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?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
-} & {
-    columns: number;
-}, {}, {
-    ref?: ((instance: View | null) => void) | import("react").RefObject<View> | null | undefined;
-}>;
-export declare const Text: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: "symbol" | "object" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "nav" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "slot" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "style" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "title" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | undefined;
-} & {
-    font: {
-        fontFamily: string;
-        fontWeight: string;
-    };
-    expand?: boolean | undefined;
-    flexEnd?: boolean | undefined;
-}, {}, {
-    ref?: ((instance: RNText | null) => void) | import("react").RefObject<RNText> | null | undefined;
-}>;

package/dist/components/Label/styled.js

@@ -1,59 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.Text = exports.Container = void 0;
-
-var _native = _interopRequireWildcard(require("@emotion/native"));
-
-var _reactNative = require("react-native");
-
-var _styles = require("../../styles");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-const flexBasis = columns => (0, _native.css)({
-  flexBasis: `${100 / columns - 2}%`
-});
-
-const Container = (0, _native.default)(_reactNative.View)(({
-  columns
-}) => (0, _native.css)`
-      display: flex;
-      flex-direction: row;
-      align-items: center;
-      margin-bottom: ${_styles.spacing.centi};
-      ${flexBasis(columns)}
-    `);
-exports.Container = Container;
-
-const expandStyles = expand => expand && (0, _native.css)`
-    flex: 1;
-  `;
-
-const flexEndStyles = flexEnd => flexEnd && (0, _native.css)`
-    justify-content: flex-end;
-  `;
-
-const Text = (0, _native.default)(_reactNative.Text)(({
-  font,
-  expand = false,
-  flexEnd = false
-}) => {
-  const {
-    fontFamily,
-    fontWeight
-  } = font;
-  return (0, _native.css)`
-    font-size: 14px;
-    font-family: ${fontFamily};
-    font-weight: ${fontWeight};
-    ${expandStyles(expand)}
-    ${flexEndStyles(flexEnd)}
-  `;
-});
-exports.Text = Text;
-//# sourceMappingURL=styled.js.map

package/dist/components/Label/styled.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/Label/styled.ts"],"names":["flexBasis","columns","Container","View","spacing","centi","expandStyles","expand","flexEndStyles","flexEnd","Text","RNText","font","fontFamily","fontWeight"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAEA,MAAMA,SAAS,GAAIC,OAAD,IAChB,iBAAI;AAAED,EAAAA,SAAS,EAAG,GAAE,MAAMC,OAAN,GAAgB,CAAE;AAAlC,CAAJ,CADF;;AAGO,MAAMC,SAAS,GAAG,qBAAOC,iBAAP,EACvB,CAAC;AAAEF,EAAAA;AAAF,CAAD,KACE,gBAAI;AACR;AACA;AACA;AACA,uBAAuBG,gBAAQC,KAAM;AACrC,QAAQL,SAAS,CAACC,OAAD,CAAU;AAC3B,KARyB,CAAlB;;;AAWP,MAAMK,YAAY,GAAIC,MAAD,IACnBA,MAAM,IACN,gBAAI;AACN;AACA,GAJA;;AAMA,MAAMC,aAAa,GAAIC,OAAD,IACpBA,OAAO,IACP,gBAAI;AACN;AACA,GAJA;;AAMO,MAAMC,IAAI,GAAG,qBAAOC,iBAAP,EAOjB,CAAC;AAAEC,EAAAA,IAAF;AAAQL,EAAAA,MAAM,GAAG,KAAjB;AAAwBE,EAAAA,OAAO,GAAG;AAAlC,CAAD,KAA+C;AAChD,QAAM;AAAEI,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6BF,IAAnC;AACA,SAAO,gBAAI;AACb;AACA,mBAAmBC,UAAW;AAC9B,mBAAmBC,UAAW;AAC9B,MAAMR,YAAY,CAACC,MAAD,CAAS;AAC3B,MAAMC,aAAa,CAACC,OAAD,CAAU;AAC7B,GANE;AAOD,CAhBmB,CAAb","sourcesContent":["import styled, { css } from '@emotion/native';\nimport { Text as RNText, View } from 'react-native';\nimport { spacing } from '../../styles';\n\nconst flexBasis = (columns: number) =>\n  css({ flexBasis: `${100 / columns - 2}%` });\n\nexport const Container = styled(View)<{ columns: number }>(\n  ({ columns }) =>\n    css`\n      display: flex;\n      flex-direction: row;\n      align-items: center;\n      margin-bottom: ${spacing.centi};\n      ${flexBasis(columns)}\n    `\n);\n\nconst expandStyles = (expand?: boolean) =>\n  expand &&\n  css`\n    flex: 1;\n  `;\n\nconst flexEndStyles = (flexEnd?: boolean) =>\n  flexEnd &&\n  css`\n    justify-content: flex-end;\n  `;\n\nexport const Text = styled(RNText)<{\n  font: {\n    fontFamily: string;\n    fontWeight: string;\n  };\n  expand?: boolean;\n  flexEnd?: boolean;\n}>(({ font, expand = false, flexEnd = false }) => {\n  const { fontFamily, fontWeight } = font;\n  return css`\n    font-size: 14px;\n    font-family: ${fontFamily};\n    font-weight: ${fontWeight};\n    ${expandStyles(expand)}\n    ${flexEndStyles(flexEnd)}\n  `;\n});\n"],"file":"styled.js"}