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

package/lib/module/component/AIA/molecules/LineChart/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/LineChart/config/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ALLOWED_COLORS"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/LineChart/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/LineChart/index.js

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","LineChartStyles","spacing","create","container","width","textContainer","marginTop","textSpacing","xs"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/LineChart/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/LineChart/types/index.js

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

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

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

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

@@ -0,0 +1,128 @@
+"use strict";
+
+/**
+ *
+ * ListContainer
+ * @format
+ *
+ */
+
+import React, { useState } from 'react';
+import { View, TouchableWithoutFeedback } from 'react-native';
+import ListContainerStyles from "./styles/index.js";
+import Divider from "../../atoms/Divider/index.js";
+import Text from "../../atoms/Text/index.js";
+import useCustomTheme from "../../hooks/useCustomTheme/index.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const ListContainer = props => {
+  const {
+    isContainer,
+    caption,
+    title,
+    titleSize = 1,
+    titleWeight = 'semibold',
+    titleLegendDotColor,
+    description,
+    leftColumnHorizontalAlign = 'flex-start',
+    leftColumnVerticalAlign = 'flex-start',
+    rightColumnHorizontalAlign = 'flex-start',
+    rightColumnVerticalAlign = 'flex-start',
+    leftColumnWidth,
+    middleColumnWidth,
+    rightColumnWidth,
+    leftColumnChildren,
+    rightColumnChildren,
+    onPress,
+    testID,
+    isNotLast,
+    removeOnLongHoldEffect,
+    isHideBorder,
+    paddingOption = 'normal',
+    isTransparentBackground,
+    accessible,
+    accessibilityLabel,
+    accessibilityHint,
+    accessibilityRole,
+    accessibilityState,
+    accessibilityValue
+  } = props;
+  const {
+    colors,
+    border,
+    spacing
+  } = useCustomTheme();
+  const styles = ListContainerStyles(colors, border, spacing);
+  const [isHolding, setIsHolding] = useState(false);
+  const middleContainerStyle = (() => {
+    if (middleColumnWidth) {
+      return {
+        flex: middleColumnWidth
+      };
+    }
+    return styles.middleContainer;
+  })();
+  const handleLongPress = () => {
+    !removeOnLongHoldEffect && setIsHolding(true);
+  };
+  const handlePressOut = () => {
+    if (isHolding) {
+      setIsHolding(false);
+    }
+  };
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+      testID: testID,
+      onPress: onPress,
+      onLongPress: handleLongPress,
+      onPressOut: handlePressOut,
+      accessible: accessible,
+      accessibilityLabel: accessibilityLabel,
+      accessibilityHint: accessibilityHint,
+      accessibilityRole: accessibilityRole,
+      accessibilityState: accessibilityState,
+      accessibilityValue: accessibilityValue,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: [styles.container, paddingOption === 'small' && styles.smallPaddingOption, isContainer && styles.containerWithContainer, isContainer && isNotLast && styles.notLastItem, isHolding && styles.holdingContainer, isTransparentBackground && styles.transparentBackground],
+        children: [leftColumnChildren && /*#__PURE__*/_jsx(View, {
+          style: [styles.leftChildrenSpacing, {
+            justifyContent: leftColumnHorizontalAlign,
+            alignItems: leftColumnVerticalAlign,
+            flex: leftColumnWidth
+          }],
+          children: leftColumnChildren
+        }), /*#__PURE__*/_jsxs(View, {
+          style: middleContainerStyle,
+          children: [caption && /*#__PURE__*/_jsx(Text, {
+            customContainerStyle: styles.capitalBottomSpacing,
+            variant: "body-3-semibold",
+            children: caption
+          }), /*#__PURE__*/_jsx(Text, {
+            variant: `body-${titleSize}-${titleWeight}`,
+            legendDotColor: titleLegendDotColor,
+            children: title
+          }), description && /*#__PURE__*/_jsx(Text, {
+            variant: "body-2-regular",
+            color: colors['text-subdued'],
+            customContainerStyle: [styles.descriptionTopSpacing, titleLegendDotColor && styles.descriptionLeftMargin],
+            children: description
+          })]
+        }), rightColumnChildren && /*#__PURE__*/_jsx(View, {
+          style: [styles.rightChildrenSpacing, {
+            justifyContent: rightColumnHorizontalAlign,
+            alignItems: rightColumnVerticalAlign,
+            flex: rightColumnWidth
+          }],
+          children: rightColumnChildren
+        })]
+      })
+    }), !isContainer && !isHideBorder && /*#__PURE__*/_jsx(View, {
+      style: styles.dividerSpacing,
+      children: /*#__PURE__*/_jsx(Divider, {
+        variant: "default",
+        thickness: "small"
+      })
+    })]
+  });
+};
+export default ListContainer;
+//# sourceMappingURL=ListContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","View","TouchableWithoutFeedback","ListContainerStyles","Divider","Text","useCustomTheme","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","ListContainer","props","isContainer","caption","title","titleSize","titleWeight","titleLegendDotColor","description","leftColumnHorizontalAlign","leftColumnVerticalAlign","rightColumnHorizontalAlign","rightColumnVerticalAlign","leftColumnWidth","middleColumnWidth","rightColumnWidth","leftColumnChildren","rightColumnChildren","onPress","testID","isNotLast","removeOnLongHoldEffect","isHideBorder","paddingOption","isTransparentBackground","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","accessibilityState","accessibilityValue","colors","border","spacing","styles","isHolding","setIsHolding","middleContainerStyle","flex","middleContainer","handleLongPress","handlePressOut","children","onLongPress","onPressOut","style","container","smallPaddingOption","containerWithContainer","notLastItem","holdingContainer","transparentBackground","leftChildrenSpacing","justifyContent","alignItems","customContainerStyle","capitalBottomSpacing","variant","legendDotColor","color","descriptionTopSpacing","descriptionLeftMargin","rightChildrenSpacing","dividerSpacing","thickness"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/ListContainer/ListContainer.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,44 @@
+# ListContainer
+
+## Usage & Example
+
+```js
+import ListContainer from '@/ListContainer';
+<ListContainer
+  caption="Caption"
+  title="List title"
+  description={description}
+  leftColumnChildren={leftChildren1}
+  rightColumnChildren={rightChildren1}
+  leftColumnWidth={0.1}
+  middleColumnWidth={0.5}
+  rightColumnWidth={0.5}
+  rightColumnHorizontalAlign="center"
+  rightColumnVerticalAlign="flex-end"
+  titleLegendDotColor="digital-red"
+  isContainer
+  removeOnLongHoldEffect
+/>
+```
+
+Key                       | Type           | Required  | Description                                                            |
+----------------------    | -------------- | --------- | -------------------------------------------------------                |
+caption                   | `string`       | `False`   | Caption of the component, display above title.                         |
+title                     | `string`       | `True`    | Title string display in the component.                                 |
+description               | `string`       | `False`   | Description string display under title.                                |
+leftColumnChildren        | `reactnode`    | `False`   | Left column children nodes.                                            |
+rightColumnChildren       | `reactnode`    | `False`   | Right column children nodes.                                           |
+leftColumnWidth           | `number`       | `False`   | Left column width, support 0.1 to 1.0.                                 |
+middleColumnWidth         | `number`       | `False`   | Middle column width, support 0.1 to 1.0.                               |
+rightColumnWidth          | `number`       | `False`   | Right column width, support 0.1 to 1.0.                                |
+leftColumnHorizontalAlign | `string`       | `False`   | Left column justify-content type. Support 'flex-start flex-end center' |
+leftColumnVerticalAlign   | `string`       | `False`   | Left column align-items type. Support 'flex-start flex-end center'     |
+rightColumnHorizontalAlign| `string`       | `False`   | Right column justify-content type. Support 'flex-start flex-end center'|
+rightColumnVerticalAlign  | `string`       | `False`   | Right column align-items type. Support 'flex-start flex-end center'    |
+titleLegendDotColor       | `string`       | `False`   | Legends dot for title.                                                 |
+isContainer               | `boolean`      | `False`   | With/without border.                                                   |
+removeOnLongHoldEffect    | `boolean`      | `False`   | Remove onLongPress styles effects.                                     |
+isNotLast                 | `boolean`      | `False`   | Activate bottom margin for multiple List Container.                    |
+isHideBorder              | `boolean`      | `False`   | Show or hide border for non container style.                           |
+paddingOption             | `string`       | `False`   | Add small padding options for List.                                    |
+isTransparentBackground   | `boolean`      | `False`   | Set background to transparent color.                                   |

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

