@tecsinapse/react-charts 0.0.2 → 1.0.0

package/dist/components/PieChart/PieChart.js

@@ -1,97 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _reactNativeSvg = require("react-native-svg");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _reactNativeSvgCharts = require("react-native-svg-charts");
-
-var _Label = require("../Label");
-
-var _functions = require("./functions");
-
-var _styled = require("./styled");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const PieChart = ({
-  data,
-  dimension = 200,
-  radius = 32,
-  label,
-  sub,
-  labelProps,
-  subProps,
-  columns = 1,
-  chartConfig
-}) => {
-  const inner = 90 - radius * 100 / (dimension / 2);
-  const chart = data.map((item, index) => ({
-    value: item.value,
-    svg: {
-      fill: item.color,
-      ...(0, _functions.getCallback)(item.value, item.label, item.onPress)
-    },
-    ...(0, _functions.getFeatured)(item.featured ?? false),
-    key: `pie-${index}`
-  }));
-  const sum = data.reduce((prev, curr) => prev + curr.value, 0);
-  const {
-    textAnchor,
-    alignmentBaseline,
-    fontSize = 32,
-    fontWeight,
-    fontFamily,
-    fill,
-    y = sub ? -5 : undefined
-  } = (0, _functions.getTextStyles)(labelProps, 'bold', chartConfig);
-  const {
-    textAnchor: textAnchorSub,
-    alignmentBaseline: alignmentBaselineSub,
-    fontSize: fontSizeSub = 14,
-    fontWeight: fontWeightSub,
-    fontFamily: fontFamilySub,
-    fill: fillSub,
-    y: ySub = 16
-  } = (0, _functions.getTextStyles)(subProps, 'bold', chartConfig);
-  return _react.default.createElement(_styled.Container, null, _react.default.createElement(_reactNativeSvgCharts.PieChart, {
-    style: {
-      width: dimension,
-      height: dimension,
-      flex: 1
-    },
-    data: chart,
-    padAngle: 0,
-    innerRadius: `${inner}%`
-  }, _react.default.createElement(_reactNativeSvg.Text, {
-    textAnchor: textAnchor,
-    alignmentBaseline: alignmentBaseline,
-    fontSize: fontSize,
-    fontWeight: fontWeight,
-    fontFamily: fontFamily,
-    fill: fill,
-    y: y
-  }, label ?? sum), sub && _react.default.createElement(_reactNativeSvg.Text, {
-    textAnchor: textAnchorSub,
-    alignmentBaseline: alignmentBaselineSub,
-    fontSize: fontSizeSub,
-    fontWeight: fontWeightSub,
-    fontFamily: fontFamilySub,
-    fill: fillSub,
-    y: ySub
-  }, sub)), _react.default.createElement(_styled.LabelsContainer, null, data.map(item => _react.default.createElement(_Label.Label, {
-    data: item,
-    columns: columns,
-    key: item.label,
-    chartConfig: chartConfig
-  }))));
-};
-
-var _default = PieChart;
-exports.default = _default;
-//# sourceMappingURL=PieChart.js.map

