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

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/countdown/countdown.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"countdown.component.d.ts","sourceRoot":"","sources":["../../../../src/components/countdown/countdown.component.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,SAAS,UAAW,cAAc,gBAuEvC,CAAC;AAmBF,OAAO,EAAE,SAAS,EAAE,CAAC"}
+{"version":3,"file":"countdown.component.d.ts","sourceRoot":"","sources":["../../../../src/components/countdown/countdown.component.tsx"],"names":[],"mappings":";AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIvD,QAAA,MAAM,SAAS,UAAW,cAAc,gBAiFvC,CAAC;AAmBF,OAAO,EAAE,SAAS,EAAE,CAAC"}

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

@@ -8,5 +8,6 @@ export interface CountdownProps {
         trailingString?: string;
         leadingString?: string;
     }[];
+    testId?: 'string';
 }
 //# sourceMappingURL=countdown.type.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"countdown.type.d.ts","sourceRoot":"","sources":["../../../../src/components/countdown/countdown.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,cAAc,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAEvC,OAAO,CAAC,EAAE;QACR,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;QAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,EAAE,CAAC;CACL"}
+{"version":3,"file":"countdown.type.d.ts","sourceRoot":"","sources":["../../../../src/components/countdown/countdown.type.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,cAAc,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAEvC,OAAO,CAAC,EAAE;QACR,IAAI,EAAE,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,CAAC;QAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB,aAAa,CAAC,EAAE,MAAM,CAAC;KACxB,EAAE,CAAC;IAEJ,MAAM,CAAC,EAAE,QAAQ,CAAC;CACnB"}

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.9",
+  "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/countdown/countdown.component.tsx

@@ -15,6 +15,7 @@ const Countdown = (props: CountdownProps) => {
       { type: 'm' },
       { type: 's' },
     ],
+    testId = 'Countdown',
   } = props;
 
   const computedStyle = getStyle();
@@ -58,12 +59,21 @@ const Countdown = (props: CountdownProps) => {
   };
 
   return (
-    <View style={[computedStyle.container]}>
+    <View
+      testID={testId + '_view'}
+      accessibilityLabel={testId + '_view'}
+      style={[computedStyle.container]}
+    >
       {formats.map(({ type, leadingString = '', trailingString = '' }, idx) => {
         return (
           <>
             <View style={[computedStyle.textContainer]}>
-              <Typography variant="overline" style={[computedStyle.textLabel]}>
+              <Typography
+                variant="overline"
+                style={[computedStyle.textLabel]}
+                testID={testId + '_' + type}
+                accessibilityLabel={testId + '_' + type}
+              >
                 {leadingString + formatTime(timeLeft)?.[type] + trailingString}
               </Typography>
             </View>

package/src/components/countdown/countdown.type.ts

@@ -9,4 +9,6 @@ export interface CountdownProps {
     trailingString?: string;
     leadingString?: string;
   }[];
+
+  testId?: 'string';
 }

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>
+    </>
+  );
+}