@originallyus/feedback-rn-sdk 4.0.0-beta.25 → 4.0.0-beta.26

package/lib/module/component/AIA/molecules/AreaChart/config/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+export const ALLOWED_COLORS = ['category-1', 'category-2', 'category-3', 'category-4', 'category-5', 'category-6', 'category-7', 'category-8', 'others', 'positive', 'neutral', 'negative'];
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/AreaChart/config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ALLOWED_COLORS"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/AreaChart/config/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,cAAc,GAAG,CAC7B,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,CACV","ignoreList":[]}

package/lib/module/component/AIA/molecules/AreaChart/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default } from "./AreaChart.js";
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/AreaChart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/AreaChart/index.ts"],"mappings":";;AAAA,SAAQA,OAAO","ignoreList":[]}

package/lib/module/component/AIA/molecules/AreaChart/styles/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+import { StyleSheet } from 'react-native';
+const AreaChartStyles = spacing => StyleSheet.create({
+  container: {
+    width: '100%'
+  },
+  textContainer: {
+    marginTop: spacing['2xl']
+  },
+  textSpacing: {
+    marginTop: spacing.xs
+  }
+});
+export default AreaChartStyles;
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/AreaChart/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","AreaChartStyles","spacing","create","container","width","textContainer","marginTop","textSpacing","xs"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/AreaChart/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AAEvC,MAAMC,eAAe,GAAGC,OAAO,IAC9BF,UAAU,CAACG,MAAM,CAAC;EACjBC,SAAS,EAAE;IAACC,KAAK,EAAE;EAAM,CAAC;EAC1BC,aAAa,EAAE;IACdC,SAAS,EAAEL,OAAO,CAAC,KAAK;EACzB,CAAC;EACDM,WAAW,EAAE;IACZD,SAAS,EAAEL,OAAO,CAACO;EACpB;AACD,CAAC,CAAC;AAEH,eAAeR,eAAe","ignoreList":[]}

package/lib/module/component/AIA/molecules/AreaChart/types/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/AreaChart/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/AreaChart/types/index.ts"],"mappings":"","ignoreList":[]}

package/lib/module/component/AIA/molecules/Avatar/Avatar.js

@@ -0,0 +1,145 @@
+"use strict";
+
+/**
+ *
+ * Avatar
+ * @format
+ *
+ */
+
+import React, { memo } from 'react';
+import { View } from 'react-native';
+import Icon from "../../atoms/Icon/index.js";
+import Image from "../../atoms/Image/index.js";
+import Text from "../../atoms/Text/index.js";
+import { DEFAULT_ICON } from "./config/index.js";
+import AvatarStyles from "./styles/index.js";
+import useCustomTheme from "../../hooks/useCustomTheme/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Avatar = /*#__PURE__*/memo(props => {
+  const {
+    size = 8,
+    type = 'default',
+    imageURL,
+    initialsColor,
+    username,
+    showActionIcon,
+    actionIcon = {
+      group: 'function',
+      name: 'camera'
+    },
+    testID,
+    accessible,
+    accessibilityLabel,
+    accessibilityHint,
+    accessibilityRole,
+    accessibilityState
+  } = props;
+  const {
+    colors,
+    border,
+    size: sizeToken
+  } = useCustomTheme();
+  const styles = AvatarStyles(colors, sizeToken, border);
+  const getInitialsColor = () => {
+    let initialsBaseColors;
+    switch (initialsColor) {
+      case 'purple':
+        initialsBaseColors = {
+          backgroundColor: colors['avatar-secondary-1-surface'],
+          textColor: colors['avatar-secondary-1-text']
+        };
+        break;
+      case 'warmgrey':
+        initialsBaseColors = {
+          backgroundColor: colors['avatar-secondary-3-surface'],
+          textColor: colors['avatar-secondary-3-text']
+        };
+        break;
+      case 'salmon':
+        initialsBaseColors = {
+          backgroundColor: colors['avatar-secondary-2-surface'],
+          textColor: colors['avatar-secondary-2-text']
+        };
+        break;
+    }
+    return initialsBaseColors;
+  };
+  const getSizeVariants = () => {
+    let sizeVariant;
+    switch (size) {
+      case 8:
+        sizeVariant = {
+          textVariant: 'body-3-semibold',
+          iconSize: 5,
+          size: sizeToken['3xl']
+        };
+        break;
+      case 9:
+        sizeVariant = {
+          textVariant: 'body-2-semibold',
+          iconSize: 6,
+          size: sizeToken['4xl']
+        };
+        break;
+      case 11:
+        sizeVariant = {
+          textVariant: 'body-1-semibold',
+          iconSize: 7,
+          size: sizeToken['5xl']
+        };
+        break;
+      case 13:
+        sizeVariant = {
+          textVariant: 'headline-1',
+          iconSize: 11,
+          size: sizeToken['7xl']
+        };
+        break;
+    }
+    return sizeVariant;
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.container, initialsColor && {
+      backgroundColor: getInitialsColor()?.backgroundColor
+    }, {
+      width: getSizeVariants()?.size,
+      height: getSizeVariants()?.size
+    }],
+    testID: testID,
+    accessible: accessible,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    accessibilityRole: accessibilityRole,
+    accessibilityState: accessibilityState,
+    children: [type === 'initials' ? /*#__PURE__*/_jsx(Text, {
+      variant: getSizeVariants()?.textVariant,
+      color: getInitialsColor()?.textColor,
+      allowFontScaling: false,
+      children: username
+    }) : type === 'default' ? /*#__PURE__*/_jsx(Icon, {
+      size: getSizeVariants()?.iconSize,
+      group: DEFAULT_ICON.group,
+      name: DEFAULT_ICON.name,
+      color: 'subdued'
+    }) : type === 'image' ? /*#__PURE__*/_jsx(Image, {
+      source: {
+        uri: imageURL,
+        isStatic: true
+      },
+      resizeMode: "cover",
+      customStyle: styles.image,
+      aspectRatio: "1:1"
+    }) : null, showActionIcon && size === 13 && /*#__PURE__*/_jsx(View, {
+      style: styles.actionIcon,
+      children: /*#__PURE__*/_jsx(Icon, {
+        size: 4,
+        group: actionIcon.group,
+        name: actionIcon.name,
+        color: 'default'
+      })
+    })]
+  });
+});
+export default Avatar;
+//# sourceMappingURL=Avatar.js.map

