@rahmatsaputra-my-id/react-js-library 0.0.5

package/dist/components/ScannerQR/ScannerQR.component.styles.d.ts

@@ -0,0 +1,50 @@
+export declare const cameraStyles: {
+    overlay: {
+        position: string;
+        top: number;
+        left: number;
+        height: string;
+        width: string;
+        backgroundColor: "#000000" | undefined;
+        zIndex: number;
+        overflow: string;
+    };
+    video: {
+        width: string;
+        height: string;
+        objectFit: string;
+    };
+    closeButton: {
+        position: string;
+        top: number;
+        right: number;
+        fontSize: number;
+        backgroundColor: "rgba(0, 0, 0, 0.5)" | undefined;
+        color: "#FFFFFF" | undefined;
+        border: string;
+        borderRadius: string;
+        width: number;
+        height: number;
+        cursor: string;
+        textAlign: string;
+        lineHeight: string;
+    };
+    floatingBottomRotateButtons: {
+        position: string;
+        bottom: number;
+        left: string;
+        transform: string;
+    };
+    captureRotateButton: {
+        height: number;
+        width: number;
+        backgroundColor: "#FFFFFF" | undefined;
+        borderRadius: number;
+        justifyContent: string;
+        alignItems: string;
+    };
+    rotateButton: {
+        height: number;
+        width: number;
+    };
+};

package/dist/components/ScannerQR/ScannerQR.types.d.ts

@@ -0,0 +1,4 @@
+export interface ScannerCameraProps {
+    onClose: () => void;
+    onCapture: (data: string) => void;
+}

package/dist/components/ScannerQR/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ScannerQR } from './ScannerQR.component';
+export * from './ScannerQR.types';

package/dist/components/SearchBox/SearchBox.component.d.ts

@@ -0,0 +1,3 @@
+import { SearchBoxProps } from './SearchBox.types';
+declare const SearchBox: ({ handleOnSubmitSearch, handleOnClearSearch, placeholder, value, onChange, handleOnScanQr, ...props }: SearchBoxProps) => import("react/jsx-runtime").JSX.Element;
+export default SearchBox;

package/dist/components/SearchBox/SearchBox.styles.d.ts

@@ -0,0 +1,2 @@
+import type { CSSProperties } from 'react';
+export declare const styles: Record<string, CSSProperties>;

package/dist/components/SearchBox/SearchBox.types.d.ts

@@ -0,0 +1,10 @@
+import { ChangeEvent } from 'react';
+export interface SearchBoxProps {
+    handleOnSubmitSearch: (value: string) => void;
+    handleOnClearSearch?: () => void;
+    placeholder?: string;
+    value: string;
+    onChange: (e: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
+    handleOnScanQr?: (data?: string) => void;
+    [key: string]: any;
+}

package/dist/components/SearchBox/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SearchBox } from './SearchBox.component';
+export * from './SearchBox.types';

package/dist/components/Swipeable/Swipeable.component.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ISwipeableProps } from './Swipeable.types';
+declare const Swipeable: ({ children, onSwipeLeft, onSwipeRight, style, ...props }: ISwipeableProps) => JSX.Element;
+export default Swipeable;

package/dist/components/Swipeable/Swipeable.types.d.ts

@@ -0,0 +1,7 @@
+import { CSSProperties } from 'react';
+export interface ISwipeableProps {
+    children?: any;
+    onSwipeLeft?: () => void;
+    onSwipeRight?: () => void;
+    style?: CSSProperties;
+}

package/dist/components/Swipeable/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Swipeable } from './Swipeable.component';
+export * from './Swipeable.types';

package/dist/components/Text/Text.component.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ITextProps } from './Text.types';
+declare const Text: ({ bottom, center, children, color, left, right, style, top, type, ...props }: ITextProps) => JSX.Element;
+export default Text;

package/dist/components/Text/Text.styles.d.ts

