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

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;