package/lib/module/component/AIA/molecules/Avatar/Avatar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","memo","View","Icon","Image","Text","DEFAULT_ICON","AvatarStyles","useCustomTheme","jsx","_jsx","jsxs","_jsxs","Avatar","props","size","type","imageURL","initialsColor","username","showActionIcon","actionIcon","group","name","testID","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","accessibilityState","colors","border","sizeToken","styles","getInitialsColor","initialsBaseColors","backgroundColor","textColor","getSizeVariants","sizeVariant","textVariant","iconSize","style","container","width","height","children","variant","color","allowFontScaling","source","uri","isStatic","resizeMode","customStyle","image","aspectRatio"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/Avatar/Avatar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/AIA/molecules/Avatar/changelog.txt

@@ -0,0 +1,29 @@
+# DDS 3.0
+
+## Jan 22, 2023
+### Updated
+- Import Text from atoms in storybook files.
+
+## Jun 30, 2023,
+### Updated
+- Text is not supported auto scaling.
+
+## Nov 16, 2022,
+### Changed
+- Convert component to TS
+
+## Jul 11, 2022
+### Changed
+- Update props for icon
+
+## June 23, 2022
+### Changed
+- Created the component
+
+## Mar 03, 2022
+### Updated
+ - [DDS 3.0] Adopt the colour, text, spacing, radius token
+ - Add default state
+ - Update size token from [small, medium, large] to [size-8, size-9, size-11, size-13]
+ - Remove status, notification indicator
+ - Remove customize action icon

package/lib/module/component/AIA/molecules/Avatar/config/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+export const DEFAULT_ICON = {
+  group: 'login',
+  name: 'general_user_solid'
+};
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/Avatar/config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_ICON","group","name"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/Avatar/config/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,YAAY,GAAG;EAC3BC,KAAK,EAAE,OAAO;EACdC,IAAI,EAAE;AACP,CAAC","ignoreList":[]}

package/lib/module/component/AIA/molecules/Avatar/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default } from "./Avatar.js";
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/Avatar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/Avatar/index.ts"],"mappings":";;AAAA,SAAQA,OAAO","ignoreList":[]}

package/lib/module/component/AIA/molecules/Avatar/styles/index.js

