@adiraku/react-native-ui 1.2.10-canary-1 → 1.2.10-canary-2

package/lib/commonjs/components/ActionList/ActionList.component.js

@@ -21,6 +21,8 @@ const ActionList = props => {
     leadingComponent,
     trailingComponent,
     containerStyle,
+    isLast,
+    testID = '',
     ...rest
   } = props;
   const computedStyle = (0, _ActionList.getStyle)({
@@ -31,27 +33,33 @@ const ActionList = props => {
     disabled: disabled
   }, rest, {
     underlayColor: _themes.Palettes.grey[50]
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: [computedStyle.container, containerStyle]
   }, leadingComponent && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: computedStyle.leadingWrapper
   }, leadingComponent), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: computedStyle.textContainer
-  }, /*#__PURE__*/_react.default.createElement(_typography.Typography, {
+  }, !!title && /*#__PURE__*/_react.default.createElement(_typography.Typography, {
     variant: 'subtitle2',
     textStyles: {
       ...computedStyle.title,
       ...textStyles
-    }
-  }, title), /*#__PURE__*/_react.default.createElement(_typography.Typography, {
+    },
+    testID: 'action_list_title' + testID,
+    accessibilityLabel: 'action_list_title' + testID
+  }, title), !!description && /*#__PURE__*/_react.default.createElement(_typography.Typography, {
     variant: 'body2',
     textStyles: {
       ...computedStyle.description,
       ...textStyles
-    }
+    },
+    testID: 'action_list_subtitle' + testID,
+    accessibilityLabel: 'action_list_subtitle' + testID
   }, description)), trailingComponent && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
     style: computedStyle.trailingWrapper
-  }, trailingComponent)));
+  }, trailingComponent)), !isLast && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: computedStyle.borderBottom
+  })));
 };
 exports.ActionList = ActionList;
 //# sourceMappingURL=ActionList.component.js.map

package/lib/commonjs/components/ActionList/ActionList.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_typography","_ActionList","_themes","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ActionList","props","onPress","title","description","textStyles","disabled","leadingComponent","trailingComponent","containerStyle","rest","computedStyle","getStyle","createElement","TouchableHighlight","underlayColor","Palettes","grey","View","style","container","leadingWrapper","textContainer","Typography","variant","trailingWrapper","exports"],"sourceRoot":"../../../../src","sources":["components/ActionList/ActionList.component.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,WAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AAGA,IAAAI,OAAA,GAAAJ,OAAA;AAAwC,SAAAD,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAExC,MAAMO,UAAqC,GAAIC,KAAK,IAAK;EACvD,MAAM;IACJC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;IAClBC,KAAK;IACLC,WAAW;IACXC,UAAU;IACVC,QAAQ,GAAG,KAAK;IAChBC,gBAAgB;IAChBC,iBAAiB;IACjBC,cAAc;IACd,GAAGC;EACL,CAAC,GAAGT,KAAK;EAET,MAAMU,aAAa,GAAG,IAAAC,oBAAQ,EAAC;IAC7B,GAAGX;EACL,CAAC,CAAC;EAEF,oBACEvB,MAAA,CAAAS,OAAA,CAAA0B,aAAA,CAAChC,YAAA,CAAAiC,kBAAkB,EAAA1B,QAAA;IACjBc,OAAO,EAAEA,OAAQ;IACjBI,QAAQ,EAAEA;EAAS,GACfI,IAAI;IACRK,aAAa,EAAEC,gBAAQ,CAACC,IAAI,CAAC,EAAE;EAAE,iBAEjCvC,MAAA,CAAAS,OAAA,CAAA0B,aAAA,CAAChC,YAAA,CAAAqC,IAAI;IAACC,KAAK,EAAE,CAACR,aAAa,CAACS,SAAS,EAAEX,cAAc;EAAE,GACpDF,gBAAgB,iBACf7B,MAAA,CAAAS,OAAA,CAAA0B,aAAA,CAAChC,YAAA,CAAAqC,IAAI;IAACC,KAAK,EAAER,aAAa,CAACU;EAAe,GAAEd,gBAAuB,CACpE,eACD7B,MAAA,CAAAS,OAAA,CAAA0B,aAAA,CAAChC,YAAA,CAAAqC,IAAI;IAACC,KAAK,EAAER,aAAa,CAACW;EAAc,gBACvC5C,MAAA,CAAAS,OAAA,CAAA0B,aAAA,CAAC/B,WAAA,CAAAyC,UAAU;IACTC,OAAO,EAAE,WAAY;IACrBnB,UAAU,EAAE;MAAE,GAAGM,aAAa,CAACR,KAAK;MAAE,GAAGE;IAAW;EAAE,GAErDF,KACS,CAAC,eACbzB,MAAA,CAAAS,OAAA,CAAA0B,aAAA,CAAC/B,WAAA,CAAAyC,UAAU;IACTC,OAAO,EAAE,OAAQ;IACjBnB,UAAU,EAAE;MAAE,GAAGM,aAAa,CAACP,WAAW;MAAE,GAAGC;IAAW;EAAE,GAE3DD,WACS,CACR,CAAC,EACNI,iBAAiB,iBAChB9B,MAAA,CAAAS,OAAA,CAAA0B,aAAA,CAAChC,YAAA,CAAAqC,IAAI;IAACC,KAAK,EAAER,aAAa,CAACc;EAAgB,GAAEjB,iBAAwB,CAEnE,CACY,CAAC;AAEzB,CAAC;AAACkB,OAAA,CAAA1B,UAAA,GAAAA,UAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_typography","_ActionList","_themes","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","ActionList","props","onPress","title","description","textStyles","disabled","leadingComponent","trailingComponent","containerStyle","isLast","testID","rest","computedStyle","getStyle","createElement","TouchableHighlight","underlayColor","Palettes","grey","View","style","container","leadingWrapper","textContainer","Typography","variant","accessibilityLabel","trailingWrapper","borderBottom","exports"],"sourceRoot":"../../../../src","sources":["components/ActionList/ActionList.component.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/ActionList/ActionList.styles.js

@@ -8,15 +8,12 @@ var _reactNative = require("react-native");
 var _themes = require("../../themes");
 const getStyle = props => {
   const {
-    disabled,
-    isLast
+    disabled
   } = props;
   const computedStyle = {};
   computedStyle.container = {
-    paddingVertical: 16,
-    paddingHorizontal: disabled ? 16 : 0,
+    padding: _themes.Spacing[16],
     borderBottomColor: _themes.Palettes.black[400],
-    borderBottomWidth: disabled || isLast ? 0 : 0.5,
     backgroundColor: disabled ? _themes.Palettes.grey[50] : 'transparent',
     flexDirection: 'row',
     justifyContent: 'flex-start',
@@ -50,6 +47,12 @@ const getStyle = props => {
     justifyContent: 'center',
     alignItems: 'center'
   };
+  computedStyle.borderBottom = {
+    marginHorizontal: _themes.Spacing[16],
+    height: 1,
+    flex: 1,
+    backgroundColor: _themes.Palettes.grey[100]
+  };
   return _reactNative.StyleSheet.create(computedStyle);
 };
 exports.getStyle = getStyle;

package/lib/commonjs/components/ActionList/ActionList.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["_reactNative","require","_themes","getStyle","props","disabled","isLast","computedStyle","container","paddingVertical","paddingHorizontal","borderBottomColor","Palettes","black","borderBottomWidth","backgroundColor","grey","flexDirection","justifyContent","alignItems","width","minWidth","title","fontWeight","fontSize","lineHeight","color","description","textContainer","flex","leadingWrapper","marginRight","Spacing","trailingWrapper","marginLeft","StyleSheet","create","exports"],"sourceRoot":"../../../../src","sources":["components/ActionList/ActionList.styles.tsx"],"mappings":";;;;;;AAEA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAYO,MAAME,QAAQ,GAAIC,KAAsB,IAAK;EAClD,MAAM;IAAEC,QAAQ;IAAEC;EAAO,CAAC,GAAGF,KAAK;EAElC,MAAMG,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAEL,QAAQ,GAAG,EAAE,GAAG,CAAC;IACpCM,iBAAiB,EAAEC,gBAAQ,CAACC,KAAK,CAAC,GAAG,CAAC;IACtCC,iBAAiB,EAAET,QAAQ,IAAIC,MAAM,GAAG,CAAC,GAAG,GAAG;IAC/CS,eAAe,EAAEV,QAAQ,GAAGO,gBAAQ,CAACI,IAAI,CAAC,EAAE,CAAC,GAAG,aAAa;IAC7DC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE;EACZ,CAAC;EACDd,aAAa,CAACe,KAAK,GAAG;IACpBC,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAErB,QAAQ,GAAGO,gBAAQ,CAACI,IAAI,CAAC,GAAG,CAAC,GAAGJ,gBAAQ,CAACC,KAAK,CAAC,GAAG;EAC3D,CAAC;EACDN,aAAa,CAACoB,WAAW,GAAG;IAC1BJ,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAErB,QAAQ,GAAGO,gBAAQ,CAACI,IAAI,CAAC,GAAG,CAAC,GAAGJ,gBAAQ,CAACC,KAAK,CAAC,GAAG;EAC3D,CAAC;EAEDN,aAAa,CAACqB,aAAa,GAAG;IAC5BT,UAAU,EAAE,YAAY;IACxBU,IAAI,EAAE;EACR,CAAC;EAEDtB,aAAa,CAACuB,cAAc,GAAG;IAC7BC,WAAW,EAAEC,eAAO,CAAC,EAAE,CAAC;IACxBd,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EAEDZ,aAAa,CAAC0B,eAAe,GAAG;IAC9BC,UAAU,EAAEF,eAAO,CAAC,EAAE,CAAC;IACvBd,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EAED,OAAOgB,uBAAU,CAACC,MAAM,CAAC7B,aAAa,CAAC;AACzC,CAAC;AAAC8B,OAAA,CAAAlC,QAAA,GAAAA,QAAA","ignoreList":[]}
+{"version":3,"names":["_reactNative","require","_themes","getStyle","props","disabled","computedStyle","container","padding","Spacing","borderBottomColor","Palettes","black","backgroundColor","grey","flexDirection","justifyContent","alignItems","width","minWidth","title","fontWeight","fontSize","lineHeight","color","description","textContainer","flex","leadingWrapper","marginRight","trailingWrapper","marginLeft","borderBottom","marginHorizontal","height","StyleSheet","create","exports"],"sourceRoot":"../../../../src","sources":["components/ActionList/ActionList.styles.tsx"],"mappings":";;;;;;AAEA,IAAAA,YAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AAaO,MAAME,QAAQ,GAAIC,KAAsB,IAAK;EAClD,MAAM;IAAEC;EAAS,CAAC,GAAGD,KAAK;EAE1B,MAAME,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,OAAO,EAAEC,eAAO,CAAC,EAAE,CAAC;IACpBC,iBAAiB,EAAEC,gBAAQ,CAACC,KAAK,CAAC,GAAG,CAAC;IACtCC,eAAe,EAAER,QAAQ,GAAGM,gBAAQ,CAACG,IAAI,CAAC,EAAE,CAAC,GAAG,aAAa;IAC7DC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE;EACZ,CAAC;EACDb,aAAa,CAACc,KAAK,GAAG;IACpBC,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEnB,QAAQ,GAAGM,gBAAQ,CAACG,IAAI,CAAC,GAAG,CAAC,GAAGH,gBAAQ,CAACC,KAAK,CAAC,GAAG;EAC3D,CAAC;EACDN,aAAa,CAACmB,WAAW,GAAG;IAC1BJ,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEnB,QAAQ,GAAGM,gBAAQ,CAACG,IAAI,CAAC,GAAG,CAAC,GAAGH,gBAAQ,CAACC,KAAK,CAAC,GAAG;EAC3D,CAAC;EAEDN,aAAa,CAACoB,aAAa,GAAG;IAC5BT,UAAU,EAAE,YAAY;IACxBU,IAAI,EAAE;EACR,CAAC;EAEDrB,aAAa,CAACsB,cAAc,GAAG;IAC7BC,WAAW,EAAEpB,eAAO,CAAC,EAAE,CAAC;IACxBO,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EAEDX,aAAa,CAACwB,eAAe,GAAG;IAC9BC,UAAU,EAAEtB,eAAO,CAAC,EAAE,CAAC;IACvBO,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EAEDX,aAAa,CAAC0B,YAAY,GAAG;IAC3BC,gBAAgB,EAAExB,eAAO,CAAC,EAAE,CAAC;IAC7ByB,MAAM,EAAE,CAAC;IACTP,IAAI,EAAE,CAAC;IACPd,eAAe,EAAEF,gBAAQ,CAACG,IAAI,CAAC,GAAG;EACpC,CAAC;EAED,OAAOqB,uBAAU,CAACC,MAAM,CAAC9B,aAAa,CAAC;AACzC,CAAC;AAAC+B,OAAA,CAAAlC,QAAA,GAAAA,QAAA","ignoreList":[]}