package/dist/components/PieChart/PieChart.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/PieChart/PieChart.tsx"],"names":["PieChart","data","dimension","radius","label","sub","labelProps","subProps","columns","chartConfig","inner","chart","map","item","index","value","svg","fill","color","onPress","featured","key","sum","reduce","prev","curr","textAnchor","alignmentBaseline","fontSize","fontWeight","fontFamily","y","undefined","textAnchorSub","alignmentBaselineSub","fontSizeSub","fontWeightSub","fontFamilySub","fillSub","ySub","width","height","flex"],"mappings":"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","sourcesContent":["import { Text } from 'react-native-svg';\nimport React from 'react';\nimport { PieChart as PChart } from 'react-native-svg-charts';\nimport { Label } from '../Label';\nimport { FontFamily, PieChartData, SvgTextType } from '../../types';\nimport { getCallback, getFeatured, getTextStyles } from './functions';\nimport { Container, LabelsContainer } from './styled';\n\nexport interface PieChartProps {\n  data: PieChartData[];\n  /** Chart width/height (square view, in px) */\n  dimension?: number;\n  /** Chart pie area radius (in px) */\n  radius?: number;\n  label?: string;\n  /** You should specify at least fontFamily */\n  labelProps?: SvgTextType;\n  sub?: string;\n  /** You should specify at least fontFamily */\n  subProps?: SvgTextType;\n  /** Number of label columns */\n  columns?: number;\n  /** This should be used if you have a custom font configuration */\n  chartConfig?: {\n    fontFamily: FontFamily;\n  };\n}\n\nconst PieChart: React.FC<PieChartProps> = ({\n  data,\n  dimension = 200,\n  radius = 32,\n  label,\n  sub,\n  labelProps,\n  subProps,\n  columns = 1,\n  chartConfig,\n}) => {\n  /** 90 is to compensate the outerRadius featured option */\n  const inner = 90 - (radius * 100) / (dimension / 2);\n\n  const chart = data.map((item, index) => ({\n    value: item.value,\n    svg: {\n      fill: item.color,\n      ...getCallback(item.value, item.label, item.onPress),\n    },\n    ...getFeatured(item.featured ?? false),\n    key: `pie-${index}`,\n  }));\n\n  const sum = data.reduce((prev, curr) => prev + curr.value, 0);\n\n  const {\n    textAnchor,\n    alignmentBaseline,\n    fontSize = 32,\n    fontWeight,\n    fontFamily,\n    fill,\n    y = sub ? -5 : undefined,\n  } = getTextStyles(labelProps, 'bold', chartConfig);\n\n  const {\n    textAnchor: textAnchorSub,\n    alignmentBaseline: alignmentBaselineSub,\n    fontSize: fontSizeSub = 14,\n    fontWeight: fontWeightSub,\n    fontFamily: fontFamilySub,\n    fill: fillSub,\n    y: ySub = 16,\n  } = getTextStyles(subProps, 'bold', chartConfig);\n\n  return (\n    <Container>\n      <PChart\n        style={{ width: dimension, height: dimension, flex: 1 }}\n        data={chart}\n        padAngle={0}\n        innerRadius={`${inner}%`}\n      >\n        <Text\n          textAnchor={textAnchor}\n          alignmentBaseline={alignmentBaseline}\n          fontSize={fontSize}\n          fontWeight={fontWeight}\n          fontFamily={fontFamily}\n          fill={fill}\n          y={y}\n        >\n          {label ?? sum}\n        </Text>\n        {sub && (\n          <Text\n            textAnchor={textAnchorSub}\n            alignmentBaseline={alignmentBaselineSub}\n            fontSize={fontSizeSub}\n            fontWeight={fontWeightSub}\n            fontFamily={fontFamilySub}\n            fill={fillSub}\n            y={ySub}\n          >\n            {sub}\n          </Text>\n        )}\n      </PChart>\n      <LabelsContainer>\n        {data.map(item => (\n          <Label\n            data={item}\n            columns={columns}\n            key={item.label}\n            chartConfig={chartConfig}\n          />\n        ))}\n      </LabelsContainer>\n    </Container>\n  );\n};\n\nexport default PieChart;\n"],"file":"PieChart.js"}

package/dist/components/PieChart/functions.js