@@ -0,0 +1,176 @@
+export declare const styles: {
+    h1: {
+        fontSize: number;
+    };
+    h2: {
+        fontSize: number;
+    };
+    h3: {
+        fontSize: number;
+    };
+    h4: {
+        fontSize: number;
+    };
+    h5: {
+        fontSize: number;
+    };
+    h6: {
+        fontSize: number;
+    };
+    normal_10: {
+        fontSize: number;
+    };
+    normal_10_grey: {
+        color: "#B0B0B0" | undefined;
+        fontSize: number;
+    };
+    bold_10: {
+        fontSize: number;
+        fontWeight: string;
+    };
+    normal_12: {
+        fontSize: number;
+    };
+    normal_12_blue: {
+        color: "#227AEA" | undefined;
+        fontSize: number;
+    };
+    normal_12_grey: {
+        color: "#B0B0B0" | undefined;
+        fontSize: number;
+    };
+    normal_12_red: {
+        color: "#D45757" | undefined;
+        fontSize: number;
+    };
+    bold_12: {
+        fontSize: number;
+        fontWeight: string;
+    };
+    normal_14: {
+        fontSize: number;
+    };
+    normal_14_red: {
+        color: "#D45757" | undefined;
+        fontSize: number;
+    };
+    bold_14: {
+        fontSize: number;
+        fontWeight: string;
+    };
+    normal_16: {
+        fontSize: number;
+    };
+    bold_16: {
+        fontSize: number;
+        fontWeight: string;
+    };
+    normal_18: {
+        fontSize: number;
+    };
+    bold_18: {
+        fontSize: number;
+        fontWeight: string;
+    };
+    normal_20: {
+        fontSize: number;
+    };
+    bold_20: {
+        fontSize: number;
+        fontWeight: string;
+    };
+    bold_20_white: {
+        color: "#FFFFFF" | undefined;
+        fontSize: number;
+        fontWeight: string;
+    };
+    normal_22: {
+        fontSize: number;
+    };
+    bold_22: {
+        fontSize: number;
+        fontWeight: string;
+    };
+    normal_24: {
+        fontSize: number;
+    };
+    bold_24: {
+        fontSize: number;
+        fontWeight: string;
+    };
+    normal_26: {
+        fontSize: number;
+    };
+    bold_26: {
+        fontSize: number;
+        fontWeight: string;
+    };
+    normal_28: {
+        fontSize: number;
+    };
+    bold_28: {
+        fontSize: number;
+        fontWeight: string;
+    };
+    normal_30: {
+        fontSize: number;
+    };
+    bold_30: {
+        fontSize: number;
+        fontWeight: string;
+    };
+    normal_32: {
+        fontSize: number;
+    };
+    bold_32: {
+        fontSize: number;
+        fontWeight: string;
+    };
+    normal_34: {
+        fontSize: number;
+    };
+    bold_34: {
+        fontSize: number;
+        fontWeight: string;
+    };
+    normal_36: {
+        fontSize: number;
+    };
+    bold_36: {
+        fontSize: number;
+        fontWeight: string;
+    };
+    normal_38: {
+        fontSize: number;
+    };
+    bold_38: {
+        fontSize: number;
+        fontWeight: string;
+    };
+    normal_40: {
+        fontSize: number;
+    };
+    bold_40: {
+        fontSize: number;
+        fontWeight: string;
+    };
+    normal_42: {
+        fontSize: number;
+    };
+    bold_42: {
+        fontSize: number;
+        fontWeight: string;
+    };
+    normal_80: {
+        fontSize: number;
+    };
+    bold_80: {
+        fontSize: number;
+        fontWeight: string;
+    };
+    bold_80_white: {
+        color: "#FFFFFF" | undefined;
+        fontSize: number;
+        fontWeight: string;
+    };
+};

package/dist/components/Text/Text.types.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { styles } from './Text.styles';
+export interface ITextProps {
+    bottom?: number;
+    center?: boolean;
+    children: ReactNode;
+    color?: string;
+    left?: number;
+    right?: number;
+    style?: any;
+    top?: number;
+    type?: keyof typeof styles;
+}

package/dist/components/Text/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Text } from './Text.component';
+export * from './Text.types';

package/dist/components/TextInput/TextInput.component.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ITextInputProps } from './TextInput.types';
+declare const TextInput: React.FC<ITextInputProps>;
+export default TextInput;

package/dist/components/TextInput/TextInput.component.styles.d.ts

@@ -0,0 +1,49 @@
+export declare const styles: {
+    label: {
+        marginBottom: number;
+        fontSize: number;
+    };
+    labelError: {
+        marginTop: number;
+        fontSize: number;
+        color: "#D45757" | undefined;
+        maxWidth: number;
+    };
+    textArea: {
+        paddingTop: number;
+        paddingLeft: number;
+        paddingRight: number;
+        fontSize: number;
+    };
+    textInput: {
+        padding: number;
+        fontSize: number;
+    };
+    container: {
+        justifyContent: string;
+        position: string;
+    };
+    scanQrImageContainer: {
+        color: "#000000" | undefined;
+        height: number;
+        justifyContent: string;
+        paddingRight: number;
+        position: string;
+        right: number;
+        zIndex: number;
+    };
+    scanQrImageContainerWithLabel: {
+        color: "#000000" | undefined;
+        height: number;
+        justifyContent: string;
+        paddingRight: number;
+        position: string;
+        right: number;
+        top: number;
+        zIndex: number;
+    };
+    scanQrImage: {
+        height: number;
+        width: number;
+    };
+};

package/dist/components/TextInput/TextInput.types.d.ts

