aravint-sms-form-controls 1.0.0

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

@@ -0,0 +1,19 @@
+import React from "react";
+interface CheckboxProps {
+    label?: string;
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    disabled?: boolean;
+    id?: string;
+    name?: string;
+    className?: string;
+    labelClassName?: string;
+    required?: boolean;
+    dataTestId?: string;
+    onBlur?: () => void;
+    checkColor?: string;
+    labelColor?: string;
+    borderColor?: string;
+}
+declare const Checkbox: React.FC<CheckboxProps>;
+export default Checkbox;

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

@@ -0,0 +1,34 @@
+import React from "react";
+import "react-datepicker/dist/react-datepicker.css";
+interface DisabledDateRange {
+    start: Date;
+    end: Date;
+}
+type DayName = "sunday" | "monday" | "tuesday" | "wednesday" | "thursday" | "friday" | "saturday";
+interface CustomDatePickerProps {
+    mode: "date" | "dateTime" | "range" | "dateTimeRange";
+    value?: Date | null;
+    onChangeSingle?: (date: Date | null) => void;
+    fromDate?: Date | null;
+    endDate?: Date | null;
+    onRangeChange?: (startDate: Date | null, endDate: Date | null) => void;
+    placeholderText?: string;
+    maxRangeYears?: number;
+    minDate?: Date;
+    maxDate?: Date;
+    disabled?: boolean;
+    filterDate?: (date: Date) => boolean;
+    primaryColor?: string;
+    rangeColor?: string;
+    rangeTextColor?: string;
+    className?: string;
+    disablePastDates?: boolean;
+    disableFutureDates?: boolean;
+    disableCurrentDate?: boolean;
+    disabledDateRange?: DisabledDateRange[];
+    disabledDays?: DayName[];
+    yearRangeStart?: number;
+    yearRangeEnd?: number;
+}
+declare const CustomDatePicker: React.ForwardRefExoticComponent<CustomDatePickerProps & React.RefAttributes<any>>;
+export default CustomDatePicker;

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

@@ -0,0 +1,26 @@
+import React, { DragEvent } from "react";
+export interface DragDropUploadProps {
+    onFilesChange: (files: FileList | null) => void;
+    onDrop?: (e: DragEvent<HTMLDivElement>) => void;
+    onDragOver?: (e: DragEvent<HTMLDivElement>) => void;
+    onDragLeave?: (e: DragEvent<HTMLDivElement>) => void;
+    onClick?: () => void;
+    inputRef?: React.RefObject<HTMLInputElement>;
+    isDragging?: boolean;
+    isUploading?: boolean;
+    disabled?: boolean;
+    accept?: string;
+    multiple?: boolean;
+    title?: string;
+    subtitle?: string;
+    buttonText?: string;
+    uploadingText?: string;
+    footerText?: string;
+    icon?: React.ReactNode;
+    containerClassName?: string;
+    dropZoneClassName?: string;
+    buttonClassName?: string;
+    inputId?: string;
+}
+declare const DragDropUpload: ({ onFilesChange, onDrop, onDragOver, onDragLeave, onClick, inputRef, isDragging, isUploading, disabled, accept, multiple, title, subtitle, buttonText, uploadingText, footerText, icon, containerClassName, dropZoneClassName, buttonClassName, inputId, }: DragDropUploadProps) => React.JSX.Element;
+export default DragDropUpload;

package/dist/types/components/InputFields/Input.d.ts

@@ -0,0 +1,14 @@
+import * as React from "react";
+export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
+    error?: string;
+    hint?: string;
+    label?: string;
+    required?: boolean;
+    inputSize?: "sm" | "md" | "lg";
+    leadingIcon?: React.ReactNode;
+    trailingIcon?: React.ReactNode;
+    regex?: RegExp;
+    onRegexFail?: (value: string) => void;
+}
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };

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

@@ -0,0 +1,22 @@
+import * as React from "react";
+export interface Option {
+    label: string;
+    value: string;
+}
+export interface MultiSelectProps {
+    options: Option[];
+    value: string[];
+    onChange: (value: string[]) => void;
+    placeholder?: string;
+    error?: string;
+    disabled?: boolean;
+    borderColor?: string;
+    selectedBgColor?: string;
+    selectedBorderColor?: string;
+    checkColor?: string;
+    backgroundColor?: string;
+    errorBorderColor?: string;
+    errorTextColor?: string;
+}
+export declare function MultiSelect({ options, value, onChange, placeholder, error, disabled, borderColor, selectedBgColor, selectedBorderColor, checkColor, backgroundColor, errorBorderColor, errorTextColor, }: MultiSelectProps): React.JSX.Element;
+export default MultiSelect;

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

@@ -0,0 +1,15 @@
+import React from "react";
+interface RadioProps {
+    label: string;
+    name: string;
+    value: string;
+    checked: boolean;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+    accentColor?: string;
+    labelColor?: string;
+    className?: string;
+    labelClassName?: string;
+}
+declare const Radio: React.FC<RadioProps>;
+export default Radio;

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

@@ -0,0 +1,41 @@
+import { type FC, type CSSProperties } from "react";
+export interface SelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface SelectGroup {
+    groupLabel?: string;
+    options: SelectOption[];
+}
+type SelectStatus = "default" | "error" | "success";
+type SelectSize = "sm" | "default";
+export interface SelectFieldProps {
+    options: SelectOption[] | SelectGroup[];
+    value?: string;
+    onChange?: (value: string) => void;
+    label?: string;
+    placeholder?: string;
+    hint?: string;
+    status?: SelectStatus;
+    size?: SelectSize;
+    disabled?: boolean;
+    required?: boolean;
+    className?: string;
+    wrapperStyle?: CSSProperties;
+    borderColor?: string;
+    focusBorderColor?: string;
+    backgroundColor?: string;
+    textColor?: string;
+    placeholderColor?: string;
+    labelColor?: string;
+    hintColor?: string;
+    errorColor?: string;
+    successColor?: string;
+    dropdownBg?: string;
+    itemHoverBg?: string;
+    itemHoverColor?: string;
+    selectedColor?: string;
+}
+export declare const Select: FC<SelectFieldProps>;
+export default Select;

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