@@ -1,50 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getTextStyles = exports.getFeatured = exports.getCallback = void 0;
-
-var _reactNative = require("react-native");
-
-var _styles = require("../../styles");
-
-const getCallback = (value, label, fn) => {
-  if (!fn) return {};
-  return _reactNative.Platform.OS === 'web' ? {
-    onClick: () => fn === null || fn === void 0 ? void 0 : fn(value, label)
-  } : {
-    onPress: () => fn === null || fn === void 0 ? void 0 : fn(value, label)
-  };
-};
-
-exports.getCallback = getCallback;
-
-const getFeatured = featured => ({
-  arc: {
-    outerRadius: featured ? '100%' : '90%'
-  }
-});
-
-exports.getFeatured = getFeatured;
-
-const getTextStyles = (styles, defaultFontWeight, chartConfig) => {
-  const {
-    textAnchor = 'middle',
-    alignmentBaseline = 'middle',
-    fontSize,
-    fill = _styles.fontColor.dark,
-    y
-  } = styles || {};
-  return {
-    textAnchor,
-    alignmentBaseline,
-    fontSize,
-    fill,
-    y,
-    ...(0, _styles.getFontFamilyAndWeight)(chartConfig === null || chartConfig === void 0 ? void 0 : chartConfig.fontFamily, (styles === null || styles === void 0 ? void 0 : styles.fontWeight) ?? defaultFontWeight)
-  };
-};
-
-exports.getTextStyles = getTextStyles;
-//# sourceMappingURL=functions.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/PieChart/functions.ts"],"names":["getCallback","value","label","fn","Platform","OS","onClick","onPress","getFeatured","featured","arc","outerRadius","getTextStyles","styles","defaultFontWeight","chartConfig","textAnchor","alignmentBaseline","fontSize","fill","fontColor","dark","y","fontFamily","fontWeight"],"mappings":";;;;;;;AAAA;;AAQA;;AAOO,MAAMA,WAAW,GAAG,CACzBC,KADyB,EAEzBC,KAFyB,EAGzBC,EAHyB,KAIN;AACnB,MAAI,CAACA,EAAL,EAAS,OAAO,EAAP;AACT,SAAOC,sBAASC,EAAT,KAAgB,KAAhB,GACH;AACEC,IAAAA,OAAO,EAAE,MAAMH,EAAN,aAAMA,EAAN,uBAAMA,EAAE,CAAGF,KAAH,EAAUC,KAAV;AADnB,GADG,GAIH;AACEK,IAAAA,OAAO,EAAE,MAAMJ,EAAN,aAAMA,EAAN,uBAAMA,EAAE,CAAGF,KAAH,EAAUC,KAAV;AADnB,GAJJ;AAOD,CAbM;;;;AAiBA,MAAMM,WAAW,GAAIC,QAAD,KAAsC;AAC/DC,EAAAA,GAAG,EAAE;AAAEC,IAAAA,WAAW,EAAEF,QAAQ,GAAG,MAAH,GAAY;AAAnC;AAD0D,CAAtC,CAApB;;;;AAcA,MAAMG,aAAa,GAAG,CAC3BC,MAD2B,EAE3BC,iBAF2B,EAG3BC,WAH2B,KAIN;AACrB,QAAM;AACJC,IAAAA,UAAU,GAAG,QADT;AAEJC,IAAAA,iBAAiB,GAAG,QAFhB;AAGJC,IAAAA,QAHI;AAIJC,IAAAA,IAAI,GAAGC,kBAAUC,IAJb;AAKJC,IAAAA;AALI,MAMFT,MAAM,IAAI,EANd;AAOA,SAAO;AACLG,IAAAA,UADK;AAELC,IAAAA,iBAFK;AAGLC,IAAAA,QAHK;AAILC,IAAAA,IAJK;AAKLG,IAAAA,CALK;AAML,OAAG,oCACDP,WADC,aACDA,WADC,uBACDA,WAAW,CAAEQ,UADZ,EAED,CAAAV,MAAM,SAAN,IAAAA,MAAM,WAAN,YAAAA,MAAM,CAAEW,UAAR,KAAsBV,iBAFrB;AANE,GAAP;AAWD,CAvBM","sourcesContent":["import { Platform } from 'react-native';\nimport {\n  AlignmentBaseline,\n  FontFamily,\n  FontWeight,\n  SvgTextType,\n  TextAnchor,\n} from '../../types';\nimport { fontColor, getFontFamilyAndWeight } from '../../styles';\n\ntype CallbackReturn =\n  | Record<string, unknown>\n  | { onClick: () => undefined }\n  | { onPress: () => undefined };\n\nexport const getCallback = (\n  value: number,\n  label?: string,\n  fn?: (value: number, label?: string) => void\n): CallbackReturn => {\n  if (!fn) return {};\n  return Platform.OS === 'web'\n    ? {\n        onClick: () => fn?.(value, label),\n      }\n    : {\n        onPress: () => fn?.(value, label),\n      };\n};\n\ntype FeaturedType = { arc: { outerRadius: string } };\n\nexport const getFeatured = (featured: boolean): FeaturedType => ({\n  arc: { outerRadius: featured ? '100%' : '90%' },\n});\n\ntype TextStylesReturn = {\n  fontFamily: string;\n  y: number | undefined;\n  fontSize: number | undefined;\n  textAnchor: TextAnchor;\n  fill: string;\n  alignmentBaseline: AlignmentBaseline;\n  fontWeight: string;\n};\n\nexport const getTextStyles = (\n  styles: SvgTextType | undefined,\n  defaultFontWeight: FontWeight,\n  chartConfig: { fontFamily: FontFamily } | undefined\n): TextStylesReturn => {\n  const {\n    textAnchor = 'middle',\n    alignmentBaseline = 'middle',\n    fontSize,\n    fill = fontColor.dark,\n    y,\n  } = styles || {};\n  return {\n    textAnchor,\n    alignmentBaseline,\n    fontSize,\n    fill,\n    y,\n    ...getFontFamilyAndWeight(\n      chartConfig?.fontFamily,\n      styles?.fontWeight ?? defaultFontWeight\n    ),\n  };\n};\n"],"file":"functions.js"}