package/lib/commonjs/components/index.js

@@ -225,6 +225,30 @@ Object.defineProperty(exports, "SelectionCard", {
     return _SelectionCard.SelectionCard;
   }
 });
+Object.defineProperty(exports, "SelectionItemData", {
+  enumerable: true,
+  get: function () {
+    return _selectionModal2.SelectionItemData;
+  }
+});
+Object.defineProperty(exports, "SelectionModal", {
+  enumerable: true,
+  get: function () {
+    return _selectionModal.SelectionModal;
+  }
+});
+Object.defineProperty(exports, "SelectionModalProps", {
+  enumerable: true,
+  get: function () {
+    return _selectionModal2.SelectionModalProps;
+  }
+});
+Object.defineProperty(exports, "SelectionModalValue", {
+  enumerable: true,
+  get: function () {
+    return _selectionModal2.SelectionModalValue;
+  }
+});
 Object.defineProperty(exports, "SliderIndicator", {
   enumerable: true,
   get: function () {
@@ -354,6 +378,7 @@ var _CheckBoxInput = require("./CheckBoxInput/CheckBoxInput.component");
 var _Checkbox = require("./Checkbox/Checkbox.component");
 var _Appbar = require("./Appbar/Appbar.component");
 var _Snackbar = require("./Snackbar/Snackbar.component");
+var _selectionModal = require("./selection-modal/selection-modal.component");
 var _switch = require("./switch/switch.component");
 var _dot = require("./dot/dot.component");
 var _informationBox = require("./information-box/information-box.component");
@@ -369,4 +394,5 @@ var _reactNativeMaskInput = require("react-native-mask-input");
 var _SelectionCard = require("./selection-card/SelectionCard.component");
 var _Ribbon = require("./Ribbon/Ribbon.component");
 var _StickyBar = require("./StickyBar/StickyBar.component");
+var _selectionModal2 = require("./selection-modal/selection-modal.type");
 //# sourceMappingURL=index.js.map

package/lib/commonjs/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["_ActionList","require","_Badge","_BottomTabBar","_button","_calendars","_CategoryCard","_ContentCard","_label","_base","_typography","_coachmark","_textlink","_sliderIndicator","_TextInput","_TextArea","_StepperCounter","_Divider","_Tabs","_RadioButton","_Chips","_BottomSheet","_searchInput","_RadioInput","_CheckBoxInput","_Checkbox","_Appbar","_Snackbar","_switch","_dot","_informationBox","_roundedTab","_countdown","_loader","_notification","_pagination","_budgetCard","_banner","_FilterList","_reactNativeMaskInput","_SelectionCard","_Ribbon","_StickyBar"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,UAAA,GAAAV,OAAA;AACA,IAAAW,SAAA,GAAAX,OAAA;AACA,IAAAY,gBAAA,GAAAZ,OAAA;AACA,IAAAa,UAAA,GAAAb,OAAA;AACA,IAAAc,SAAA,GAAAd,OAAA;AACA,IAAAe,eAAA,GAAAf,OAAA;AACA,IAAAgB,QAAA,GAAAhB,OAAA;AACA,IAAAiB,KAAA,GAAAjB,OAAA;AACA,IAAAkB,YAAA,GAAAlB,OAAA;AACA,IAAAmB,MAAA,GAAAnB,OAAA;AACA,IAAAoB,YAAA,GAAApB,OAAA;AAIA,IAAAqB,YAAA,GAAArB,OAAA;AACA,IAAAsB,WAAA,GAAAtB,OAAA;AACA,IAAAuB,cAAA,GAAAvB,OAAA;AACA,IAAAwB,SAAA,GAAAxB,OAAA;AACA,IAAAyB,OAAA,GAAAzB,OAAA;AACA,IAAA0B,SAAA,GAAA1B,OAAA;AAKA,IAAA2B,OAAA,GAAA3B,OAAA;AACA,IAAA4B,IAAA,GAAA5B,OAAA;AACA,IAAA6B,eAAA,GAAA7B,OAAA;AACA,IAAA8B,WAAA,GAAA9B,OAAA;AACA,IAAA+B,UAAA,GAAA/B,OAAA;AACA,IAAAgC,OAAA,GAAAhC,OAAA;AACA,IAAAiC,aAAA,GAAAjC,OAAA;AACA,IAAAkC,WAAA,GAAAlC,OAAA;AACA,IAAAmC,WAAA,GAAAnC,OAAA;AACA,IAAAoC,OAAA,GAAApC,OAAA;AACA,IAAAqC,WAAA,GAAArC,OAAA;AACA,IAAAsC,qBAAA,GAAAtC,OAAA;AAWA,IAAAuC,cAAA,GAAAvC,OAAA;AACA,IAAAwC,OAAA,GAAAxC,OAAA;AACA,IAAAyC,UAAA,GAAAzC,OAAA","ignoreList":[]}
+{"version":3,"names":["_ActionList","require","_Badge","_BottomTabBar","_button","_calendars","_CategoryCard","_ContentCard","_label","_base","_typography","_coachmark","_textlink","_sliderIndicator","_TextInput","_TextArea","_StepperCounter","_Divider","_Tabs","_RadioButton","_Chips","_BottomSheet","_searchInput","_RadioInput","_CheckBoxInput","_Checkbox","_Appbar","_Snackbar","_selectionModal","_switch","_dot","_informationBox","_roundedTab","_countdown","_loader","_notification","_pagination","_budgetCard","_banner","_FilterList","_reactNativeMaskInput","_SelectionCard","_Ribbon","_StickyBar","_selectionModal2"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AACA,IAAAM,YAAA,GAAAN,OAAA;AACA,IAAAO,MAAA,GAAAP,OAAA;AACA,IAAAQ,KAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,UAAA,GAAAV,OAAA;AACA,IAAAW,SAAA,GAAAX,OAAA;AACA,IAAAY,gBAAA,GAAAZ,OAAA;AACA,IAAAa,UAAA,GAAAb,OAAA;AACA,IAAAc,SAAA,GAAAd,OAAA;AACA,IAAAe,eAAA,GAAAf,OAAA;AACA,IAAAgB,QAAA,GAAAhB,OAAA;AACA,IAAAiB,KAAA,GAAAjB,OAAA;AACA,IAAAkB,YAAA,GAAAlB,OAAA;AACA,IAAAmB,MAAA,GAAAnB,OAAA;AACA,IAAAoB,YAAA,GAAApB,OAAA;AAIA,IAAAqB,YAAA,GAAArB,OAAA;AACA,IAAAsB,WAAA,GAAAtB,OAAA;AACA,IAAAuB,cAAA,GAAAvB,OAAA;AACA,IAAAwB,SAAA,GAAAxB,OAAA;AACA,IAAAyB,OAAA,GAAAzB,OAAA;AACA,IAAA0B,SAAA,GAAA1B,OAAA;AAKA,IAAA2B,eAAA,GAAA3B,OAAA;AACA,IAAA4B,OAAA,GAAA5B,OAAA;AACA,IAAA6B,IAAA,GAAA7B,OAAA;AACA,IAAA8B,eAAA,GAAA9B,OAAA;AACA,IAAA+B,WAAA,GAAA/B,OAAA;AACA,IAAAgC,UAAA,GAAAhC,OAAA;AACA,IAAAiC,OAAA,GAAAjC,OAAA;AACA,IAAAkC,aAAA,GAAAlC,OAAA;AACA,IAAAmC,WAAA,GAAAnC,OAAA;AACA,IAAAoC,WAAA,GAAApC,OAAA;AACA,IAAAqC,OAAA,GAAArC,OAAA;AACA,IAAAsC,WAAA,GAAAtC,OAAA;AACA,IAAAuC,qBAAA,GAAAvC,OAAA;AAWA,IAAAwC,cAAA,GAAAxC,OAAA;AACA,IAAAyC,OAAA,GAAAzC,OAAA;AACA,IAAA0C,UAAA,GAAA1C,OAAA;AA4BA,IAAA2C,gBAAA,GAAA3C,OAAA","ignoreList":[]}

package/lib/commonjs/components/selection-modal/selection-modal.component.js

@@ -0,0 +1,116 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SelectionModal = SelectionModal;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _selectionModal = require("./selection-modal.style");
+var _ActionList = require("../ActionList/ActionList.component");
+var _BottomSheet = require("../BottomSheet/BottomSheet.component");
+var _button = require("../button/button.component");
+var _Checkbox = require("../Checkbox/Checkbox.component");
+var _RadioButton = require("../RadioButton/RadioButton.component");
+var _icons = require("../../icons");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function SelectionModal(props) {
+  const {
+    type = 'radio',
+    renderDisplayComponent,
+    listOptions,
+    maxSelectedItem = -1,
+    bottomSheetOpt,
+    saveButtonProps,
+    bottomActionContainerStyle,
+    onSaveButtonPress = () => {},
+    renderCutomBottomAction,
+    value = []
+  } = props;
+  const {
+    renderItem,
+    ...listOptionsRest
+  } = listOptions;
+  const ref = (0, _react.useRef)(null);
+  const computedStyles = (0, _selectionModal.getStyle)();
+  const [selectedTemp, setSelectedTemp] = (0, _react.useState)(value);
+  if (!renderDisplayComponent) {
+    console.warn('Please provide renderDisplayComponent props (SelectionModal - adiraku)');
+    return null;
+  }
+  const renderActionList = ({
+    item,
+    index
+  }) => {
+    var _listOptions$data;
+    const {
+      value: valueItem,
+      title,
+      disabled,
+      ...itemRest
+    } = item;
+    const isSelected = !!(selectedTemp !== null && selectedTemp !== void 0 && selectedTemp.find(i => i.value === valueItem));
+    return /*#__PURE__*/_react.default.createElement(_ActionList.ActionList, _extends({
+      title: title,
+      onPress: () => handleOnItemPress(item),
+      trailingComponent: type === 'radio' ? /*#__PURE__*/_react.default.createElement(_RadioButton.RadioButton, {
+        selected: isSelected,
+        disabled: disabled
+      }) : /*#__PURE__*/_react.default.createElement(_Checkbox.Checkbox, {
+        selected: isSelected,
+        disabled: disabled
+      }),
+      disabled: disabled,
+      isLast: index === (((_listOptions$data = listOptions.data) === null || _listOptions$data === void 0 ? void 0 : _listOptions$data.length) ?? 0) - 1
+    }, itemRest));
+  };
+  const handleOnItemPress = item => {
+    if (type === 'radio') {
+      setSelectedTemp([item]);
+    } else if (type === 'checkbox') {
+      const isItemExist = selectedTemp === null || selectedTemp === void 0 ? void 0 : selectedTemp.find(i => i.value === item.value);
+
+      // Takeout current item if it's in the stack
+      if (isItemExist) {
+        const filterData = selectedTemp === null || selectedTemp === void 0 ? void 0 : selectedTemp.filter(i => i.value !== item.value);
+        setSelectedTemp(filterData);
+      } else {
+        if (maxSelectedItem < 0) {
+          setSelectedTemp([...(selectedTemp ?? []), item]);
+        } else {
+          setSelectedTemp([...(selectedTemp ?? []), item]);
+        }
+      }
+    }
+  };
+  const handleShowSheet = () => {
+    var _ref$current;
+    setSelectedTemp(value);
+    (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.open();
+  };
+  const handleCloseSheet = () => {
+    var _ref$current2;
+    (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || _ref$current2.close();
+  };
+  const handleOnSaveButtonPress = () => {
+    var _ref$current3;
+    onSaveButtonPress(selectedTemp);
+    (_ref$current3 = ref.current) === null || _ref$current3 === void 0 || _ref$current3.close();
+  };
+  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, renderDisplayComponent === null || renderDisplayComponent === void 0 ? void 0 : renderDisplayComponent(handleShowSheet), /*#__PURE__*/_react.default.createElement(_BottomSheet.BottomSheet, _extends({
+    ref: ref,
+    dismissIcon: (bottomSheetOpt === null || bottomSheetOpt === void 0 ? void 0 : bottomSheetOpt.dismissIcon) ?? /*#__PURE__*/_react.default.createElement(_icons.IconArrowLeft, null)
+  }, bottomSheetOpt), /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, _extends({
+    renderItem: renderItem || renderActionList,
+    style: [computedStyles.flatListContentContainer, listOptions.contentContainerStyle]
+  }, listOptionsRest)), renderCutomBottomAction ? renderCutomBottomAction(handleOnSaveButtonPress, handleCloseSheet) : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [computedStyles.bottomActionContainer, bottomActionContainerStyle]
+  }, /*#__PURE__*/_react.default.createElement(_button.Button, _extends({
+    label: (saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.label) ?? 'Simpan',
+    onPress: handleOnSaveButtonPress,
+    disabled: ((selectedTemp === null || selectedTemp === void 0 ? void 0 : selectedTemp.length) ?? 0) <= 0
+  }, saveButtonProps)))));
+}
+//# sourceMappingURL=selection-modal.component.js.map

package/lib/commonjs/components/selection-modal/selection-modal.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_selectionModal","_ActionList","_BottomSheet","_button","_Checkbox","_RadioButton","_icons","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","SelectionModal","props","type","renderDisplayComponent","listOptions","maxSelectedItem","bottomSheetOpt","saveButtonProps","bottomActionContainerStyle","onSaveButtonPress","renderCutomBottomAction","value","renderItem","listOptionsRest","ref","useRef","computedStyles","getStyle","selectedTemp","setSelectedTemp","useState","console","warn","renderActionList","item","index","_listOptions$data","valueItem","title","disabled","itemRest","isSelected","find","createElement","ActionList","onPress","handleOnItemPress","trailingComponent","RadioButton","selected","Checkbox","isLast","data","isItemExist","filterData","filter","handleShowSheet","_ref$current","current","open","handleCloseSheet","_ref$current2","close","handleOnSaveButtonPress","_ref$current3","Fragment","BottomSheet","dismissIcon","IconArrowLeft","FlatList","style","flatListContentContainer","contentContainerStyle","View","bottomActionContainer","Button","label"],"sourceRoot":"../../../../src","sources":["components/selection-modal/selection-modal.component.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/selection-modal/selection-modal.style.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getStyle = void 0;
+var _reactNative = require("react-native");
+var _themes = require("../../themes");
+const getStyle = () => {
+  const computedStyle = {};
+  computedStyle.flatListContentContainer = {};
+  computedStyle.bottomActionContainer = {
+    padding: _themes.Spacing[16],
+    paddingBottom: _themes.Spacing[24],
+    backgroundColor: 'transparent'
+  };
+  return _reactNative.StyleSheet.create(computedStyle);
+};
+exports.getStyle = getStyle;
+//# sourceMappingURL=selection-modal.style.js.map

package/lib/commonjs/components/selection-modal/selection-modal.style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_themes","getStyle","computedStyle","flatListContentContainer","bottomActionContainer","padding","Spacing","paddingBottom","backgroundColor","StyleSheet","create","exports"],"sourceRoot":"../../../../src","sources":["components/selection-modal/selection-modal.style.tsx"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAOO,MAAME,QAAQ,GAAGA,CAAA,KAAM;EAC5B,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,wBAAwB,GAAG,CAAC,CAAC;EAE3CD,aAAa,CAACE,qBAAqB,GAAG;IACpCC,OAAO,EAAEC,eAAO,CAAC,EAAE,CAAC;IACpBC,aAAa,EAAED,eAAO,CAAC,EAAE,CAAC;IAC1BE,eAAe,EAAE;EACnB,CAAC;EAED,OAAOC,uBAAU,CAACC,MAAM,CAACR,aAAa,CAAC;AACzC,CAAC;AAACS,OAAA,CAAAV,QAAA,GAAAA,QAAA","ignoreList":[]}

package/lib/commonjs/components/selection-modal/selection-modal.type.js

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

package/lib/commonjs/components/selection-modal/selection-modal.type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/selection-modal/selection-modal.type.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/ActionList/ActionList.component.js

@@ -14,6 +14,8 @@ const ActionList = props => {
     leadingComponent,
     trailingComponent,
     containerStyle,
+    isLast,
+    testID = '',
     ...rest
   } = props;
   const computedStyle = getStyle({
@@ -24,27 +26,33 @@ const ActionList = props => {
     disabled: disabled
   }, rest, {
     underlayColor: Palettes.grey[50]
-  }), /*#__PURE__*/React.createElement(View, {
+  }), /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
     style: [computedStyle.container, containerStyle]
   }, leadingComponent && /*#__PURE__*/React.createElement(View, {
     style: computedStyle.leadingWrapper
   }, leadingComponent), /*#__PURE__*/React.createElement(View, {
     style: computedStyle.textContainer
-  }, /*#__PURE__*/React.createElement(Typography, {
+  }, !!title && /*#__PURE__*/React.createElement(Typography, {
     variant: 'subtitle2',
     textStyles: {
       ...computedStyle.title,
       ...textStyles
-    }
-  }, title), /*#__PURE__*/React.createElement(Typography, {
+    },
+    testID: 'action_list_title' + testID,
+    accessibilityLabel: 'action_list_title' + testID
+  }, title), !!description && /*#__PURE__*/React.createElement(Typography, {
     variant: 'body2',
     textStyles: {
       ...computedStyle.description,
       ...textStyles
-    }
+    },
+    testID: 'action_list_subtitle' + testID,
+    accessibilityLabel: 'action_list_subtitle' + testID
   }, description)), trailingComponent && /*#__PURE__*/React.createElement(View, {
     style: computedStyle.trailingWrapper
-  }, trailingComponent)));
+  }, trailingComponent)), !isLast && /*#__PURE__*/React.createElement(View, {
+    style: computedStyle.borderBottom
+  })));
 };
 export { ActionList };
 //# sourceMappingURL=ActionList.component.js.map