@@ -0,0 +1,39 @@
+# DDS 3.0
+## ListContainer Changelog
+
+## Nov 15, 2024
+### Updated
+- Update default background color to surface overlay.
+
+## Sep 30, 2024
+### Updated
+- Update legend color in stories and default title will be semibold.
+
+## Aug 23, 2024
+### Updated
+- Add isTransparentBackground props.
+
+## Jul 22, 2024
+### Updated
+- Updated border radius from small to medium.
+
+## Jun 21, 2024
+### Added
+- Added new props isHideBorder and paddingOption
+
+## Oct 24, 2023
+### Updated
+- Capital text label bottom margin reduce from space-2 to space-1
+
+## Sep 14, 2023
+### Updated
+- Added removeOnLongHoldEffect and isNotLast as props
+- Add spacing when legend dot shows
+
+## Sep 5, 2023
+### Added
+- Added testID
+
+## Aug 16, 2023
+### Added
+ - New component

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

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

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/ListContainer/config/index.ts"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AAJA","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,60 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+import { StyleSheet } from 'react-native';
+const ListContainerStyles = (colors, border, spacing) => StyleSheet.create({
+  container: {
+    backgroundColor: colors['surface-overlay'],
+    padding: spacing.md,
+    width: '100%',
+    flexDirection: 'row'
+  },
+  transparentBackground: {
+    backgroundColor: 'transparent'
+  },
+  smallPaddingOption: {
+    paddingVertical: spacing.xs
+  },
+  containerWithContainer: {
+    borderWidth: border['border-sm'],
+    borderRadius: border['radius-sm'],
+    borderColor: colors['border-default']
+  },
+  holdingContainer: {
+    backgroundColor: colors['surface-hover-2']
+  },
+  middleContainer: {
+    flex: 1
+  },
+  dividerSpacing: {
+    paddingHorizontal: spacing.md
+  },
+  titleSpacing: {
+    marginVertical: spacing.xs
+  },
+  capitalBottomSpacing: {
+    marginBottom: spacing['2xs']
+  },
+  descriptionTopSpacing: {
+    marginTop: spacing.xs
+  },
+  descriptionLeftMargin: {
+    marginLeft: spacing.sm + spacing.xs
+  },
+  leftChildrenSpacing: {
+    marginRight: spacing.md
+  },
+  rightChildrenSpacing: {
+    marginLeft: spacing.md
+  },
+  notLastItem: {
+    marginBottom: spacing.xs
+  }
+});
+export default ListContainerStyles;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","ListContainerStyles","colors","border","spacing","create","container","backgroundColor","padding","md","width","flexDirection","transparentBackground","smallPaddingOption","paddingVertical","xs","containerWithContainer","borderWidth","borderRadius","borderColor","holdingContainer","middleContainer","flex","dividerSpacing","paddingHorizontal","titleSpacing","marginVertical","capitalBottomSpacing","marginBottom","descriptionTopSpacing","marginTop","descriptionLeftMargin","marginLeft","sm","leftChildrenSpacing","marginRight","rightChildrenSpacing","notLastItem"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/ListContainer/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AAEvC,MAAMC,mBAAmB,GAAGA,CAACC,MAAM,EAAEC,MAAM,EAAEC,OAAO,KACnDJ,UAAU,CAACK,MAAM,CAAC;EACjBC,SAAS,EAAE;IACVC,eAAe,EAAEL,MAAM,CAAC,iBAAiB,CAAC;IAC1CM,OAAO,EAAEJ,OAAO,CAACK,EAAE;IACnBC,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE;EAChB,CAAC;EACDC,qBAAqB,EAAE;IACtBL,eAAe,EAAE;EAClB,CAAC;EACDM,kBAAkB,EAAE;IACnBC,eAAe,EAAEV,OAAO,CAACW;EAC1B,CAAC;EACDC,sBAAsB,EAAE;IACvBC,WAAW,EAAEd,MAAM,CAAC,WAAW,CAAC;IAChCe,YAAY,EAAEf,MAAM,CAAC,WAAW,CAAC;IACjCgB,WAAW,EAAEjB,MAAM,CAAC,gBAAgB;EACrC,CAAC;EACDkB,gBAAgB,EAAE;IACjBb,eAAe,EAAEL,MAAM,CAAC,iBAAiB;EAC1C,CAAC;EACDmB,eAAe,EAAE;IAChBC,IAAI,EAAE;EACP,CAAC;EACDC,cAAc,EAAE;IACfC,iBAAiB,EAAEpB,OAAO,CAACK;EAC5B,CAAC;EACDgB,YAAY,EAAE;IACbC,cAAc,EAAEtB,OAAO,CAACW;EACzB,CAAC;EACDY,oBAAoB,EAAE;IACrBC,YAAY,EAAExB,OAAO,CAAC,KAAK;EAC5B,CAAC;EACDyB,qBAAqB,EAAE;IACtBC,SAAS,EAAE1B,OAAO,CAACW;EACpB,CAAC;EACDgB,qBAAqB,EAAE;IACtBC,UAAU,EAAE5B,OAAO,CAAC6B,EAAE,GAAG7B,OAAO,CAACW;EAClC,CAAC;EACDmB,mBAAmB,EAAE;IACpBC,WAAW,EAAE/B,OAAO,CAACK;EACtB,CAAC;EACD2B,oBAAoB,EAAE;IACrBJ,UAAU,EAAE5B,OAAO,CAACK;EACrB,CAAC;EACD4B,WAAW,EAAE;IACZT,YAAY,EAAExB,OAAO,CAACW;EACvB;AACD,CAAC,CAAC;AAEH,eAAed,mBAAmB","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,109 @@
+"use strict";
+
+/**
+ *
+ * ListItem
+ * @format
+ *
+ */
+
+import React from 'react';
+import { View } from 'react-native';
+import Text from "../../atoms/Text/index.js";
+import Icon from "../../atoms/Icon/index.js";
+import ListItemStyles from "./styles/index.js";
+import { ICON_CHECK, ICON_SUCCESS, BULLET_STRING } from "./config/index.js";
+import useCustomTheme from "../../hooks/useCustomTheme/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ListItem = props => {
+  const {
+    label,
+    size = 'large',
+    icon,
+    iconColor = 'green',
+    testID,
+    variant = 'dot',
+    index = 1,
+    accessible,
+    accessibilityLabel,
+    accessibilityHint,
+    accessibilityRole,
+    accessibilityState
+  } = props;
+  const {
+    colors,
+    spacing
+  } = useCustomTheme();
+  const styles = ListItemStyles(colors, spacing);
+  const labelSpacing = (() => {
+    if (size == 'large') return styles.spacingLarge;
+    return styles.spacingSmall;
+  })();
+  const labelVariation = (() => {
+    if (size == 'large') return 'body-1-regular';
+    return 'body-2-regular';
+  })();
+  const renderLeftComponent = () => {
+    switch (variant) {
+      case 'dot':
+        return renderDot();
+      case 'icon':
+        return renderIcon();
+      case 'numeric':
+        return renderNumeric();
+      default:
+        return renderDot();
+    }
+  };
+  const renderNumeric = () => {
+    return /*#__PURE__*/_jsx(Text, {
+      variant: labelVariation,
+      customStyle: [styles.labelColor],
+      children: `${index}.`
+    });
+  };
+  const renderDot = () => {
+    return /*#__PURE__*/_jsx(Text, {
+      variant: labelVariation,
+      customStyle: [styles.labelColor],
+      children: BULLET_STRING
+    });
+  };
+  const renderIcon = () => {
+    if (icon && icon?.group != '' && icon?.name != '') {
+      return /*#__PURE__*/_jsx(Icon, {
+        group: icon.group,
+        name: icon.name,
+        size: iconSize,
+        color: iconFillColor
+      });
+    }
+    renderDot();
+  };
+  const iconSize = (() => {
+    if (size == 'large') return 6;
+    return 4;
+  })();
+  const iconFillColor = (() => {
+    if (icon && icon.name == ICON_CHECK) return 'green';
+    if (icon && icon.name == ICON_SUCCESS && iconColor == 'green') return 'green';
+    if (icon && icon.name == ICON_SUCCESS && iconColor == 'disabled') return 'disabled';
+    return colors['icon-default'];
+  })();
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.listItemContainer,
+    testID: testID,
+    accessible: accessible,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityHint: accessibilityHint,
+    accessibilityRole: accessibilityRole,
+    accessibilityState: accessibilityState,
+    children: [renderLeftComponent(), /*#__PURE__*/_jsx(Text, {
+      variant: labelVariation,
+      customStyle: [labelSpacing, styles.labelColor],
+      children: label
+    })]
+  });
+};
+export default ListItem;
+//# sourceMappingURL=ListItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","Icon","ListItemStyles","ICON_CHECK","ICON_SUCCESS","BULLET_STRING","useCustomTheme","jsx","_jsx","jsxs","_jsxs","ListItem","props","label","size","icon","iconColor","testID","variant","index","accessible","accessibilityLabel","accessibilityHint","accessibilityRole","accessibilityState","colors","spacing","styles","labelSpacing","spacingLarge","spacingSmall","labelVariation","renderLeftComponent","renderDot","renderIcon","renderNumeric","customStyle","labelColor","children","group","name","iconSize","color","iconFillColor","style","listItemContainer"],"sourceRoot":"../../../../../../src","sources":["component/AIA/molecules/ListItem/ListItem.tsx"],"mappings":"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","ignoreList":[]}

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