package/dist/components/PieChart/index.js

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

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

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

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

@@ -1,14 +0,0 @@
-/// <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?: "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;
-}>;
-export declare const LabelsContainer: 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/PieChart/styled.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.LabelsContainer = exports.Container = void 0;
-
-var _native = _interopRequireDefault(require("@emotion/native"));
-
-var _reactNative = require("react-native");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-const Container = (0, _native.default)(_reactNative.View)`
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: space-between;
-  flex: 1;
-`;
-exports.Container = Container;
-const LabelsContainer = (0, _native.default)(_reactNative.View)`
-  display: flex;
-  flex-direction: row;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  width: 100%;
-`;
-exports.LabelsContainer = LabelsContainer;
-//# sourceMappingURL=styled.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/components/PieChart/styled.ts"],"names":["Container","View","LabelsContainer"],"mappings":";;;;;;;AAAA;;AACA;;;;AAEO,MAAMA,SAAS,GAAG,qBAAOC,iBAAP,CAAa;AACtC;AACA;AACA;AACA;AACA;AACA,CANO;;AAQA,MAAMC,eAAe,GAAG,qBAAOD,iBAAP,CAAa;AAC5C;AACA;AACA;AACA;AACA;AACA,CANO","sourcesContent":["import styled from '@emotion/native';\nimport { View } from 'react-native';\n\nexport const Container = styled(View)`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  flex: 1;\n`;\n\nexport const LabelsContainer = styled(View)`\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  width: 100%;\n`;\n"],"file":"styled.js"}

package/dist/components/index.js

@@ -1,14 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "PieChart", {
-  enumerable: true,
-  get: function () {
-    return _PieChart.PieChart;
-  }
-});
-
-var _PieChart = require("./PieChart");
-//# sourceMappingURL=index.js.map

package/dist/components/index.js.map

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

package/dist/index.d.ts

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

package/dist/index.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _components = require("./components");
-
-Object.keys(_components).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _components[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _components[key];
-    }
-  });
-});
-
-var _types = require("./types");
-
-Object.keys(_types).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _types[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _types[key];
-    }
-  });
-});
-
-var _styles = require("./styles");
-
-Object.keys(_styles).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _styles[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _styles[key];
-    }
-  });
-});
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/styles/constants.js