@@ -0,0 +1,24 @@
+export interface ITextInputProps {
+    borderColor?: string;
+    borderRadius?: number;
+    bottom?: number;
+    center?: boolean;
+    label?: boolean | string;
+    labelError?: boolean | string;
+    left?: number;
+    multiline?: boolean;
+    onBlur?: any;
+    onChange?: any;
+    onKeyPress?: any;
+    padding?: number;
+    placeholder?: string;
+    right?: number;
+    rows?: number;
+    style?: any;
+    styleLabel?: any;
+    styleTextInput?: any;
+    top?: number;
+    type?: string;
+    value?: any;
+    handleOnScanQr?: (data?: string | null) => void;
+}

package/dist/components/TextInput/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TextInput } from './TextInput.component';
+export * from './TextInput.types';

package/dist/components/TouchableOpacity/TouchableOpacity.component.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ITouchableOpacityProps } from './TouchableOpacity.types';
+declare const TouchableOpacity: ({ children, onPress, style, ...props }: ITouchableOpacityProps) => JSX.Element | null;
+export default TouchableOpacity;

package/dist/components/TouchableOpacity/TouchableOpacity.component.styles.d.ts

@@ -0,0 +1,7 @@
+export declare const styles: {
+    content: {
+        display: string;
+        cursor: string;
+        flexDirection: string;
+    };
+};

package/dist/components/TouchableOpacity/TouchableOpacity.types.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+export interface ITouchableOpacityProps {
+    children: ReactNode;
+    onPress?: any;
+    style?: any;
+    onTouchStart?: any;
+    onTouchMove?: any;
+    onTouchEnd?: any;
+    onMouseDown?: any;
+    onMouseMove?: any;
+    onMouseUp?: any;
+    onMouseLeave?: any;
+}

package/dist/components/TouchableOpacity/index.d.ts

@@ -0,0 +1,2 @@
+export { default as TouchableOpacity } from './TouchableOpacity.component';
+export * from './TouchableOpacity.types';

package/dist/components/View/View.component.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IViewProps } from './View.types';
+declare const View: ({ bottom, children, display, flexDirection, left, right, style, top, ...props }: IViewProps) => JSX.Element;
+export default View;

package/dist/components/View/View.types.d.ts

@@ -0,0 +1,12 @@
+import { ReactNode } from 'react';
+export interface IViewProps {
+    bottom?: number;
+    children?: ReactNode;
+    display?: any;
+    flexDirection?: string;
+    left?: number;
+    ref?: any;
+    right?: number;
+    style?: any;
+    top?: number;
+}

package/dist/components/View/index.d.ts

@@ -0,0 +1,2 @@
+export { default as View } from './View.component';
+export * from './View.types';

package/dist/constants/Colors/Color.types.d.ts