@@ -0,0 +1,18 @@
+# ListItem
+
+## Usage & Example
+
+```js
+import ListItem from '@/ListItem';
+
+<ListItem label={'Label'} size={'small'} icon={{group: 'systemControl', name: 'success_solid'}} iconColor={'disabled'}/>
+```
+
+Key             | Type           | Required  | Description                                          |
+--------------- | -------------- | --------- | ---------------------------------------------------- |
+size            | `string`       | `False`   | Default will be large, label and icon size           |
+label           | `string`       | `True`    | String for display in list                           |
+icon            | `object`       | `False`   | Icon object for displaying icon                      |
+iconColor       | `string`       | `True`    | icon color, only can be customize when icon is success, default is green|
+index           | `number`       | `False`   | For numeric display number order.                    |
+variant         | `string`       | `False`   | Variant for dot/numeric/icon.                        |

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

@@ -0,0 +1,15 @@
+# DDS 3.0
+## ListItem Changelog
+
+## Sep 5, 2023
+### Added
+- Added testID
+
+## Apr 5, 2023
+### Added
+- [DDS 3.0] Adopt the colors, size, text, spacing token
+- Update design follow 3.0
+- Added SIZE as props for the list item size
+- Added ICON as props for icon display
+- Added ICONCOLOR as props for icon colors
+- Added LABEL as props for displaying string with list item

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