@@ -1,63 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.nativeFontStack = exports.fontWeight = exports.fontStack = exports.borderRadius = exports.iconSize = exports.spacing = exports.fontColor = void 0;
-const fontColor = {
-  light: '#fff',
-  medium: '#85807a',
-  dark: '#353231',
-  orange: '#f89907'
-};
-exports.fontColor = fontColor;
-const spacing = {
-  nano: '2px',
-  micro: '4px',
-  mili: '8px',
-  centi: '12px',
-  deca: '16px',
-  kilo: '24px',
-  mega: '32px',
-  giga: '40px',
-  tera: '48px',
-  peta: '56px',
-  hexa: '64px'
-};
-exports.spacing = spacing;
-const iconSize = {
-  micro: '12px',
-  mili: '14px',
-  centi: '16px',
-  deca: '18px',
-  kilo: '24px',
-  mega: '32px'
-};
-exports.iconSize = iconSize;
-const borderRadius = {
-  nano: '2px',
-  micro: '4px',
-  mili: '8px',
-  centi: '16px',
-  deca: '24px',
-  pill: '999999px'
-};
-exports.borderRadius = borderRadius;
-const fontStack = {
-  default: 'Lato',
-  mono: 'Consolas, monaco, monospace'
-};
-exports.fontStack = fontStack;
-const fontWeight = {
-  regular: '400',
-  bold: '700',
-  black: '900'
-};
-exports.fontWeight = fontWeight;
-const nativeFontStack = {
-  black: 'Lato-Black',
-  bold: 'Lato-Bold',
-  regular: 'Lato-Regular'
-};
-exports.nativeFontStack = nativeFontStack;
-//# sourceMappingURL=constants.js.map