@@ -0,0 +1,100 @@
+export interface IColorsOption {
+    backgroundColor?: '#F8F8F8';
+    backgroundColorModal?: 'rgba(0, 26, 65, 0.7)';
+    black?: '#000000';
+    black100?: '#1A1A1A';
+    blackTransparent15?: 'rgba(0, 0, 0, 0.15)';
+    blackTransparent3?: 'rgba(0, 0, 0, 0.3)';
+    blackTransparent5?: 'rgba(0, 0, 0, 0.5)';
+    blackTransparent6?: 'rgba(0, 0, 0, 0.6)';
+    blackTransparent7?: 'rgba(0, 0, 0, 0.7)';
+    blackTransparent8?: 'rgba(0, 0, 0, 0.8)';
+    blackTransparent85?: 'rgba(0, 0, 0, 0.85)';
+    blue?: '#227AEA';
+    blue10?: '#007bff';
+    blueTransparent?: 'rgba(93, 102, 147, 0.5)';
+    borderBotom?: '0.5px solid #000';
+    boxShadow?: '1px 2px 9px #000';
+    boxShadowCard?: '1px 2px 5px rgba(0, 0, 0, 0.3)';
+    boxShadowImage?: '0px 5px 5px 0px rgba(0, 0, 0, 0.5)';
+    brownishGrey?: '#646464';
+    brownTransparent?: 'rgba(185, 170, 170, 0.6)';
+    darkBlue?: '#1D242F';
+    darkBlueBlack?: '#242426';
+    darkBlueWhite?: '#252F3C';
+    gradientWhite?: 'linear-gradient(#FFFFFF, transparent)';
+    green1?: '#008388';
+    green100?: '#00986D';
+    green30?: '#D8FDD4';
+    green40?: '#1DAA61';
+    green50?: '#C6E4DC';
+    green60?: '#3D9A62';
+    grey1?: '#f2f2f2';
+    grey100?: '#4E5764';
+    grey2?: '#D8D8D8';
+    grey3?: '#979797';
+    grey4?: '#FCFCFC';
+    grey5?: '#B0B0B0';
+    grey6?: '#E7E7E7';
+    grey61?: '#EEEEEE';
+    grey7?: '#E5E5E5';
+    grey74?: '#6c757d';
+    grey75?: '#A7B7C5';
+    grey76?: '#707072';
+    grey8?: 'rgba(42, 42, 42, 0.5)';
+    grey80?: '#66707A';
+    grey9?: '#F6F6F6';
+    grey90?: '#C7C7C7';
+    greyAntiFlash?: '#f2f2f4';
+    lightishRed?: '#FF343A';
+    orange?: '#E28612';
+    orange10?: '#F5F1EB';
+    orange20?: '#FFEED2';
+    orange30?: '#F6F1EA';
+    orange50?: '#FFD8A1';
+    palePeach?: '#FFD6A2';
+    pink?: '#F2EBEC';
+    platinum?: '#E9E4E4';
+    red?: '#D45757';
+    red100?: '#FF4C47';
+    red150?: '#C52025';
+    red200?: '#A56767';
+    red240?: '#6c394f';
+    red50?: '#FABDBE';
+    red60?: '#D90B10';
+    redTransparent?: '#E4DAD9';
+    shadow?: 'rgba(32, 32, 35, 0.1)';
+    shadow10?: 'rgba(26, 26, 26, 0.7)';
+    white?: '#FFFFFF';
+    white25?: '#F8F8F8';
+    white50?: '#F5F9FC';
+    white75?: '#E6E6E6';
+    whiteTransparent?: 'rgba(250, 250, 250, 1)';
+    whiteTransparent15?: 'rgba(250, 250, 250, 0.15)';
+    whiteTransparent25?: 'rgba(250, 250, 250, 0.25)';
+    whiteTransparent35?: 'rgba(250, 250, 250, 0.35)';
+    whiteTransparent45?: 'rgba(250, 250, 250, 0.45)';
+    whiteTransparent55?: 'rgba(250, 250, 250, 0.55)';
+    whiteTransparent65?: 'rgba(250, 250, 250, 0.65)';
+    whiteTransparent75?: 'rgba(250, 250, 250, 0.75)';
+    whiteTransparent85?: 'rgba(250, 250, 250, 0.85)';
+    whiteTransparent95?: 'rgba(250, 250, 250, 0.95)';
+    yellow?: '#FFFF00';
+    yellow40?: '#FDF76F';
+    yellow50?: '#EED202';
+    theShop?: theShop;
+    manise?: manise;
+}
+type theShop = {
+    primary?: '#2E3135';
+    seconday?: '#FFFFFF';
+    tertiary?: '#F6F6F6';
+};
+type manise = {
+    primary?: '#D45757';
+    seconday?: '#FFFF00';
+    tertiary?: '#F6F6F6';
+    fourth?: '#E28612';
+    fifth?: '#00986D';
+};
+export {};

package/dist/constants/Colors/index.d.ts

@@ -0,0 +1,2 @@
+import { IColorsOption } from './Color.types';
+export declare const Colors: IColorsOption;

package/dist/constants/Images/Images.types.d.ts

@@ -0,0 +1,24 @@
+export interface IIconOption {
+    arrow_right_thin?: string;
+    arrow_right?: string;
+    camera?: string;
+    close?: string;
+    edit?: string;
+    exit?: string;
+    flash_off?: string;
+    flash_on?: string;
+    image_not_available: string;
+    information?: string;
+    langugage?: string;
+    more?: string;
+    printer?: string;
+    question?: string;
+    rotate?: string;
+    scan_qr?: string;
+    send?: string;
+    support?: string;
+    tax?: string;
+    terms_and_conditions?: string;
+    love_empty?: string;
+    love_filled?: string;
+}

package/dist/constants/Images/index.d.ts

@@ -0,0 +1,2 @@
+import { IIconOption } from './Images.types';
+export declare const Icons: IIconOption;

package/dist/index.d.ts

@@ -0,0 +1,23 @@
+export * from './components/BottomSheet';
+export * from './components/BottomSheetPhoto';
+export * from './components/Button';
+export * from './components/Container';
+export * from './components/CountDown';
+export * from './components/DropDown';
+export * from './components/Image';
+export * from './components/ImageInput';
+export * from './components/ImageSlider';
+export * from './components/LoadingSpinner';
+export * from './components/MultipleImageInput';
+export * from './components/NoRecord';
+export * from './components/PopUp';
+export * from './components/PreviewPhoto';
+export * from './components/ScannerQR';
+export * from './components/SearchBox';
+export * from './components/Swipeable';
+export * from './components/Text';
+export * from './components/TextInput';
+export * from './components/TouchableOpacity';
+export * from './components/View';
+export * from './constants/Colors';
+export * from './constants/Images';