@@ -0,0 +1,27 @@
+import React from "react";
+export interface Option {
+    label: string;
+    value: string;
+}
+interface SingleSelectProps {
+    label?: string;
+    options: Option[];
+    value?: string;
+    placeholder?: string;
+    searchPlaceholder?: string;
+    onChange: (value: string) => void;
+    disabled?: boolean;
+    selectedOptionStyle?: React.CSSProperties;
+    hoverOptionStyle?: React.CSSProperties;
+    error?: boolean;
+    errorMessage?: string;
+    showSearch?: boolean;
+    ArrowDownIcon?: React.ComponentType<{
+        className?: string;
+    }>;
+    ArrowUpIcon?: React.ComponentType<{
+        className?: string;
+    }>;
+}
+declare const SingleSelect: ({ label, options, value, placeholder, onChange, disabled, error, errorMessage, hoverOptionStyle, selectedOptionStyle, searchPlaceholder, showSearch, ArrowDownIcon, ArrowUpIcon, }: SingleSelectProps) => React.JSX.Element;
+export default SingleSelect;

package/dist/types/components/TextArea/textarea.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+export interface TextareaProps extends React.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    error?: string;
+}
+declare const Textarea: React.ForwardRefExoticComponent<TextareaProps & React.RefAttributes<HTMLTextAreaElement>>;
+export { Textarea };

package/dist/types/components/ToggleButton/ToggleSwitch.d.ts

@@ -0,0 +1,16 @@
+import React from "react";
+interface ToggleSwitchProps {
+    checked: boolean;
+    onChange: (checked: boolean) => void;
+    disabled?: boolean;
+    label?: string;
+    labelPosition?: string;
+    activeColor?: string;
+    inactiveColor?: string;
+    disabledColor?: string;
+    thumbColor?: string;
+    labelColor?: string;
+    className?: string;
+}
+declare const ToggleSwitch: React.FC<ToggleSwitchProps>;
+export default ToggleSwitch;

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

@@ -0,0 +1,7 @@
+import React from "react";
+interface TooltipProps {
+    value: string;
+    icon?: React.ReactNode;
+}
+declare const Tooltip: React.FC<TooltipProps>;
+export default Tooltip;

package/dist/types/icons/icon.d.ts

@@ -0,0 +1,4 @@
+import CalenderIcon from './calendar.svg?react';
+import ArrowDownIcon from './arrow-down.svg?react';
+import SearchIcon from './search-icon.svg?react';
+export { CalenderIcon, ArrowDownIcon, SearchIcon };

package/dist/types/index.d.ts

@@ -0,0 +1,13 @@
+import "./index.css";
+export { default as Radio } from "./components/RadioButton/RadioButton";
+export { default as ToggleSwitch } from "./components/ToggleButton/ToggleSwitch";
+export { default as Checkbox } from "./components/Checkbox/Checkbox";
+export { Textarea } from "./components/TextArea/textarea";
+export { MultiSelect } from "./components/MultiSelect/MultiSelect";
+export { default as DragDropUpload } from "./components/DragDropUpload/DragDropUpload";
+export { Select } from "./components/Select/Select";
+export type { SelectFieldProps, SelectOption } from "./components/Select/Select";
+export { Input } from "./components/InputFields/Input";
+export { default as CustomDatePicker } from "./components/DatePicker/DatePicker";
+export { default as SingleSelect } from "./components/SingleSelect/SingleSelect";
+export { default as Tooltip } from "./components/Tooltip/Tooltip";

package/dist/types/lib/utils.d.ts

@@ -0,0 +1,2 @@
+import { type ClassValue } from 'clsx';
+export declare function cn(...inputs: ClassValue[]): string;

package/package.json

@@ -0,0 +1,53 @@
+{
+  "name": "aravint-sms-form-controls",
+  "version": "1.0.0",
+  "main": "dist/form-controls.cjs.js",
+  "module": "dist/form-controls.es.js",
+  "types": "dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/form-controls.es.js",
+      "require": "./dist/form-controls.cjs.js"
+    },
+    "./dist/form-controls.css": "./dist/form-controls.css",
+    "./style.css": "./dist/form-controls.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build && npx tsc --emitDeclarationOnly",
+    "dev": "vite build --watch",
+    "test": "vite"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/digitus-git/AFCI_OffAuto/tree/develop_rel_phase1/packages"
+  },
+  "devDependencies": {
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "18.3.1",
+    "@vitejs/plugin-react": "^4.0.0",
+    "typescript": "^4.9.5",
+    "vite": "^6.0.0",
+    "vite-plugin-svgr": "^5.2.0"
+  },
+  "peerDependencies": {
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1"
+  },
+  "dependencies": {
+    "@radix-ui/react-select": "^2.2.6",
+    "@tailwindcss/postcss": "^4.3.0",
+    "autoprefixer": "^10.5.0",
+    "class-variance-authority": "^0.7.0",
+    "clsx": "2.1.1",
+    "lucide-react": "^1.16.0",
+    "postcss": "^8.5.15",
+    "react-datepicker": "^8.7.0",
+     "react-icons": "^5.6.0",
+     "@react-icons/all-files": "^4.1.0",
+    "tailwind-merge": "3.2.0",
+    "tailwindcss": "^4.3.0"
+  }
+}