@@ -0,0 +1,38 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+import { StyleSheet } from 'react-native';
+const AvatarStyles = (colors, size, border) => StyleSheet.create({
+  container: {
+    position: 'relative',
+    justifyContent: 'center',
+    alignItems: 'center',
+    backgroundColor: colors['skeleton-default-surface'],
+    borderRadius: border['radius-round']
+  },
+  image: {
+    width: '100%',
+    height: '100%',
+    borderRadius: border['radius-round']
+  },
+  actionIcon: {
+    position: 'absolute',
+    bottom: 0,
+    right: 0,
+    justifyContent: 'center',
+    alignItems: 'center',
+    width: size['2xl'],
+    height: size['2xl'],
+    borderWidth: 1,
+    borderColor: colors['border-subdued'],
+    backgroundColor: colors['surface-default'],
+    borderRadius: border['radius-round']
+  }
+});
+export default AvatarStyles;
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/Avatar/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","AvatarStyles","colors","size","border","create","container","position","justifyContent","alignItems","backgroundColor","borderRadius","image","width","height","actionIcon","bottom","right","borderWidth","borderColor"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/Avatar/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AAEvC,MAAMC,YAAY,GAAGA,CAACC,MAAW,EAAEC,IAAS,EAAEC,MAAW,KACxDJ,UAAU,CAACK,MAAM,CAAC;EACjBC,SAAS,EAAE;IACVC,QAAQ,EAAE,UAAU;IACpBC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAER,MAAM,CAAC,0BAA0B,CAAC;IACnDS,YAAY,EAAEP,MAAM,CAAC,cAAc;EACpC,CAAC;EACDQ,KAAK,EAAE;IACNC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdH,YAAY,EAAEP,MAAM,CAAC,cAAc;EACpC,CAAC;EACDW,UAAU,EAAE;IACXR,QAAQ,EAAE,UAAU;IACpBS,MAAM,EAAE,CAAC;IACTC,KAAK,EAAE,CAAC;IACRT,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBI,KAAK,EAAEV,IAAI,CAAC,KAAK,CAAC;IAClBW,MAAM,EAAEX,IAAI,CAAC,KAAK,CAAC;IACnBe,WAAW,EAAE,CAAC;IACdC,WAAW,EAAEjB,MAAM,CAAC,gBAAgB,CAAC;IACrCQ,eAAe,EAAER,MAAM,CAAC,iBAAiB,CAAC;IAC1CS,YAAY,EAAEP,MAAM,CAAC,cAAc;EACpC;AACD,CAAC,CAAC;AAEH,eAAeH,YAAY","ignoreList":[]}

package/lib/module/component/AIA/molecules/Avatar/types/index.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/Avatar/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/Avatar/types/index.ts"],"mappings":"","ignoreList":[]}

package/lib/module/component/AIA/molecules/BarChart/BarChart.js