package/dist/styles/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/styles/constants.ts"],"names":["fontColor","light","medium","dark","orange","spacing","nano","micro","mili","centi","deca","kilo","mega","giga","tera","peta","hexa","iconSize","borderRadius","pill","fontStack","default","mono","fontWeight","regular","bold","black","nativeFontStack"],"mappings":";;;;;;AAAO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,KAAK,EAAE,MADgB;AAEvBC,EAAAA,MAAM,EAAE,SAFe;AAGvBC,EAAAA,IAAI,EAAE,SAHiB;AAIvBC,EAAAA,MAAM,EAAE;AAJe,CAAlB;;AAOA,MAAMC,OAAO,GAAG;AACrBC,EAAAA,IAAI,EAAE,KADe;AAErBC,EAAAA,KAAK,EAAE,KAFc;AAGrBC,EAAAA,IAAI,EAAE,KAHe;AAIrBC,EAAAA,KAAK,EAAE,MAJc;AAKrBC,EAAAA,IAAI,EAAE,MALe;AAMrBC,EAAAA,IAAI,EAAE,MANe;AAOrBC,EAAAA,IAAI,EAAE,MAPe;AAQrBC,EAAAA,IAAI,EAAE,MARe;AASrBC,EAAAA,IAAI,EAAE,MATe;AAUrBC,EAAAA,IAAI,EAAE,MAVe;AAWrBC,EAAAA,IAAI,EAAE;AAXe,CAAhB;;AAcA,MAAMC,QAAQ,GAAG;AACtBV,EAAAA,KAAK,EAAE,MADe;AAEtBC,EAAAA,IAAI,EAAE,MAFgB;AAGtBC,EAAAA,KAAK,EAAE,MAHe;AAItBC,EAAAA,IAAI,EAAE,MAJgB;AAKtBC,EAAAA,IAAI,EAAE,MALgB;AAMtBC,EAAAA,IAAI,EAAE;AANgB,CAAjB;;AASA,MAAMM,YAAY,GAAG;AAC1BZ,EAAAA,IAAI,EAAE,KADoB;AAE1BC,EAAAA,KAAK,EAAE,KAFmB;AAG1BC,EAAAA,IAAI,EAAE,KAHoB;AAI1BC,EAAAA,KAAK,EAAE,MAJmB;AAK1BC,EAAAA,IAAI,EAAE,MALoB;AAM1BS,EAAAA,IAAI,EAAE;AANoB,CAArB;;AASA,MAAMC,SAAS,GAAG;AACvBC,EAAAA,OAAO,EAAE,MADc;AAEvBC,EAAAA,IAAI,EAAE;AAFiB,CAAlB;;AAKA,MAAMC,UAAU,GAAG;AACxBC,EAAAA,OAAO,EAAE,KADe;AAExBC,EAAAA,IAAI,EAAE,KAFkB;AAGxBC,EAAAA,KAAK,EAAE;AAHiB,CAAnB;;AAMA,MAAMC,eAAe,GAAG;AAC7BD,EAAAA,KAAK,EAAE,YADsB;AAE7BD,EAAAA,IAAI,EAAE,WAFuB;AAG7BD,EAAAA,OAAO,EAAE;AAHoB,CAAxB","sourcesContent":["export const fontColor = {\n  light: '#fff',\n  medium: '#85807a',\n  dark: '#353231', // default\n  orange: '#f89907',\n};\n\nexport const spacing = {\n  nano: '2px',\n  micro: '4px',\n  mili: '8px',\n  centi: '12px',\n  deca: '16px',\n  kilo: '24px',\n  mega: '32px',\n  giga: '40px',\n  tera: '48px',\n  peta: '56px',\n  hexa: '64px',\n};\n\nexport const iconSize = {\n  micro: '12px',\n  mili: '14px',\n  centi: '16px', // '1rem'\n  deca: '18px', // '1.5rem'\n  kilo: '24px', // '1.6rem'\n  mega: '32px', // '2rem'\n};\n\nexport const borderRadius = {\n  nano: '2px',\n  micro: '4px',\n  mili: '8px',\n  centi: '16px',\n  deca: '24px',\n  pill: '999999px', // also circle\n};\n\nexport const fontStack = {\n  default: 'Lato',\n  mono: 'Consolas, monaco, monospace',\n};\n\nexport const fontWeight = {\n  regular: '400',\n  bold: '700',\n  black: '900',\n};\n\nexport const nativeFontStack = {\n  black: 'Lato-Black',\n  bold: 'Lato-Bold',\n  regular: 'Lato-Regular',\n};\n"],"file":"constants.js"}

package/dist/styles/functions.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getFontFamilyAndWeight = void 0;
-
-var _reactNative = require("react-native");
-
-var _constants = require("./constants");
-
-const getFontFamilyAndWeight = (fontFamily, weight) => _reactNative.Platform.OS === 'web' ? {
-  fontFamily: fontFamily ? fontFamily[weight] : _constants.fontStack.default,
-  fontWeight: _constants.fontWeight[weight]
-} : {
-  fontFamily: fontFamily ? fontFamily[weight] : _constants.nativeFontStack[weight],
-  fontWeight: _constants.fontWeight[weight]
-};
-
-exports.getFontFamilyAndWeight = getFontFamilyAndWeight;
-//# sourceMappingURL=functions.js.map

package/dist/styles/functions.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/styles/functions.ts"],"names":["getFontFamilyAndWeight","fontFamily","weight","Platform","OS","fontStack","default","fontWeight","nativeFontStack"],"mappings":";;;;;;;AAAA;;AACA;;AAGO,MAAMA,sBAAsB,GAAG,CACpCC,UADoC,EAEpCC,MAFoC,KAIpCC,sBAASC,EAAT,KAAgB,KAAhB,GACI;AACEH,EAAAA,UAAU,EAAEA,UAAU,GAAGA,UAAU,CAACC,MAAD,CAAb,GAAwBG,qBAAUC,OAD1D;AAEEC,EAAAA,UAAU,EAAEA,sBAAWL,MAAX;AAFd,CADJ,GAKI;AACED,EAAAA,UAAU,EAAEA,UAAU,GAAGA,UAAU,CAACC,MAAD,CAAb,GAAwBM,2BAAgBN,MAAhB,CADhD;AAEEK,EAAAA,UAAU,EAAEA,sBAAWL,MAAX;AAFd,CATC","sourcesContent":["import { Platform } from 'react-native';\nimport { fontStack, fontWeight, nativeFontStack } from './constants';\nimport { FontFamily, FontWeight } from '../types';\n\nexport const getFontFamilyAndWeight = (\n  fontFamily: FontFamily | undefined,\n  weight: FontWeight\n): { fontFamily: string; fontWeight: string } =>\n  Platform.OS === 'web'\n    ? {\n        fontFamily: fontFamily ? fontFamily[weight] : fontStack.default,\n        fontWeight: fontWeight[weight],\n      }\n    : {\n        fontFamily: fontFamily ? fontFamily[weight] : nativeFontStack[weight],\n        fontWeight: fontWeight[weight],\n      };\n"],"file":"functions.js"}

package/dist/styles/index.js

@@ -1,32 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _constants = require("./constants");
-
-Object.keys(_constants).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _constants[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _constants[key];
-    }
-  });
-});
-
-var _functions = require("./functions");
-
-Object.keys(_functions).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _functions[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _functions[key];
-    }
-  });
-});
-//# sourceMappingURL=index.js.map

