@rahmatsaputra-my-id/react-js-library 0.0.30 → 0.0.60

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CheckboxProps } from './CheckBox.types';
+declare const Checkbox: React.FC<CheckboxProps>;
+export default Checkbox;

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

@@ -0,0 +1,5 @@
+import { CSSProperties } from 'react';
+export declare const styles: {
+    label: CSSProperties;
+    input: CSSProperties;
+};

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

@@ -0,0 +1,5 @@
+export interface CheckboxProps {
+    checked?: boolean;
+    disabled?: boolean;
+    handleOnChecked?: (checked: boolean) => void;
+}

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

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

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { CornerBadgeProps } from './CornerBadge.types';
+declare const CornerBadge: React.FC<CornerBadgeProps>;
+export default CornerBadge;

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

@@ -0,0 +1,32 @@
+export declare const styles: {
+    badgeContainer: {
+        position: string;
+        zIndex: number;
+        pointerEvents: string;
+    };
+    ribbon: {
+        position: string;
+        top: number;
+        left: number;
+        width: string;
+        height: string;
+        overflow: string;
+    };
+    text: {
+        position: string;
+        left: number;
+        top: number;
+        transform: string;
+        background: string;
+        color: "#FFFFFF" | undefined;
+        paddingLeft: number;
+        paddingRight: number;
+        paddingTop: number;
+        paddingBottom: number;
+        fontWeight: string;
+        fontSize: number;
+        boxShadow: string;
+        borderTopRightRadius: string;
+        borderBottomLeftRadius: string;
+    };
+};

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

@@ -0,0 +1,4 @@
+export interface CornerBadgeProps {
+    text?: string;
+    visible?: boolean;
+}

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

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

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

@@ -0,0 +1,3 @@
+import { DocumentUploaderProps } from './DocumentUploader.types';
+declare const DocumentUploader: ({ allowedExtensions, maxUpload, maxSizeMB, lang, maxData, onChangeFiles, listErrorMessage, successMessage, }: DocumentUploaderProps) => import("react/jsx-runtime").JSX.Element;
+export default DocumentUploader;

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

@@ -0,0 +1,95 @@
+export declare const styles: {
+    readonly wrapper: {
+        readonly width: "100%";
+        readonly display: "flex";
+        readonly flexDirection: "column";
+    };
+    readonly uploadBox: {
+        readonly border: "1px solid #d1d5db";
+        readonly borderRadius: "12px";
+        readonly backgroundColor: "#f9fafb";
+        readonly textAlign: "center";
+        readonly paddingBottom: 20;
+    };
+    readonly cloudIcon: {
+        readonly fontSize: "48px";
+        readonly color: "#9ca3af";
+    };
+    readonly title: {
+        readonly color: "#4b5563";
+        readonly marginTop: "8px";
+        readonly fontSize: "16px";
+    };
+    readonly subtitle: {
+        readonly color: "#9ca3af";
+        readonly fontSize: "14px";
+        readonly marginTop: "4px";
+    };
+    readonly noteContainer: {
+        readonly alignItems: "center";
+    };
+    readonly note: {
+        readonly color: "#9ca3af";
+        readonly marginBottom: 4;
+    };
+    readonly button: {
+        readonly marginTop: "24px";
+        readonly color: "white";
+        readonly padding: "12px 24px";
+        readonly borderRadius: "8px";
+        readonly fontSize: 14;
+        readonly fontWeight: 500;
+        readonly border: "none";
+        readonly display: "inline-block";
+    };
+    readonly hiddenInput: {
+        readonly display: "none";
+    };
+    readonly error: {
+        readonly marginTop: "16px";
+        readonly color: "#ef4444";
+        readonly fontSize: "14px";
+        readonly paddingLeft: 32;
+        readonly paddingRight: 32;
+    };
+    readonly success: {
+        readonly marginTop: "16px";
+        readonly color: "#229403ff";
+        readonly fontSize: "14px";
+        readonly paddingLeft: 32;
+        readonly paddingRight: 32;
+    };
+    readonly fileListBox: {
+        readonly border: "1px solid #d1d5db";
+        readonly borderRadius: "12px";
+        readonly paddingLeft: 16;
+        readonly paddingRight: 16;
+        readonly backgroundColor: "white";
+        readonly marginTop: 20;
+    };
+    readonly fileListHeader: {
+        readonly fontSize: "16px";
+        readonly color: "#374151";
+        readonly fontWeight: 600;
+        readonly marginBottom: 10;
+    };
+    readonly fileRow: {
+        readonly display: "flex";
+        readonly justifyContent: "space-between";
+        readonly alignItems: "center";
+        readonly marginBottom: 8;
+    };
+    readonly fileName: {
+        readonly color: "#16a34a";
+        readonly fontSize: "14px";
+    };
+    readonly removeButton: {
+        readonly backgroundColor: "#ef4444";
+        readonly color: "white";
+        readonly border: "none";
+        readonly padding: "6px 12px";
+        readonly borderRadius: "6px";
+        readonly fontSize: "12px";
+        readonly cursor: "pointer";
+    };
+};

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