@@ -0,0 +1,145 @@
+"use strict";
+
+/**
+ *
+ * BarChart
+ * @format
+ *
+ */
+
+import React from 'react';
+import { View, processColor } from 'react-native';
+import { ALLOWED_COLORS } from "./config/index.js";
+import BarChartStyles from "./styles/index.js";
+import Text from "../../atoms/Text/index.js";
+import { BarChart as RNBarChart, HorizontalBarChart } from 'react-native-charts-wrapper';
+import useCustomTheme from "../../hooks/useCustomTheme/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const BarChart = props => {
+  const {
+    variant = 'vertical',
+    chartHeight = 300,
+    customXAxisConfig,
+    customYAxisConfig,
+    testID,
+    chartData,
+    isShowLegendText
+  } = props;
+  const {
+    colors,
+    spacing
+  } = useCustomTheme();
+  const styles = BarChartStyles(spacing);
+  const offConfig = {
+    enabled: false
+  };
+  const defaultXAxisConfig = {
+    position: 'BOTTOM',
+    valueFormatter: chartData?.labels,
+    drawGridLines: false,
+    axisLineColor: processColor(colors['divider-bold']),
+    granularityEnabled: true,
+    granularity: 1,
+    ...customXAxisConfig
+  };
+  const defaultYAxisConfig = {
+    left: {
+      axisMinimum: 0,
+      drawAxisLine: false,
+      gridColor: processColor(colors['divider-subdued']),
+      enabled: variant === 'vertical'
+    },
+    right: {
+      axisMinimum: 0,
+      drawAxisLine: false,
+      enabled: variant !== 'vertical',
+      gridColor: processColor(colors['divider-subdued'])
+    },
+    ...customYAxisConfig
+  };
+  function processAndFilterChartData(rawData) {
+    return {
+      dataSets: rawData.dataSets.filter(dataSet => {
+        if (Array.isArray(dataSet.config.colors)) {
+          return dataSet.config.colors.some(color => color && ALLOWED_COLORS.includes(color));
+        } else {
+          return dataSet.config.color && ALLOWED_COLORS.includes(dataSet.config.color);
+        }
+      }).map(dataSet => {
+        let processedColors = [];
+        let processedColor = null;
+        if (dataSet.config.colors) {
+          processedColors = dataSet.config.colors.map(color => processColor(colors[`data-visualisation-${color}`]));
+          processedColor = processedColors[0];
+        } else {
+          processedColor = processColor(colors[`data-visualisation-${dataSet.config.color}`]);
+        }
+        return dataSet.config.colors ? {
+          ...dataSet,
+          config: {
+            ...dataSet.config,
+            legendColorCode: dataSet.config.colors,
+            colors: processedColors,
+            color: processedColor
+          }
+        } : {
+          ...dataSet,
+          config: {
+            ...dataSet.config,
+            legendColorCode: dataSet.config.color,
+            color: processedColor
+          }
+        };
+      }),
+      config: rawData.config
+    };
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    testID: testID,
+    children: [variant == 'vertical' ? /*#__PURE__*/_jsx(RNBarChart, {
+      style: (styles.container, {
+        height: chartHeight
+      }),
+      data: processAndFilterChartData(chartData),
+      xAxis: defaultXAxisConfig,
+      yAxis: defaultYAxisConfig,
+      drawBarShadow: false,
+      doubleTapToZoomEnabled: false,
+      dragEnabled: false,
+      pinchZoom: false,
+      legend: offConfig
+    }) : /*#__PURE__*/_jsx(HorizontalBarChart, {
+      style: (styles.container, {
+        height: chartHeight
+      }),
+      data: processAndFilterChartData(chartData),
+      xAxis: defaultXAxisConfig,
+      yAxis: defaultYAxisConfig,
+      drawBarShadow: false,
+      doubleTapToZoomEnabled: false,
+      dragEnabled: false,
+      pinchZoom: false,
+      legend: offConfig
+    }), isShowLegendText && /*#__PURE__*/_jsx(View, {
+      children: processAndFilterChartData(chartData)?.dataSets.map((data, index) => {
+        const stackLabels = data.config?.stackLabels;
+        const isStacked = stackLabels ? stackLabels.length > 0 : false;
+        if (isStacked && stackLabels && Array.isArray(data.config.legendColorCode)) {
+          return stackLabels.map((label, labelIndex) => /*#__PURE__*/_jsx(Text, {
+            customContainerStyle: labelIndex === 0 && index === 0 ? styles.textContainer : styles.textSpacing,
+            legendDotColor: data.config.legendColorCode[labelIndex],
+            children: label
+          }, `${index}-${labelIndex}-text`));
+        } else {
+          return /*#__PURE__*/_jsx(Text, {
+            customContainerStyle: index === 0 ? styles.textContainer : styles.textSpacing,
+            legendDotColor: data.config.legendColorCode,
+            children: data.label
+          }, `${index}-text`);
+        }
+      })
+    })]
+  });
+};
+export default BarChart;
+//# sourceMappingURL=BarChart.js.map

package/lib/module/component/AIA/molecules/BarChart/BarChart.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","processColor","ALLOWED_COLORS","BarChartStyles","Text","BarChart","RNBarChart","HorizontalBarChart","useCustomTheme","jsx","_jsx","jsxs","_jsxs","props","variant","chartHeight","customXAxisConfig","customYAxisConfig","testID","chartData","isShowLegendText","colors","spacing","styles","offConfig","enabled","defaultXAxisConfig","position","valueFormatter","labels","drawGridLines","axisLineColor","granularityEnabled","granularity","defaultYAxisConfig","left","axisMinimum","drawAxisLine","gridColor","right","processAndFilterChartData","rawData","dataSets","filter","dataSet","Array","isArray","config","some","color","includes","map","processedColors","processedColor","legendColorCode","children","style","container","height","data","xAxis","yAxis","drawBarShadow","doubleTapToZoomEnabled","dragEnabled","pinchZoom","legend","index","stackLabels","isStacked","length","label","labelIndex","customContainerStyle","textContainer","textSpacing","legendDotColor"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/BarChart/BarChart.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/component/AIA/molecules/BarChart/README.md