package/dist/styles/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/styles/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './constants';\nexport * from './functions';\n"],"file":"index.js"}

package/dist/types/font.d.ts

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

package/dist/types/font.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=font.js.map

package/dist/types/font.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"font.js"}

package/dist/types/index.js

@@ -1,45 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-
-var _svg = require("./svg");
-
-Object.keys(_svg).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _svg[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _svg[key];
-    }
-  });
-});
-
-var _pie = require("./pie");
-
-Object.keys(_pie).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _pie[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _pie[key];
-    }
-  });
-});
-
-var _font = require("./font");
-
-Object.keys(_font).forEach(function (key) {
-  if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _font[key]) return;
-  Object.defineProperty(exports, key, {
-    enumerable: true,
-    get: function () {
-      return _font[key];
-    }
-  });
-});
-//# sourceMappingURL=index.js.map

package/dist/types/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/types/index.ts"],"names":[],"mappings":";;;;;;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AACA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA","sourcesContent":["export * from './svg';\nexport * from './pie';\nexport * from './font';\n"],"file":"index.js"}

package/dist/types/pie.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=pie.js.map

package/dist/types/pie.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"pie.js"}

package/dist/types/svg.d.ts

@@ -1,11 +0,0 @@
-import { FontWeight } from './font';
-export declare 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 declare type TextAnchor = 'start' | 'middle' | 'end';
-export declare type SvgTextType = {
-    textAnchor?: TextAnchor;
-    alignmentBaseline?: AlignmentBaseline;
-    fontSize?: number;
-    fontWeight?: FontWeight;
-    fill?: string;
-    y?: number;
-};

package/dist/types/svg.js

@@ -1,6 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-//# sourceMappingURL=svg.js.map

package/dist/types/svg.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":[],"names":[],"mappings":"","sourcesContent":[],"file":"svg.js"}

package/src/components/Dot/Dot.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-import { CircleDot, Circle } from './styled';
-
-const Dot = ({ color }: { color: string }): JSX.Element => {
-  return (
-    <Circle color={color}>
-      <CircleDot />
-    </Circle>
-  );
-};
-
-export default Dot;

package/src/components/Dot/index.ts

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

package/src/components/Label/Label.tsx

@@ -1,31 +0,0 @@
-import React from 'react';
-import { Dot } from '../Dot';
-import { FontFamily, PieChartData } from '../../types';
-import { Container, Text } from './styled';
-import { getFontFamilyAndWeight } from '../../styles';
-
-interface LabelProps {
-  columns: number;
-  data: PieChartData;
-  chartConfig?: {
-    fontFamily: FontFamily;
-  };
-}
-
-const Label: React.FC<LabelProps> = ({ columns, data, chartConfig }) => {
-  const valueFont = getFontFamilyAndWeight(chartConfig?.fontFamily, 'bold');
-  const labelFont = getFontFamilyAndWeight(chartConfig?.fontFamily, 'regular');
-  return (
-    <Container columns={columns}>
-      <Dot color={data.color} />
-      <Text font={labelFont} expand>
-        {data.label}
-      </Text>
-      <Text font={valueFont} flexEnd>
-        {data.value}
-      </Text>
-    </Container>
-  );
-};
-
-export default Label;

package/src/components/Label/index.ts

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