@@ -0,0 +1,24 @@
+export interface DocumentUploaderProps {
+    allowedExtensions?: string[];
+    maxUpload?: number;
+    maxSizeMB?: number;
+    lang?: 'id' | 'us';
+    maxData?: number;
+    onChangeFiles?: (files: File[]) => void;
+    listErrorMessage?: string[] | false;
+    successMessage?: string | false;
+}
+export interface DocumentUploaderTranslation {
+    allowedFormat: (formats: string) => string;
+    errorInvalidFormat: (formats: string) => string;
+    errorMaxSize: (size: number) => string;
+    errorMaxUpload: (max: number) => string;
+    maxData: (max: number) => string;
+    maxSize: (size: number) => string;
+    maxUpload: (max: number) => string;
+    pickFile: string;
+    remove: string;
+    selectFileTitle: string;
+    uploadingFiles: (count: number, max: number) => string;
+    maximumLimit: string;
+}

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

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

package/dist/components/DocumentUploader/translation.id.d.ts

@@ -0,0 +1,3 @@
+import { DocumentUploaderTranslation } from "./DocumentUploader.types";
+declare const translationID: DocumentUploaderTranslation;
+export default translationID;

package/dist/components/DocumentUploader/translation.us.d.ts

@@ -0,0 +1,3 @@
+import { DocumentUploaderTranslation } from "./DocumentUploader.types";
+declare const translationUS: DocumentUploaderTranslation;
+export default translationUS;

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { RadioButtonProps } from './RadioButton.types';
+declare const RadioButton: React.FC<RadioButtonProps>;
+export default RadioButton;

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

@@ -0,0 +1,32 @@
+export declare const styles: {
+    label: {
+        marginBottom: number;
+    };
+    singleRadioContainer: {
+        display: string;
+        marginBottom: string;
+        flexDirection: string;
+    };
+    outterBullet: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        justifyContent: string;
+        alignItems: string;
+        backgroundColor: "#FFFFFF" | undefined;
+        marginRight: number;
+        border: string;
+    };
+    innerBulletActive: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: "#1A1A1A" | undefined;
+    };
+    innerBulletNotActive: {
+        width: number;
+        height: number;
+        borderRadius: number;
+        backgroundColor: "#FFFFFF" | undefined;
+    };
+};

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

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+export interface SingleRadioButtonProps {
+    value: string | number;
+    selectedOption: string | number;
+    handleChange: (value: string | number) => void;
+    children: React.ReactNode;
+}
+export interface RadioButtonProps {
+    label: string;
+    options: Array<{
+        [key: string]: any;
+    }>;
+    selectedValue: string | number;
+    onSelect?: (value: string | number) => void;
+    keyField?: string;
+    valueField?: string;
+    styleContainer?: React.CSSProperties;
+    renderItem?: (item: any) => React.ReactNode;
+}

package/dist/components/RadioButton/SingleRadioButton.component.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SingleRadioButtonProps } from './RadioButton.types';
+declare const SingleRadioButton: React.FC<SingleRadioButtonProps>;
+export { SingleRadioButton };

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

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

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

@@ -0,0 +1,3 @@
+import { SwitchProps } from './Switch.types';
+declare const Switch: ({ label, checked, onChange, style, labelOn, labelOff, isShowLabelToogle, withBorder, }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
+export default Switch;

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

@@ -0,0 +1,29 @@
+export declare const styles: {
+    containerWithBorder: {
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        marginTop: number;
+        marginBottom: number;
+        backgroundColor: "#FFFFFF" | undefined;
+        padding: number;
+        borderRadius: number;
+        border: string;
+    };
+    container: {
+        display: string;
+        alignItems: string;
+        justifyContent: string;
+        marginTop: number;
+        marginBottom: number;
+    };
+    toogleContainer: {
+        display: string;
+        flexDirection: "row";
+        alignItems: string;
+    };
+    toogleText: {
+        fontSize: string;
+        marginLeft: number;
+    };
+};

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

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+export interface SwitchProps {
+    label?: string;
+    checked?: boolean;
+    onChange: (checked: boolean) => void;
+    style?: CSSProperties;
+    labelOn?: string;
+    labelOff?: string;
+    isShowLabelToogle?: boolean;
+    withBorder?: boolean;
+}

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rahmatsaputra-my-id/react-js-library",
-  "version": "0.0.30",
+  "version": "0.0.60",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
   "private": false,