@@ -0,0 +1,12 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+export const ICON_CHECK = 'checkmark';
+export const ICON_SUCCESS = 'success_solid';
+export const BULLET_STRING = `\u2022`;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ICON_CHECK","ICON_SUCCESS","BULLET_STRING"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/ListItem/config/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,UAAU,GAAG,WAAW;AACrC,OAAO,MAAMC,YAAY,GAAG,eAAe;AAC3C,OAAO,MAAMC,aAAa,GAAG,QAAQ","ignoreList":[]}

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

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

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

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

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

@@ -0,0 +1,26 @@
+"use strict";
+
+/**
+ *
+ * @format
+ *
+ */
+
+import { StyleSheet } from 'react-native';
+const ListItemStyles = (colors, spacing) => StyleSheet.create({
+  listItemContainer: {
+    width: '100%',
+    flexDirection: 'row'
+  },
+  spacingLarge: {
+    marginLeft: spacing.xs
+  },
+  spacingSmall: {
+    marginLeft: spacing.xs
+  },
+  labelColor: {
+    color: colors['text-default']
+  }
+});
+export default ListItemStyles;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","ListItemStyles","colors","spacing","create","listItemContainer","width","flexDirection","spacingLarge","marginLeft","xs","spacingSmall","labelColor","color"],"sourceRoot":"../../../../../../../src","sources":["component/AIA/molecules/ListItem/styles/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;;AAEA,SAAQA,UAAU,QAAO,cAAc;AAEvC,MAAMC,cAAc,GAAGA,CAACC,MAAM,EAAEC,OAAO,KACtCH,UAAU,CAACI,MAAM,CAAC;EACjBC,iBAAiB,EAAE;IAClBC,KAAK,EAAE,MAAM;IACbC,aAAa,EAAE;EAChB,CAAC;EACDC,YAAY,EAAE;IACbC,UAAU,EAAEN,OAAO,CAACO;EACrB,CAAC;EACDC,YAAY,EAAE;IACbF,UAAU,EAAEN,OAAO,CAACO;EACrB,CAAC;EACDE,UAAU,EAAE;IACXC,KAAK,EAAEX,MAAM,CAAC,cAAc;EAC7B;AACD,CAAC,CAAC;AAEH,eAAeD,cAAc","ignoreList":[]}

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

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

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

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

package/lib/module/component/AIA/molecules/Modal/Changelog.txt

@@ -0,0 +1,14 @@
+# DDS 1.0
+
+## May 10, 2023
+### Added
+- Added isHideRightIconContainer to hide close button container
+
+## Nov 23, 2022
+### Changed
+- Convert component to TS
+
+## Nov 3, 2021
+### Added
+- Added package.json and update the dependencies.
+- Changed colors to Hex code.