@@ -0,0 +1,49 @@
+# BarChart
+
+## Usage & Example
+
+```js
+import BarChart from '@/BarChart';
+
+const groupBarData: BarData = {
+dataSets: [
+  {
+    values: [{y: 100}, {y: 105}, {y: 102}, {y: 110}],
+    label: 'Dataset 1',
+    config: {
+      color: 'digital-lavender',
+      drawValues: false,
+    },
+  },
+  {
+    values: [{y: 90}, {y: 104}, {y: 101}, {y: 120}],
+    label: 'Dataset 2',
+    config: {
+      color: 'digital-red',
+      drawValues: false,
+    },
+  },
+],
+config: {
+  barWidth: 0.2,
+  group: {
+    fromX: -0.5,
+    groupSpace: 0.5,
+    barSpace: 0.05,
+  },
+},
+labels: ['1', '2', '3', '4'],
+};
+
+<BarChart chartData={groupBarData} variant="horizontal" />
+```
+
+Key               | Type           | Required  | Description                         |
+---------------   | -------------- | --------- | ----------------------------------- |
+chartData         | `object`       | `True`    | Data for display in charts.         |
+chartHeight       | `number`       | `False`   | Height for charts.                  |
+isShowLegendText  | `boolean`      | `False`   | Show/Hide legend text.              |
+customXAxisConfig | `object`       | `False`   | Custom X Axis Config.               |
+customYAxisConfig | `object`       | `False`   | Custom Y Axis Config.               |
+testID            | `string`       | `False`   | String id for test cases.           |
+variant           | `string`       | `False`   | Chart variant - horizontal/vertical.|

package/lib/module/component/AIA/molecules/BarChart/changelog.txt

@@ -0,0 +1,6 @@
+# DDS 3.0
+## BarChart Changelog
+
+## Oct 6, 2023
+### Added
+ - New component

package/lib/module/component/AIA/molecules/BarChart/config/index.js

@@ -0,0 +1,10 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+export const ALLOWED_COLORS = ['category-1', 'category-2', 'category-3', 'category-4', 'category-5', 'category-6', 'category-7', 'category-8', 'others', 'positive', 'neutral', 'negative'];
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/BarChart/config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ALLOWED_COLORS"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/BarChart/config/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,cAAc,GAAG,CAC7B,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,SAAS,EACT,UAAU,CACV","ignoreList":[]}

package/lib/module/component/AIA/molecules/BarChart/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default } from "./BarChart.js";
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/BarChart/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/BarChart/index.ts"],"mappings":";;AAAA,SAAQA,OAAO","ignoreList":[]}

package/lib/module/component/AIA/molecules/BarChart/styles/index.js

@@ -0,0 +1,22 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+import { StyleSheet } from 'react-native';
+const BarChartStyles = spacing => StyleSheet.create({
+  container: {
+    width: '100%'
+  },
+  textContainer: {
+    marginTop: spacing['2xl']
+  },
+  textSpacing: {
+    marginTop: spacing.xs
+  }
+});
+export default BarChartStyles;
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/BarChart/styles/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","BarChartStyles","spacing","create","container","width","textContainer","marginTop","textSpacing","xs"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/BarChart/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AAEvC,MAAMC,cAAc,GAAGC,OAAO,IAC7BF,UAAU,CAACG,MAAM,CAAC;EACjBC,SAAS,EAAE;IAACC,KAAK,EAAE;EAAM,CAAC;EAC1BC,aAAa,EAAE;IACdC,SAAS,EAAEL,OAAO,CAAC,KAAK;EACzB,CAAC;EACDM,WAAW,EAAE;IACZD,SAAS,EAAEL,OAAO,CAACO;EACpB;AACD,CAAC,CAAC;AAEH,eAAeR,cAAc","ignoreList":[]}

package/lib/module/component/AIA/molecules/BarChart/types/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export {};
+//# sourceMappingURL=index.js.map

package/lib/module/component/AIA/molecules/BarChart/types/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/BarChart/types/index.ts"],"mappings":"","ignoreList":[]}