package/lib/module/components/ActionList/ActionList.component.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","View","TouchableHighlight","Typography","getStyle","Palettes","ActionList","props","onPress","title","description","textStyles","disabled","leadingComponent","trailingComponent","containerStyle","rest","computedStyle","createElement","_extends","underlayColor","grey","style","container","leadingWrapper","textContainer","variant","trailingWrapper"],"sourceRoot":"../../../../src","sources":["components/ActionList/ActionList.component.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,kBAAkB,QAAQ,cAAc;AAEvD,SAASC,UAAU,QAAQ,oCAAoC;AAC/D,SAASC,QAAQ,QAAQ,qBAAqB;AAG9C,SAASC,QAAQ,QAAQ,cAAc;AAEvC,MAAMC,UAAqC,GAAIC,KAAK,IAAK;EACvD,MAAM;IACJC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;IAClBC,KAAK;IACLC,WAAW;IACXC,UAAU;IACVC,QAAQ,GAAG,KAAK;IAChBC,gBAAgB;IAChBC,iBAAiB;IACjBC,cAAc;IACd,GAAGC;EACL,CAAC,GAAGT,KAAK;EAET,MAAMU,aAAa,GAAGb,QAAQ,CAAC;IAC7B,GAAGG;EACL,CAAC,CAAC;EAEF,oBACEP,KAAA,CAAAkB,aAAA,CAAChB,kBAAkB,EAAAiB,QAAA;IACjBX,OAAO,EAAEA,OAAQ;IACjBI,QAAQ,EAAEA;EAAS,GACfI,IAAI;IACRI,aAAa,EAAEf,QAAQ,CAACgB,IAAI,CAAC,EAAE;EAAE,iBAEjCrB,KAAA,CAAAkB,aAAA,CAACjB,IAAI;IAACqB,KAAK,EAAE,CAACL,aAAa,CAACM,SAAS,EAAER,cAAc;EAAE,GACpDF,gBAAgB,iBACfb,KAAA,CAAAkB,aAAA,CAACjB,IAAI;IAACqB,KAAK,EAAEL,aAAa,CAACO;EAAe,GAAEX,gBAAuB,CACpE,eACDb,KAAA,CAAAkB,aAAA,CAACjB,IAAI;IAACqB,KAAK,EAAEL,aAAa,CAACQ;EAAc,gBACvCzB,KAAA,CAAAkB,aAAA,CAACf,UAAU;IACTuB,OAAO,EAAE,WAAY;IACrBf,UAAU,EAAE;MAAE,GAAGM,aAAa,CAACR,KAAK;MAAE,GAAGE;IAAW;EAAE,GAErDF,KACS,CAAC,eACbT,KAAA,CAAAkB,aAAA,CAACf,UAAU;IACTuB,OAAO,EAAE,OAAQ;IACjBf,UAAU,EAAE;MAAE,GAAGM,aAAa,CAACP,WAAW;MAAE,GAAGC;IAAW;EAAE,GAE3DD,WACS,CACR,CAAC,EACNI,iBAAiB,iBAChBd,KAAA,CAAAkB,aAAA,CAACjB,IAAI;IAACqB,KAAK,EAAEL,aAAa,CAACU;EAAgB,GAAEb,iBAAwB,CAEnE,CACY,CAAC;AAEzB,CAAC;AAED,SAASR,UAAU","ignoreList":[]}
+{"version":3,"names":["React","View","TouchableHighlight","Typography","getStyle","Palettes","ActionList","props","onPress","title","description","textStyles","disabled","leadingComponent","trailingComponent","containerStyle","isLast","testID","rest","computedStyle","createElement","_extends","underlayColor","grey","style","container","leadingWrapper","textContainer","variant","accessibilityLabel","trailingWrapper","borderBottom"],"sourceRoot":"../../../../src","sources":["components/ActionList/ActionList.component.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,kBAAkB,QAAQ,cAAc;AAEvD,SAASC,UAAU,QAAQ,oCAAoC;AAC/D,SAASC,QAAQ,QAAQ,qBAAqB;AAG9C,SAASC,QAAQ,QAAQ,cAAc;AAEvC,MAAMC,UAAqC,GAAIC,KAAK,IAAK;EACvD,MAAM;IACJC,OAAO,GAAGA,CAAA,KAAM,CAAC,CAAC;IAClBC,KAAK;IACLC,WAAW;IACXC,UAAU;IACVC,QAAQ,GAAG,KAAK;IAChBC,gBAAgB;IAChBC,iBAAiB;IACjBC,cAAc;IACdC,MAAM;IACNC,MAAM,GAAG,EAAE;IACX,GAAGC;EACL,CAAC,GAAGX,KAAK;EAET,MAAMY,aAAa,GAAGf,QAAQ,CAAC;IAC7B,GAAGG;EACL,CAAC,CAAC;EAEF,oBACEP,KAAA,CAAAoB,aAAA,CAAClB,kBAAkB,EAAAmB,QAAA;IACjBb,OAAO,EAAEA,OAAQ;IACjBI,QAAQ,EAAEA;EAAS,GACfM,IAAI;IACRI,aAAa,EAAEjB,QAAQ,CAACkB,IAAI,CAAC,EAAE;EAAE,iBAEjCvB,KAAA,CAAAoB,aAAA,CAACnB,IAAI,qBACHD,KAAA,CAAAoB,aAAA,CAACnB,IAAI;IAACuB,KAAK,EAAE,CAACL,aAAa,CAACM,SAAS,EAAEV,cAAc;EAAE,GACpDF,gBAAgB,iBACfb,KAAA,CAAAoB,aAAA,CAACnB,IAAI;IAACuB,KAAK,EAAEL,aAAa,CAACO;EAAe,GAAEb,gBAAuB,CACpE,eACDb,KAAA,CAAAoB,aAAA,CAACnB,IAAI;IAACuB,KAAK,EAAEL,aAAa,CAACQ;EAAc,GACtC,CAAC,CAAClB,KAAK,iBACNT,KAAA,CAAAoB,aAAA,CAACjB,UAAU;IACTyB,OAAO,EAAE,WAAY;IACrBjB,UAAU,EAAE;MAAE,GAAGQ,aAAa,CAACV,KAAK;MAAE,GAAGE;IAAW,CAAE;IACtDM,MAAM,EAAE,mBAAmB,GAAGA,MAAO;IACrCY,kBAAkB,EAAE,mBAAmB,GAAGZ;EAAO,GAEhDR,KACS,CACb,EACA,CAAC,CAACC,WAAW,iBACZV,KAAA,CAAAoB,aAAA,CAACjB,UAAU;IACTyB,OAAO,EAAE,OAAQ;IACjBjB,UAAU,EAAE;MAAE,GAAGQ,aAAa,CAACT,WAAW;MAAE,GAAGC;IAAW,CAAE;IAC5DM,MAAM,EAAE,sBAAsB,GAAGA,MAAO;IACxCY,kBAAkB,EAAE,sBAAsB,GAAGZ;EAAO,GAEnDP,WACS,CAEV,CAAC,EACNI,iBAAiB,iBAChBd,KAAA,CAAAoB,aAAA,CAACnB,IAAI;IAACuB,KAAK,EAAEL,aAAa,CAACW;EAAgB,GACxChB,iBACG,CAEJ,CAAC,EACN,CAACE,MAAM,iBAAIhB,KAAA,CAAAoB,aAAA,CAACnB,IAAI;IAACuB,KAAK,EAAEL,aAAa,CAACY;EAAa,CAAE,CAClD,CACY,CAAC;AAEzB,CAAC;AAED,SAASzB,UAAU","ignoreList":[]}

package/lib/module/components/ActionList/ActionList.styles.js

@@ -2,15 +2,12 @@ import { StyleSheet } from 'react-native';
 import { Palettes, Spacing } from '../../themes';
 export const getStyle = props => {
   const {
-    disabled,
-    isLast
+    disabled
   } = props;
   const computedStyle = {};
   computedStyle.container = {
-    paddingVertical: 16,
-    paddingHorizontal: disabled ? 16 : 0,
+    padding: Spacing[16],
     borderBottomColor: Palettes.black[400],
-    borderBottomWidth: disabled || isLast ? 0 : 0.5,
     backgroundColor: disabled ? Palettes.grey[50] : 'transparent',
     flexDirection: 'row',
     justifyContent: 'flex-start',
@@ -44,6 +41,12 @@ export const getStyle = props => {
     justifyContent: 'center',
     alignItems: 'center'
   };
+  computedStyle.borderBottom = {
+    marginHorizontal: Spacing[16],
+    height: 1,
+    flex: 1,
+    backgroundColor: Palettes.grey[100]
+  };
   return StyleSheet.create(computedStyle);
 };
 //# sourceMappingURL=ActionList.styles.js.map

package/lib/module/components/ActionList/ActionList.styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["StyleSheet","Palettes","Spacing","getStyle","props","disabled","isLast","computedStyle","container","paddingVertical","paddingHorizontal","borderBottomColor","black","borderBottomWidth","backgroundColor","grey","flexDirection","justifyContent","alignItems","width","minWidth","title","fontWeight","fontSize","lineHeight","color","description","textContainer","flex","leadingWrapper","marginRight","trailingWrapper","marginLeft","create"],"sourceRoot":"../../../../src","sources":["components/ActionList/ActionList.styles.tsx"],"mappings":"AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,EAAEC,OAAO,QAAQ,cAAc;AAYhD,OAAO,MAAMC,QAAQ,GAAIC,KAAsB,IAAK;EAClD,MAAM;IAAEC,QAAQ;IAAEC;EAAO,CAAC,GAAGF,KAAK;EAElC,MAAMG,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAEL,QAAQ,GAAG,EAAE,GAAG,CAAC;IACpCM,iBAAiB,EAAEV,QAAQ,CAACW,KAAK,CAAC,GAAG,CAAC;IACtCC,iBAAiB,EAAER,QAAQ,IAAIC,MAAM,GAAG,CAAC,GAAG,GAAG;IAC/CQ,eAAe,EAAET,QAAQ,GAAGJ,QAAQ,CAACc,IAAI,CAAC,EAAE,CAAC,GAAG,aAAa;IAC7DC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE;EACZ,CAAC;EACDb,aAAa,CAACc,KAAK,GAAG;IACpBC,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEpB,QAAQ,GAAGJ,QAAQ,CAACc,IAAI,CAAC,GAAG,CAAC,GAAGd,QAAQ,CAACW,KAAK,CAAC,GAAG;EAC3D,CAAC;EACDL,aAAa,CAACmB,WAAW,GAAG;IAC1BJ,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEpB,QAAQ,GAAGJ,QAAQ,CAACc,IAAI,CAAC,GAAG,CAAC,GAAGd,QAAQ,CAACW,KAAK,CAAC,GAAG;EAC3D,CAAC;EAEDL,aAAa,CAACoB,aAAa,GAAG;IAC5BT,UAAU,EAAE,YAAY;IACxBU,IAAI,EAAE;EACR,CAAC;EAEDrB,aAAa,CAACsB,cAAc,GAAG;IAC7BC,WAAW,EAAE5B,OAAO,CAAC,EAAE,CAAC;IACxBe,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EAEDX,aAAa,CAACwB,eAAe,GAAG;IAC9BC,UAAU,EAAE9B,OAAO,CAAC,EAAE,CAAC;IACvBe,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EAED,OAAOlB,UAAU,CAACiC,MAAM,CAAC1B,aAAa,CAAC;AACzC,CAAC","ignoreList":[]}
+{"version":3,"names":["StyleSheet","Palettes","Spacing","getStyle","props","disabled","computedStyle","container","padding","borderBottomColor","black","backgroundColor","grey","flexDirection","justifyContent","alignItems","width","minWidth","title","fontWeight","fontSize","lineHeight","color","description","textContainer","flex","leadingWrapper","marginRight","trailingWrapper","marginLeft","borderBottom","marginHorizontal","height","create"],"sourceRoot":"../../../../src","sources":["components/ActionList/ActionList.styles.tsx"],"mappings":"AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,EAAEC,OAAO,QAAQ,cAAc;AAahD,OAAO,MAAMC,QAAQ,GAAIC,KAAsB,IAAK;EAClD,MAAM;IAAEC;EAAS,CAAC,GAAGD,KAAK;EAE1B,MAAME,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,OAAO,EAAEN,OAAO,CAAC,EAAE,CAAC;IACpBO,iBAAiB,EAAER,QAAQ,CAACS,KAAK,CAAC,GAAG,CAAC;IACtCC,eAAe,EAAEN,QAAQ,GAAGJ,QAAQ,CAACW,IAAI,CAAC,EAAE,CAAC,GAAG,aAAa;IAC7DC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE;EACZ,CAAC;EACDX,aAAa,CAACY,KAAK,GAAG;IACpBC,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEjB,QAAQ,GAAGJ,QAAQ,CAACW,IAAI,CAAC,GAAG,CAAC,GAAGX,QAAQ,CAACS,KAAK,CAAC,GAAG;EAC3D,CAAC;EACDJ,aAAa,CAACiB,WAAW,GAAG;IAC1BJ,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEjB,QAAQ,GAAGJ,QAAQ,CAACW,IAAI,CAAC,GAAG,CAAC,GAAGX,QAAQ,CAACS,KAAK,CAAC,GAAG;EAC3D,CAAC;EAEDJ,aAAa,CAACkB,aAAa,GAAG;IAC5BT,UAAU,EAAE,YAAY;IACxBU,IAAI,EAAE;EACR,CAAC;EAEDnB,aAAa,CAACoB,cAAc,GAAG;IAC7BC,WAAW,EAAEzB,OAAO,CAAC,EAAE,CAAC;IACxBY,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EAEDT,aAAa,CAACsB,eAAe,GAAG;IAC9BC,UAAU,EAAE3B,OAAO,CAAC,EAAE,CAAC;IACvBY,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EAEDT,aAAa,CAACwB,YAAY,GAAG;IAC3BC,gBAAgB,EAAE7B,OAAO,CAAC,EAAE,CAAC;IAC7B8B,MAAM,EAAE,CAAC;IACTP,IAAI,EAAE,CAAC;IACPd,eAAe,EAAEV,QAAQ,CAACW,IAAI,CAAC,GAAG;EACpC,CAAC;EAED,OAAOZ,UAAU,CAACiC,MAAM,CAAC3B,aAAa,CAAC;AACzC,CAAC","ignoreList":[]}

package/lib/module/components/index.js

@@ -25,6 +25,7 @@ export { CheckBoxInput } from './CheckBoxInput/CheckBoxInput.component';
 export { Checkbox } from './Checkbox/Checkbox.component';
 export { Appbar } from './Appbar/Appbar.component';
 export { Snackbar, SnackbarComponent, SnackbarUI } from './Snackbar/Snackbar.component';
+export { SelectionModal } from './selection-modal/selection-modal.component';
 export { Switch } from './switch/switch.component';
 export { Dot } from './dot/dot.component';
 export { InformationBox } from './information-box/information-box.component';
@@ -40,4 +41,5 @@ export { Mask, MaskArray, MaskInputProps, MaskItem, Masks, UseMaskedInputProps,
 export { SelectionCard } from './selection-card/SelectionCard.component';
 export { Ribbon } from './Ribbon/Ribbon.component';
 export { StickyBar } from './StickyBar/StickyBar.component';
+export { SelectionModalProps, SelectionItemData, SelectionModalValue } from './selection-modal/selection-modal.type';
 //# sourceMappingURL=index.js.map

package/lib/module/components/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["ActionList","Badges","BottomTabBar","Button","Calendars","CategoryCard","ContentCard","Label","BaseComponent","Typography","Coachmark","circleSvgPath","TextLink","SliderIndicator","TextInput","TextArea","StepperCounter","Divider","Tabs","RadioButton","Chips","BottomSheet","BottomSheetHandler","SearchInput","RadioInput","CheckBoxInput","Checkbox","Appbar","Snackbar","SnackbarComponent","SnackbarUI","Switch","Dot","InformationBox","RoundedTab","Countdown","Loader","Notification","Pagination","BudgetCard","Banner","FilterList","Mask","MaskArray","MaskInputProps","MaskItem","Masks","UseMaskedInputProps","createNumberMask","formatWithMask","useMaskedInputProps","SelectionCard","Ribbon","StickyBar"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,SAAS,EAAEC,aAAa,QAAQ,iCAAiC;AAC1E,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,eAAe,QAAQ,+CAA+C;AAC/E,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,cAAc,QAAQ,2CAA2C;AAC1E,SAASC,OAAO,QAAQ,6BAA6B;AACrD,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SACEC,WAAW,EACXC,kBAAkB,QACb,qCAAqC;AAC5C,SAASC,WAAW,QAAQ,uCAAuC;AACnE,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,aAAa,QAAQ,yCAAyC;AACvE,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SACEC,QAAQ,EACRC,iBAAiB,EACjBC,UAAU,QACL,+BAA+B;AACtC,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,GAAG,QAAQ,qBAAqB;AACzC,SAASC,cAAc,QAAQ,6CAA6C;AAC5E,SAASC,UAAU,QAAQ,qCAAqC;AAChE,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,UAAU,QAAQ,oCAAoC;AAC/D,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SACEC,IAAI,EACJC,SAAS,EACTC,cAAc,EACdC,QAAQ,EACRC,KAAK,EACLC,mBAAmB,EACnBC,gBAAgB,EAChBC,cAAc,EACdC,mBAAmB,QACd,yBAAyB;AAChC,SAASC,aAAa,QAAQ,0CAA0C;AACxE,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,SAAS,QAAQ,iCAAiC","ignoreList":[]}
+{"version":3,"names":["ActionList","Badges","BottomTabBar","Button","Calendars","CategoryCard","ContentCard","Label","BaseComponent","Typography","Coachmark","circleSvgPath","TextLink","SliderIndicator","TextInput","TextArea","StepperCounter","Divider","Tabs","RadioButton","Chips","BottomSheet","BottomSheetHandler","SearchInput","RadioInput","CheckBoxInput","Checkbox","Appbar","Snackbar","SnackbarComponent","SnackbarUI","SelectionModal","Switch","Dot","InformationBox","RoundedTab","Countdown","Loader","Notification","Pagination","BudgetCard","Banner","FilterList","Mask","MaskArray","MaskInputProps","MaskItem","Masks","UseMaskedInputProps","createNumberMask","formatWithMask","useMaskedInputProps","SelectionCard","Ribbon","StickyBar","SelectionModalProps","SelectionItemData","SelectionModalValue"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"AAAA,SAASA,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SAASC,aAAa,QAAQ,uBAAuB;AACrD,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,SAAS,EAAEC,aAAa,QAAQ,iCAAiC;AAC1E,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,eAAe,QAAQ,+CAA+C;AAC/E,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,cAAc,QAAQ,2CAA2C;AAC1E,SAASC,OAAO,QAAQ,6BAA6B;AACrD,SAASC,IAAI,QAAQ,uBAAuB;AAC5C,SAASC,WAAW,QAAQ,qCAAqC;AACjE,SAASC,KAAK,QAAQ,yBAAyB;AAC/C,SACEC,WAAW,EACXC,kBAAkB,QACb,qCAAqC;AAC5C,SAASC,WAAW,QAAQ,uCAAuC;AACnE,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,aAAa,QAAQ,yCAAyC;AACvE,SAASC,QAAQ,QAAQ,+BAA+B;AACxD,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SACEC,QAAQ,EACRC,iBAAiB,EACjBC,UAAU,QACL,+BAA+B;AACtC,SAASC,cAAc,QAAQ,6CAA6C;AAC5E,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,GAAG,QAAQ,qBAAqB;AACzC,SAASC,cAAc,QAAQ,6CAA6C;AAC5E,SAASC,UAAU,QAAQ,qCAAqC;AAChE,SAASC,SAAS,QAAQ,iCAAiC;AAC3D,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,YAAY,QAAQ,uCAAuC;AACpE,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SAASC,UAAU,QAAQ,oCAAoC;AAC/D,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,UAAU,QAAQ,mCAAmC;AAC9D,SACEC,IAAI,EACJC,SAAS,EACTC,cAAc,EACdC,QAAQ,EACRC,KAAK,EACLC,mBAAmB,EACnBC,gBAAgB,EAChBC,cAAc,EACdC,mBAAmB,QACd,yBAAyB;AAChC,SAASC,aAAa,QAAQ,0CAA0C;AACxE,SAASC,MAAM,QAAQ,2BAA2B;AAClD,SAASC,SAAS,QAAQ,iCAAiC;AA4B3D,SACEC,mBAAmB,EACnBC,iBAAiB,EACjBC,mBAAmB,QACd,wCAAwC","ignoreList":[]}

package/lib/module/components/selection-modal/selection-modal.component.js

@@ -0,0 +1,108 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+import React, { useRef, useState } from 'react';
+import { FlatList, View } from 'react-native';
+import { getStyle } from './selection-modal.style';
+import { ActionList } from '../ActionList/ActionList.component';
+import { BottomSheet } from '../BottomSheet/BottomSheet.component';
+import { Button } from '../button/button.component';
+import { Checkbox } from '../Checkbox/Checkbox.component';
+import { RadioButton } from '../RadioButton/RadioButton.component';
+import { IconArrowLeft } from '../../icons';
+export function SelectionModal(props) {
+  const {
+    type = 'radio',
+    renderDisplayComponent,
+    listOptions,
+    maxSelectedItem = -1,
+    bottomSheetOpt,
+    saveButtonProps,
+    bottomActionContainerStyle,
+    onSaveButtonPress = () => {},
+    renderCutomBottomAction,
+    value = []
+  } = props;
+  const {
+    renderItem,
+    ...listOptionsRest
+  } = listOptions;
+  const ref = useRef(null);
+  const computedStyles = getStyle();
+  const [selectedTemp, setSelectedTemp] = useState(value);
+  if (!renderDisplayComponent) {
+    console.warn('Please provide renderDisplayComponent props (SelectionModal - adiraku)');
+    return null;
+  }
+  const renderActionList = ({
+    item,
+    index
+  }) => {
+    var _listOptions$data;
+    const {
+      value: valueItem,
+      title,
+      disabled,
+      ...itemRest
+    } = item;
+    const isSelected = !!(selectedTemp !== null && selectedTemp !== void 0 && selectedTemp.find(i => i.value === valueItem));
+    return /*#__PURE__*/React.createElement(ActionList, _extends({
+      title: title,
+      onPress: () => handleOnItemPress(item),
+      trailingComponent: type === 'radio' ? /*#__PURE__*/React.createElement(RadioButton, {
+        selected: isSelected,
+        disabled: disabled
+      }) : /*#__PURE__*/React.createElement(Checkbox, {
+        selected: isSelected,
+        disabled: disabled
+      }),
+      disabled: disabled,
+      isLast: index === (((_listOptions$data = listOptions.data) === null || _listOptions$data === void 0 ? void 0 : _listOptions$data.length) ?? 0) - 1
+    }, itemRest));
+  };
+  const handleOnItemPress = item => {
+    if (type === 'radio') {
+      setSelectedTemp([item]);
+    } else if (type === 'checkbox') {
+      const isItemExist = selectedTemp === null || selectedTemp === void 0 ? void 0 : selectedTemp.find(i => i.value === item.value);
+
+      // Takeout current item if it's in the stack
+      if (isItemExist) {
+        const filterData = selectedTemp === null || selectedTemp === void 0 ? void 0 : selectedTemp.filter(i => i.value !== item.value);
+        setSelectedTemp(filterData);
+      } else {
+        if (maxSelectedItem < 0) {
+          setSelectedTemp([...(selectedTemp ?? []), item]);
+        } else {
+          setSelectedTemp([...(selectedTemp ?? []), item]);
+        }
+      }
+    }
+  };
+  const handleShowSheet = () => {
+    var _ref$current;
+    setSelectedTemp(value);
+    (_ref$current = ref.current) === null || _ref$current === void 0 || _ref$current.open();
+  };
+  const handleCloseSheet = () => {
+    var _ref$current2;
+    (_ref$current2 = ref.current) === null || _ref$current2 === void 0 || _ref$current2.close();
+  };
+  const handleOnSaveButtonPress = () => {
+    var _ref$current3;
+    onSaveButtonPress(selectedTemp);
+    (_ref$current3 = ref.current) === null || _ref$current3 === void 0 || _ref$current3.close();
+  };
+  return /*#__PURE__*/React.createElement(React.Fragment, null, renderDisplayComponent === null || renderDisplayComponent === void 0 ? void 0 : renderDisplayComponent(handleShowSheet), /*#__PURE__*/React.createElement(BottomSheet, _extends({
+    ref: ref,
+    dismissIcon: (bottomSheetOpt === null || bottomSheetOpt === void 0 ? void 0 : bottomSheetOpt.dismissIcon) ?? /*#__PURE__*/React.createElement(IconArrowLeft, null)
+  }, bottomSheetOpt), /*#__PURE__*/React.createElement(FlatList, _extends({
+    renderItem: renderItem || renderActionList,
+    style: [computedStyles.flatListContentContainer, listOptions.contentContainerStyle]
+  }, listOptionsRest)), renderCutomBottomAction ? renderCutomBottomAction(handleOnSaveButtonPress, handleCloseSheet) : /*#__PURE__*/React.createElement(View, {
+    style: [computedStyles.bottomActionContainer, bottomActionContainerStyle]
+  }, /*#__PURE__*/React.createElement(Button, _extends({
+    label: (saveButtonProps === null || saveButtonProps === void 0 ? void 0 : saveButtonProps.label) ?? 'Simpan',
+    onPress: handleOnSaveButtonPress,
+    disabled: ((selectedTemp === null || selectedTemp === void 0 ? void 0 : selectedTemp.length) ?? 0) <= 0
+  }, saveButtonProps)))));
+}
+//# sourceMappingURL=selection-modal.component.js.map

package/lib/module/components/selection-modal/selection-modal.component.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useRef","useState","FlatList","View","getStyle","ActionList","BottomSheet","Button","Checkbox","RadioButton","IconArrowLeft","SelectionModal","props","type","renderDisplayComponent","listOptions","maxSelectedItem","bottomSheetOpt","saveButtonProps","bottomActionContainerStyle","onSaveButtonPress","renderCutomBottomAction","value","renderItem","listOptionsRest","ref","computedStyles","selectedTemp","setSelectedTemp","console","warn","renderActionList","item","index","_listOptions$data","valueItem","title","disabled","itemRest","isSelected","find","i","createElement","_extends","onPress","handleOnItemPress","trailingComponent","selected","isLast","data","length","isItemExist","filterData","filter","handleShowSheet","_ref$current","current","open","handleCloseSheet","_ref$current2","close","handleOnSaveButtonPress","_ref$current3","Fragment","dismissIcon","style","flatListContentContainer","contentContainerStyle","bottomActionContainer","label"],"sourceRoot":"../../../../src","sources":["components/selection-modal/selection-modal.component.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/selection-modal/selection-modal.style.js

@@ -0,0 +1,13 @@
+import { StyleSheet } from 'react-native';
+import { Spacing } from '../../themes';
+export const getStyle = () => {
+  const computedStyle = {};
+  computedStyle.flatListContentContainer = {};
+  computedStyle.bottomActionContainer = {
+    padding: Spacing[16],
+    paddingBottom: Spacing[24],
+    backgroundColor: 'transparent'
+  };
+  return StyleSheet.create(computedStyle);
+};
+//# sourceMappingURL=selection-modal.style.js.map

package/lib/module/components/selection-modal/selection-modal.style.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","Spacing","getStyle","computedStyle","flatListContentContainer","bottomActionContainer","padding","paddingBottom","backgroundColor","create"],"sourceRoot":"../../../../src","sources":["components/selection-modal/selection-modal.style.tsx"],"mappings":"AAAA,SAASA,UAAU,QAAmB,cAAc;AAEpD,SAASC,OAAO,QAAQ,cAAc;AAOtC,OAAO,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EAC5B,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,wBAAwB,GAAG,CAAC,CAAC;EAE3CD,aAAa,CAACE,qBAAqB,GAAG;IACpCC,OAAO,EAAEL,OAAO,CAAC,EAAE,CAAC;IACpBM,aAAa,EAAEN,OAAO,CAAC,EAAE,CAAC;IAC1BO,eAAe,EAAE;EACnB,CAAC;EAED,OAAOR,UAAU,CAACS,MAAM,CAACN,aAAa,CAAC;AACzC,CAAC","ignoreList":[]}

package/lib/module/components/selection-modal/selection-modal.type.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=selection-modal.type.js.map

package/lib/module/components/selection-modal/selection-modal.type.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/selection-modal/selection-modal.type.ts"],"mappings":"","ignoreList":[]}

package/lib/typescript/components/ActionList/ActionList.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionList.component.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionList/ActionList.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGzD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAgDzC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}
+{"version":3,"file":"ActionList.component.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionList/ActionList.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGzD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA+DzC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}

package/lib/typescript/components/ActionList/ActionList.styles.d.ts

@@ -8,6 +8,7 @@ interface ComputedStyleProps {
     textContainer?: TextStyle;
     leadingWrapper?: ViewStyle;
     trailingWrapper?: ViewStyle;
+    borderBottom?: ViewStyle;
 }
 export declare const getStyle: (props: ActionListProps) => ComputedStyleProps;
 export {};

package/lib/typescript/components/ActionList/ActionList.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionList.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionList/ActionList.styles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,SAAS,CAAC;CAC7B;AAED,eAAO,MAAM,QAAQ,UAAW,eAAe,uBAgD9C,CAAC"}
+{"version":3,"file":"ActionList.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionList/ActionList.styles.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAG9C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEzD,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B;AAED,eAAO,MAAM,QAAQ,UAAW,eAAe,uBAqD9C,CAAC"}

package/lib/typescript/components/ActionList/ActionList.type.d.ts

@@ -36,5 +36,6 @@ export declare type ActionListProps = {
     isLast?: boolean;
     textStyles?: TextStyle;
     containerStyle?: ViewStyle;
+    testID?: string;
 } & Omit<TouchableWithoutFeedbackProps, 'style'>;
 //# sourceMappingURL=ActionList.type.d.ts.map

package/lib/typescript/components/ActionList/ActionList.type.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActionList.type.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionList/ActionList.type.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EACL,6BAA6B,EAC7B,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,oBAAY,eAAe,GAAG;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH;;;OAGG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,cAAc,CAAC,EAAE,SAAS,CAAC;CAC5B,GAAG,IAAI,CAAC,6BAA6B,EAAE,OAAO,CAAC,CAAC"}
+{"version":3,"file":"ActionList.type.d.ts","sourceRoot":"","sources":["../../../../src/components/ActionList/ActionList.type.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EACL,6BAA6B,EAC7B,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,oBAAY,eAAe,GAAG;IAC5B;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH;;;OAGG;IACH,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B;;;OAGG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,cAAc,CAAC,EAAE,SAAS,CAAC;IAE3B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,IAAI,CAAC,6BAA6B,EAAE,OAAO,CAAC,CAAC"}

package/lib/typescript/components/index.d.ts

@@ -25,6 +25,7 @@ export { CheckBoxInput } from './CheckBoxInput/CheckBoxInput.component';
 export { Checkbox } from './Checkbox/Checkbox.component';
 export { Appbar } from './Appbar/Appbar.component';
 export { Snackbar, SnackbarComponent, SnackbarUI, } from './Snackbar/Snackbar.component';
+export { SelectionModal } from './selection-modal/selection-modal.component';
 export { Switch } from './switch/switch.component';
 export { Dot } from './dot/dot.component';
 export { InformationBox } from './information-box/information-box.component';
@@ -57,6 +58,7 @@ export type { DividerProps } from './Divider/Divider.type';
 export type { TabsProps } from './Tabs/Tabs.type';
 export type { SearchInputProps } from './search-input/search-input.type';
 export type { SelectionCardProps } from './selection-card/SelectionCard.type';
+export { SelectionModalProps, SelectionItemData, SelectionModalValue, } from './selection-modal/selection-modal.type';
 export type { RibbonProps } from './Ribbon/Ribbon.type';
 export type { StickyBarProps } from './StickyBar/StickyBar.type';
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"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"}

package/lib/typescript/components/selection-modal/selection-modal.component.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { SelectionModalProps } from './selection-modal.type';
+export declare function SelectionModal(props: SelectionModalProps): JSX.Element | null;
+//# sourceMappingURL=selection-modal.component.d.ts.map

package/lib/typescript/components/selection-modal/selection-modal.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-modal.component.d.ts","sourceRoot":"","sources":["../../../../src/components/selection-modal/selection-modal.component.tsx"],"names":[],"mappings":";AAGA,OAAO,EAEL,mBAAmB,EAEpB,MAAM,wBAAwB,CAAC;AAWhC,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,sBAgIxD"}

package/lib/typescript/components/selection-modal/selection-modal.style.d.ts

@@ -0,0 +1,8 @@
+import { ViewStyle } from 'react-native';
+interface ComputedStyleProps {
+    flatListContentContainer?: ViewStyle;
+    bottomActionContainer?: ViewStyle;
+}
+export declare const getStyle: () => ComputedStyleProps;
+export {};
+//# sourceMappingURL=selection-modal.style.d.ts.map

package/lib/typescript/components/selection-modal/selection-modal.style.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-modal.style.d.ts","sourceRoot":"","sources":["../../../../src/components/selection-modal/selection-modal.style.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,SAAS,EAAE,MAAM,cAAc,CAAC;AAIrD,UAAU,kBAAkB;IAC1B,wBAAwB,CAAC,EAAE,SAAS,CAAC;IACrC,qBAAqB,CAAC,EAAE,SAAS,CAAC;CACnC;AAED,eAAO,MAAM,QAAQ,0BAYpB,CAAC"}

package/lib/typescript/components/selection-modal/selection-modal.type.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { FlatListProps, ViewStyle } from 'react-native';
+import { ActionListProps } from '../ActionList/ActionList.type';
+import { BottomSheetProps } from '../BottomSheet/BottomSheet.type';
+import { ButtonProps } from '../button/button.type';
+export declare type SelectionModalValue = FlatListProps<SelectionItemData>['data'];
+export declare type SelectionModalProps = {
+    type: 'checkbox' | 'radio';
+    value: SelectionModalValue;
+    renderDisplayComponent: (openModal: () => void) => ReactNode;
+    listOptions: Omit<FlatListProps<SelectionItemData>, 'renderItem'> & Partial<Pick<FlatListProps<SelectionItemData>, 'renderItem'>>;
+    maxSelectedItem?: number;
+    bottomSheetOpt: Omit<BottomSheetProps, 'visibility' | 'onDismiss'>;
+    saveButtonProps?: ButtonProps;
+    bottomActionContainerStyle?: ViewStyle;
+    onSaveButtonPress: (data: SelectionModalValue) => void;
+    renderCutomBottomAction?: (handleOnSaveButtonPress: (data: SelectionModalValue) => void, closeModal?: () => void) => ReactNode;
+};
+export declare type SelectionItemData = {
+    value: string;
+} & ActionListProps;
+//# sourceMappingURL=selection-modal.type.d.ts.map

package/lib/typescript/components/selection-modal/selection-modal.type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"selection-modal.type.d.ts","sourceRoot":"","sources":["../../../../src/components/selection-modal/selection-modal.type.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEpD,oBAAY,mBAAmB,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;AAC3E,oBAAY,mBAAmB,GAAG;IAChC,IAAI,EAAE,UAAU,GAAG,OAAO,CAAC;IAE3B,KAAK,EAAE,mBAAmB,CAAC;IAC3B,sBAAsB,EAAE,CAAC,SAAS,EAAE,MAAM,IAAI,KAAK,SAAS,CAAC;IAE7D,WAAW,EAAE,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE,YAAY,CAAC,GAC/D,OAAO,CAAC,IAAI,CAAC,aAAa,CAAC,iBAAiB,CAAC,EAAE,YAAY,CAAC,CAAC,CAAC;IAEhE,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,cAAc,EAAE,IAAI,CAAC,gBAAgB,EAAE,YAAY,GAAG,WAAW,CAAC,CAAC;IAEnE,eAAe,CAAC,EAAE,WAAW,CAAC;IAE9B,0BAA0B,CAAC,EAAE,SAAS,CAAC;IAEvC,iBAAiB,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAEvD,uBAAuB,CAAC,EAAE,CACxB,uBAAuB,EAAE,CAAC,IAAI,EAAE,mBAAmB,KAAK,IAAI,EAC5D,UAAU,CAAC,EAAE,MAAM,IAAI,KACpB,SAAS,CAAC;CAChB,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,eAAe,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adiraku/react-native-ui",
-  "version": "1.2.10-canary-1",
+  "version": "1.2.10-canary-2",
   "description": "UI library for Adiraku apps",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -48,7 +48,7 @@
   "bugs": {
     "url": "https://bitbucket.org/dcoedev/adiraku-react-native-ui/issues"
   },
-  "homepage": "https://bitbucket.org/dcoedev/adiraku-react-native-ui#readme",
+  "homepage": "https://www.npmjs.com/package/@adiraku/react-native-ui?activeTab=readme",
   "devDependencies": {
     "@commitlint/config-conventional": "^17.0.2",
     "@evilmartians/lefthook": "^1.2.2",

package/src/components/ActionList/ActionList.component.tsx

@@ -17,6 +17,8 @@ const ActionList: React.FC<ActionListProps> = (props) => {
     leadingComponent,
     trailingComponent,
     containerStyle,
+    isLast,
+    testID = '',
     ...rest
   } = props;
 
@@ -31,27 +33,40 @@ const ActionList: React.FC<ActionListProps> = (props) => {
       {...rest}
       underlayColor={Palettes.grey[50]}
     >
-      <View style={[computedStyle.container, containerStyle]}>
-        {leadingComponent && (
-          <View style={computedStyle.leadingWrapper}>{leadingComponent}</View>
-        )}
-        <View style={computedStyle.textContainer}>
-          <Typography
-            variant={'subtitle2'}
-            textStyles={{ ...computedStyle.title, ...textStyles }}
-          >
-            {title}
-          </Typography>
-          <Typography
-            variant={'body2'}
-            textStyles={{ ...computedStyle.description, ...textStyles }}
-          >
-            {description}
-          </Typography>
+      <View>
+        <View style={[computedStyle.container, containerStyle]}>
+          {leadingComponent && (
+            <View style={computedStyle.leadingWrapper}>{leadingComponent}</View>
+          )}
+          <View style={computedStyle.textContainer}>
+            {!!title && (
+              <Typography
+                variant={'subtitle2'}
+                textStyles={{ ...computedStyle.title, ...textStyles }}
+                testID={'action_list_title' + testID}
+                accessibilityLabel={'action_list_title' + testID}
+              >
+                {title}
+              </Typography>
+            )}
+            {!!description && (
+              <Typography
+                variant={'body2'}
+                textStyles={{ ...computedStyle.description, ...textStyles }}
+                testID={'action_list_subtitle' + testID}
+                accessibilityLabel={'action_list_subtitle' + testID}
+              >
+                {description}
+              </Typography>
+            )}
+          </View>
+          {trailingComponent && (
+            <View style={computedStyle.trailingWrapper}>
+              {trailingComponent}
+            </View>
+          )}
         </View>
-        {trailingComponent && (
-          <View style={computedStyle.trailingWrapper}>{trailingComponent}</View>
-        )}
+        {!isLast && <View style={computedStyle.borderBottom} />}
       </View>
     </TouchableHighlight>
   );

package/src/components/ActionList/ActionList.styles.tsx

@@ -11,18 +11,17 @@ interface ComputedStyleProps {
   textContainer?: TextStyle;
   leadingWrapper?: ViewStyle;
   trailingWrapper?: ViewStyle;
+  borderBottom?: ViewStyle;
 }
 
 export const getStyle = (props: ActionListProps) => {
-  const { disabled, isLast } = props;
+  const { disabled } = props;
 
   const computedStyle: ComputedStyleProps = {};
 
   computedStyle.container = {
-    paddingVertical: 16,
-    paddingHorizontal: disabled ? 16 : 0,
+    padding: Spacing[16],
     borderBottomColor: Palettes.black[400],
-    borderBottomWidth: disabled || isLast ? 0 : 0.5,
     backgroundColor: disabled ? Palettes.grey[50] : 'transparent',
     flexDirection: 'row',
     justifyContent: 'flex-start',
@@ -60,5 +59,12 @@ export const getStyle = (props: ActionListProps) => {
     alignItems: 'center',
   };
 
+  computedStyle.borderBottom = {
+    marginHorizontal: Spacing[16],
+    height: 1,
+    flex: 1,
+    backgroundColor: Palettes.grey[100],
+  };
+
   return StyleSheet.create(computedStyle);
 };

package/src/components/ActionList/ActionList.type.tsx

@@ -41,4 +41,6 @@ export type ActionListProps = {
   isLast?: boolean;
   textStyles?: TextStyle;
   containerStyle?: ViewStyle;
+
+  testID?: string;
 } & Omit<TouchableWithoutFeedbackProps, 'style'>;

package/src/components/index.ts

@@ -32,6 +32,7 @@ export {
   SnackbarComponent,
   SnackbarUI,
 } from './Snackbar/Snackbar.component';
+export { SelectionModal } from './selection-modal/selection-modal.component';
 export { Switch } from './switch/switch.component';
 export { Dot } from './dot/dot.component';
 export { InformationBox } from './information-box/information-box.component';
@@ -84,5 +85,10 @@ export type { DividerProps } from './Divider/Divider.type';
 export type { TabsProps } from './Tabs/Tabs.type';
 export type { SearchInputProps } from './search-input/search-input.type';
 export type { SelectionCardProps } from './selection-card/SelectionCard.type';
+export {
+  SelectionModalProps,
+  SelectionItemData,
+  SelectionModalValue,
+} from './selection-modal/selection-modal.type';
 export type { RibbonProps } from './Ribbon/Ribbon.type';
 export type { StickyBarProps } from './StickyBar/StickyBar.type';

package/src/components/selection-modal/selection-modal.component.tsx

@@ -0,0 +1,147 @@
+import React, { ElementRef, useRef, useState } from 'react';
+import { FlatList, FlatListProps, View } from 'react-native';
+
+import {
+  SelectionItemData,
+  SelectionModalProps,
+  SelectionModalValue,
+} from './selection-modal.type';
+import { getStyle } from './selection-modal.style';
+
+import { ActionList } from '../ActionList/ActionList.component';
+import { BottomSheet } from '../BottomSheet/BottomSheet.component';
+import { Button } from '../button/button.component';
+import { Checkbox } from '../Checkbox/Checkbox.component';
+import { RadioButton } from '../RadioButton/RadioButton.component';
+import { IconArrowLeft } from '../../icons';
+
+type BottomSheetHandler = ElementRef<typeof BottomSheet>;
+export function SelectionModal(props: SelectionModalProps) {
+  const {
+    type = 'radio',
+    renderDisplayComponent,
+    listOptions,
+    maxSelectedItem = -1,
+    bottomSheetOpt,
+    saveButtonProps,
+    bottomActionContainerStyle,
+    onSaveButtonPress = () => {},
+    renderCutomBottomAction,
+    value = [],
+  } = props;
+
+  const { renderItem, ...listOptionsRest } = listOptions;
+
+  const ref = useRef<BottomSheetHandler>(null);
+
+  const computedStyles = getStyle();
+
+  const [selectedTemp, setSelectedTemp] = useState<SelectionModalValue>(value);
+
+  if (!renderDisplayComponent) {
+    console.warn(
+      'Please provide renderDisplayComponent props (SelectionModal - adiraku)'
+    );
+    return null;
+  }
+
+  const renderActionList: FlatListProps<SelectionItemData>['renderItem'] = ({
+    item,
+    index,
+  }) => {
+    const { value: valueItem, title, disabled, ...itemRest } = item;
+
+    const isSelected = !!selectedTemp?.find((i) => i.value === valueItem);
+
+    return (
+      <ActionList
+        title={title}
+        onPress={() => handleOnItemPress(item)}
+        trailingComponent={
+          type === 'radio' ? (
+            <RadioButton selected={isSelected} disabled={disabled} />
+          ) : (
+            <Checkbox selected={isSelected} disabled={disabled} />
+          )
+        }
+        disabled={disabled}
+        isLast={index === (listOptions.data?.length ?? 0) - 1}
+        {...itemRest}
+      />
+    );
+  };
+
+  const handleOnItemPress = (item: SelectionItemData) => {
+    if (type === 'radio') {
+      setSelectedTemp([item]);
+    } else if (type === 'checkbox') {
+      const isItemExist = selectedTemp?.find((i) => i.value === item.value);
+
+      // Takeout current item if it's in the stack
+      if (isItemExist) {
+        const filterData = selectedTemp?.filter((i) => i.value !== item.value);
+
+        setSelectedTemp(filterData);
+      } else {
+        if (maxSelectedItem < 0) {
+          setSelectedTemp([...(selectedTemp ?? []), item]);
+        } else {
+          setSelectedTemp([...(selectedTemp ?? []), item]);
+        }
+      }
+    }
+  };
+
+  const handleShowSheet = () => {
+    setSelectedTemp(value);
+    ref.current?.open();
+  };
+
+  const handleCloseSheet = () => {
+    ref.current?.close();
+  };
+
+  const handleOnSaveButtonPress = () => {
+    onSaveButtonPress(selectedTemp);
+    ref.current?.close();
+  };
+
+  return (
+    <>
+      {renderDisplayComponent?.(handleShowSheet)}
+
+      <BottomSheet
+        ref={ref}
+        dismissIcon={bottomSheetOpt?.dismissIcon ?? <IconArrowLeft />}
+        {...bottomSheetOpt}
+      >
+        <FlatList
+          renderItem={renderItem || renderActionList}
+          style={[
+            computedStyles.flatListContentContainer,
+            listOptions.contentContainerStyle,
+          ]}
+          {...listOptionsRest}
+        />
+
+        {renderCutomBottomAction ? (
+          renderCutomBottomAction(handleOnSaveButtonPress, handleCloseSheet)
+        ) : (
+          <View
+            style={[
+              computedStyles.bottomActionContainer,
+              bottomActionContainerStyle,
+            ]}
+          >
+            <Button
+              label={saveButtonProps?.label ?? 'Simpan'}
+              onPress={handleOnSaveButtonPress}
+              disabled={(selectedTemp?.length ?? 0) <= 0}
+              {...saveButtonProps}
+            />
+          </View>
+        )}
+      </BottomSheet>
+    </>
+  );
+}

package/src/components/selection-modal/selection-modal.style.tsx

@@ -0,0 +1,22 @@
+import { StyleSheet, ViewStyle } from 'react-native';
+
+import { Spacing } from '../../themes';
+
+interface ComputedStyleProps {
+  flatListContentContainer?: ViewStyle;
+  bottomActionContainer?: ViewStyle;
+}
+
+export const getStyle = () => {
+  const computedStyle: ComputedStyleProps = {};
+
+  computedStyle.flatListContentContainer = {};
+
+  computedStyle.bottomActionContainer = {
+    padding: Spacing[16],
+    paddingBottom: Spacing[24],
+    backgroundColor: 'transparent',
+  };
+
+  return StyleSheet.create(computedStyle);
+};

package/src/components/selection-modal/selection-modal.type.ts

@@ -0,0 +1,36 @@
+import { ReactNode } from 'react';
+import { FlatListProps, ViewStyle } from 'react-native';
+
+import { ActionListProps } from '../ActionList/ActionList.type';
+import { BottomSheetProps } from '../BottomSheet/BottomSheet.type';
+import { ButtonProps } from '../button/button.type';
+
+export type SelectionModalValue = FlatListProps<SelectionItemData>['data'];
+export type SelectionModalProps = {
+  type: 'checkbox' | 'radio';
+
+  value: SelectionModalValue;
+  renderDisplayComponent: (openModal: () => void) => ReactNode;
+
+  listOptions: Omit<FlatListProps<SelectionItemData>, 'renderItem'> &
+    Partial<Pick<FlatListProps<SelectionItemData>, 'renderItem'>>;
+
+  maxSelectedItem?: number;
+
+  bottomSheetOpt: Omit<BottomSheetProps, 'visibility' | 'onDismiss'>;
+
+  saveButtonProps?: ButtonProps;
+
+  bottomActionContainerStyle?: ViewStyle;
+
+  onSaveButtonPress: (data: SelectionModalValue) => void;
+
+  renderCutomBottomAction?: (
+    handleOnSaveButtonPress: (data: SelectionModalValue) => void,
+    closeModal?: () => void
+  ) => ReactNode;
+};
+
+export type SelectionItemData = {
+  value: string;
+} & ActionListProps;