@mamrp/components 1.0.34 → 1.0.35

package/dist/charts/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../react-shim.js","../../src/charts/bar/index.tsx","../../src/charts/pie/index.tsx"],"sourcesContent":["import * as React from \"react\";\nexport { React };\n","import { Chart } from \"react-chartjs-2\";\r\nimport {\r\n  Chart as ChartJS,\r\n  BarElement,\r\n  LineElement,\r\n  PointElement,\r\n  CategoryScale,\r\n  LinearScale,\r\n  Tooltip,\r\n  Legend,\r\n  Chart as ChartType,\r\n} from \"chart.js\";\r\nimport { Box } from \"@mui/material\";\r\n\r\nChartJS.register(\r\n  BarElement,\r\n  LineElement,\r\n  PointElement,\r\n  CategoryScale,\r\n  LinearScale,\r\n  Tooltip,\r\n  Legend\r\n);\r\n\r\ninterface Props {\r\n  labels: string[];\r\n  datasets: {\r\n    label: string;\r\n    data: number[];\r\n    backgroundColor: string;\r\n    borderColor?: string;\r\n    borderWidth?: number;\r\n    type?: \"line\";\r\n    order?: number;\r\n    tension?: number;\r\n    pointRadius?: number;\r\n    fill?: boolean;\r\n  }[];\r\n  height?: number;\r\n}\r\n/**\r\n * 📊 BarChart — کامپوننت نمودار میله‌ای (Bar/Combo)\r\n *\r\n * @component BarChart\r\n *\r\n * @param {string[]} labels - آرایه‌ای از برچسب‌ها برای محور افقی (X).\r\n * @param {Array<{\r\n *   label: string,\r\n *   data: number[],\r\n *   backgroundColor: string,\r\n *   borderColor?: string,\r\n *   borderWidth?: number,\r\n *   type?: \"line\",\r\n *   order?: number,\r\n *   tension?: number,\r\n *   pointRadius?: number,\r\n *   fill?: boolean\r\n * }>} datasets - آرایه‌ای از آبجکت‌های داده برای هر سری نمودار.\r\n *   - label: عنوان داده‌ها (نمایش در legend)\r\n *   - data: آرایه‌ای از مقادیر هر سری\r\n *   - backgroundColor: رنگ میله یا خط\r\n *   - borderColor: (اختیاری) رنگ خط دور میله یا خط\r\n *   - borderWidth: (اختیاری) ضخامت خط دور میله یا خط\r\n *   - type: (اختیاری) اگر \"line\" باشد، سری به صورت خطی نمایش داده می‌شود (نمودار ترکیبی)\r\n *   - order: (اختیاری) ترتیب رسم سری (سری با order بالاتر روی بقیه قرار می‌گیرد)\r\n *   - tension: (اختیاری) میزان خمیدگی خط (برای سری‌های خطی)\r\n *   - pointRadius: (اختیاری) شعاع نقاط روی خط (برای سری‌های خطی)\r\n *   - fill: (اختیاری) پر شدن زیر خط (برای سری‌های خطی)\r\n *\r\n * @param {number} [height] - ارتفاع نمودار (پیش‌فرض: 600 پیکسل)\r\n *\r\n * @description\r\n * این کامپوننت یک نمودار میله‌ای (Bar) یا ترکیبی Bar/Line با قابلیت شخصی‌سازی کامل است.\r\n * - پشتیبانی از فونت وزیر و راست‌چین\r\n * - ریسپانسیو و مناسب صفحات فارسی\r\n * - امکان نمایش چند سری داده به صورت میله‌ای و خطی همزمان (Combo)\r\n * - شخصی‌سازی رنگ، ضخامت، ترتیب و استایل هر سری\r\n *\r\n * @returns {JSX.Element} یک نمودار میله‌ای یا ترکیبی با داده‌های ورودی\r\n *\r\n * @example\r\n * ```jsx\r\n * <BarChart\r\n *   labels={[\"شنبه\", \"یکشنبه\", \"دوشنبه\"]}\r\n *   datasets={[\r\n *     {\r\n *       label: \"فروش\",\r\n *       data: [10, 20, 15],\r\n *       backgroundColor: \"rgba(75,192,192,0.7)\",\r\n *     },\r\n *     {\r\n *       label: \"میانگین\",\r\n *       data: [12, 18, 14],\r\n *       borderColor: \"red\",\r\n *       backgroundColor: \"transparent\",\r\n *       type: \"line\",\r\n *       order: 0,\r\n *       borderWidth: 3,\r\n *       tension: 0.4,\r\n *       pointRadius: 4,\r\n *       fill: false,\r\n *     },\r\n *   ]}\r\n *   height={400}\r\n * />\r\n * ```\r\n */\r\nexport default function BarChart({ labels, datasets, height }: Props) {\r\n  const options = {\r\n    responsive: true,\r\n    maintainAspectRatio: false,\r\n    scales: {\r\n      y: {\r\n        ticks: {\r\n          font: {\r\n            family: \"'Vazir', sans-serif\",\r\n            size: 14,\r\n          },\r\n        },\r\n      },\r\n      x: {\r\n        ticks: {\r\n          autoSkip: false,\r\n          font: {\r\n            family: \"'Vazir', sans-serif\",\r\n            size: 13,\r\n          },\r\n        },\r\n      },\r\n    },\r\n    plugins: {\r\n      tooltip: {\r\n        bodyFont: {\r\n          family: \"'Vazir', sans-serif\",\r\n          size: 14,\r\n        },\r\n        titleFont: {\r\n          family: \"'Vazir', sans-serif\",\r\n          size: 16,\r\n        },\r\n      },\r\n      legend: {\r\n        labels: {\r\n          generateLabels: function (chart: ChartType) {\r\n            const labels =\r\n              ChartJS.defaults.plugins.legend.labels.generateLabels(chart);\r\n            return labels.map((label) => ({\r\n              ...label,\r\n              text: \"     \" + label.text + \" \",\r\n              boxWidth: 40,\r\n              boxHeight: 20,\r\n            }));\r\n          },\r\n          padding: 15,\r\n          usePointStyle: true,\r\n          font: {\r\n            size: 16,\r\n            family: \"'Vazir', sans-serif\",\r\n          },\r\n          boxWidth: 40,\r\n          paddingBottom: 10,\r\n        },\r\n      },\r\n    },\r\n  };\r\n\r\n  return (\r\n    <Box height={height ?? 600}>\r\n      <Chart type=\"bar\" data={{ labels, datasets }} options={options} />\r\n    </Box>\r\n  );\r\n}\r\n","import { Pie } from \"react-chartjs-2\";\nimport { Chart as ChartJS, ArcElement, Tooltip, Legend, Chart } from \"chart.js\";\nimport { useMemo } from \"react\";\nimport { Box } from \"@mui/material\";\nimport Image from \"next/image\";\nChartJS.register(ArcElement, Tooltip, Legend);\n\ninterface Props {\n  labels: string[];\n  datasets: {\n    label: string;\n    data: number[];\n    backgroundColor: string | string[];\n    borderWidth?: number;\n  }[];\n  height?: number;\n  disableLogo?: boolean;\n  logoSRC?: string;\n}\n/**\n * 📊 PieChart — کامپوننت نمودار دایره‌ای (Pie)\n *\n * @component PieChart\n *\n * @param {string[]} labels - آرایه‌ای از برچسب‌ها برای هر بخش نمودار.\n * @param {Array<{\n *   label: string,\n *   data: number[],\n *   backgroundColor: string[],\n *   borderWidth?: number\n * }>} datasets - آرایه‌ای شامل یک آبجکت داده برای مقداردهی بخش‌های نمودار.\n *   - label: عنوان داده‌ها (نمایش در legend)\n *   - data: آرایه‌ای از مقادیر هر بخش\n *   - backgroundColor: آرایه‌ای از رنگ‌ها برای هر بخش\n *   - borderWidth: (اختیاری) ضخامت خط دور هر بخش\n * @param {number} [height] - ارتفاع نمودار (پیش‌فرض: 600 پیکسل)\n *\n * @description\n * این کامپوننت یک نمودار دایره‌ای با قابلیت شخصی‌سازی رنگ، داده و فونت (هماهنگ با وزیر) است.\n * - ریسپانسیو و مناسب صفحات فارسی\n * - امکان نمایش لوگو یا کامپوننت دلخواه در مرکز نمودار\n *\n * @returns {JSX.Element} یک نمودار دایره‌ای با داده‌های ورودی\n *\n * @example\n * ```jsx\n * <PieChart\n *   labels={[\"بخش اول\", \"بخش دوم\", \"بخش سوم\"]}\n *   datasets={[\n *     {\n *       label: \"مقدار\",\n *       data: [10, 20, 30],\n *       backgroundColor: [\n *         \"rgba(75,192,192,1)\",\n *         \"rgba(255,99,132,1)\",\n *         \"rgba(153,102,255,1)\",\n *       ],\n *       borderWidth: 2,\n *     },\n *   ]}\n * />\n * ```\n */\nexport default function PieChart({ labels, datasets, height , disableLogo,logoSRC }: Props) {\n  const options = {\n    responsive: true,\n    maintainAspectRatio: false,\n    cutout: !disableLogo ? \"59%\" : \"0%\",\n    plugins: {\n      tooltip: {\n        bodyFont: {\n          family: \"'Vazir', sans-serif\",\n          size: 14,\n        },\n        titleFont: {\n          family: \"'Vazir', sans-serif\",\n          size: 16,\n        },\n      },\n      legend: {\n        labels: {\n          padding: 15,\n          usePointStyle: true,\n          font: {\n            size: 16,\n            family: \"'Vazir', sans-serif\",\n          },\n          boxWidth: 40,\n          paddingBottom: 10,\n        },\n      },\n    },\n  };\n\n  // کامپوننتی که می‌خواهید در مرکز نمودار نمایش داده شود\n  const CenterComponent = () => {\n    return (\n      <div\n        style={{\n          padding: \"10px\",\n          borderRadius: \"8px\",\n          textAlign: \"center\",\n          width: 220,\n        }}\n      >\n        <Image alt=\"\" width={220} height={220} src={logoSRC ?? \"/assets/images/pilogo.png\"} unoptimized/>\n      </div>\n    );\n  };\n\n  return (\n    <Box height={height ?? 600} sx={{ position: \"relative\" }}>\n      <Pie\n        data={{\n          labels: labels,\n          datasets: datasets,\n        }}\n        options={options}\n      />\n      {!disableLogo && <div\n        style={{\n          position: \"absolute\",\n          top: \"53%\",\n          left: \"50%\",\n          transform: \"translate(-50%, -50%)\",\n          pointerEvents: \"none\", // جلوگیری از دریافت event روی این لایه\n        }}\n      >\n        <CenterComponent />\n      </div>}\n    </Box>\n  );\n}\n"],"mappings":"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","names":["labels","ChartJS","Tooltip","Legend","Box"]}

package/dist/index.d.mts

@@ -6,7 +6,7 @@ import { SxProps, Theme } from '@mui/material';
 import { GridColDef } from '@mui/x-data-grid';
 import { TextFieldProps } from '@mui/material/TextField';
 
-interface MultipleSelectChipProps$1 {
+interface MultipleSelectChipProps {
     name: string;
     control: Control<any>;
     label?: string;
@@ -18,7 +18,7 @@ interface MultipleSelectChipProps$1 {
     clear?: boolean;
 }
 declare function MultipleSelectChip({ name, control, label, data, multipleitems, //قابلیت انتخاب چند گزینه ای
-isLoading, disabled, size, clear, }: MultipleSelectChipProps$1): React.JSX.Element;
+isLoading, disabled, size, clear, }: MultipleSelectChipProps): React.JSX.Element;
 
 interface AdvancedSearchButtonProps {
     isShowFilter: boolean;
@@ -240,16 +240,22 @@ type FormInputNumberProps<T extends FieldValues> = {
     thousandSeparator?: string | null;
     allowLeadingZeros?: boolean;
     allowNegative?: boolean;
+    onChangeHandler?: (param: any, onChange: (data: any) => void, value: any) => void;
+    valueHandler?: (value: any) => void;
     maxLength?: number;
     rules?: any;
     isLoading?: boolean;
     data?: any;
     borderColor?: string;
     decimalScale?: number;
+    placeholder?: string;
+    nputRef?: any;
+    onKeyDown?: any;
     textAlign?: "left" | "right" | "center";
+    autoComplete?: string;
     borderless?: boolean;
 } & TextFieldProps;
-declare const FormInputNumber: <T extends FieldValues>({ name, control, label, endAdornment, thousandSeparator, startAdornment, allowLeadingZeros, allowNegative, maxLength, isLoading, rules, data, borderColor, decimalScale, textAlign, borderless, ...rest }: FormInputNumberProps<T>) => React__default.JSX.Element;
+declare const FormInputNumber: <T extends FieldValues>({ name, control, label, inputRef, onKeyDown, endAdornment, thousandSeparator, startAdornment, onChangeHandler, valueHandler, allowLeadingZeros, allowNegative, maxLength, isLoading, rules, data, borderColor, placeholder, decimalScale, autoComplete, textAlign, borderless, ...rest }: FormInputNumberProps<T>) => React__default.JSX.Element;
 
 type FormInputTextProps<T extends FieldValues> = {
     control: Control<T>;
@@ -305,63 +311,4 @@ type ConnectToBasculeButtonProps = {
 };
 declare const ConnectToBasculeButton: React__default.FC<ConnectToBasculeButtonProps>;
 
-interface OptionType {
-    title: string;
-    key: string | number;
-    [x: string]: any;
-}
-interface MultipleSelectChipProps<T extends OptionType> {
-    name: string;
-    control: Control<any>;
-    label?: string;
-    data?: T[];
-    isLoading?: boolean;
-    disabled?: boolean;
-    size?: "small" | "medium";
-    clear?: boolean;
-    renderOption?: (props: React.HTMLAttributes<HTMLLIElement>, option: T) => React.ReactNode;
-}
-/**
- * 📦 کامپوننت انتخاب چند گزینه‌ای با پشتیبانی از react-hook-form و MUI Autocomplete
- *
- * @component MultipleSelector
- *
- * @param {string} name - نام فیلدی که در فرم ثبت می‌شود.
- * @param {string} [label] - برچسب نمایشی برای فیلد.
- * @param {Control<any>} control - کنترل فرم از react-hook-form.
- * @param {{ title: string; key: string | number }[]} [data] - لیستی از گزینه‌ها شامل `title` (متن) و `key` (مقدار).
- * @param {boolean} [isLoading=false] - آیا داده‌ها در حال بارگذاری هستند.
- * @param {boolean} [disabled=false] - غیرفعال‌سازی ورودی.
- * @param {"small" | "medium"} [size="medium"] - سایز ورودی.
- * @param {boolean} [clear=false] - آیا امکان پاک کردن وجود دارد یا نه.
- * @param {string} [tooltip] - متن راهنما هنگام هاور.
- * @param {(props, option) => React.ReactNode} [renderOption] - تابعی سفارشی برای رندر آیتم‌ها در لیست.
- *
- * @returns {Array<{ key: string | number }>} لیستی از آیتم‌های انتخاب‌شده ( فقط آیدی‌ها).
- *
- * @example
- * ```tsx
- * <MultipleSelector<{title:string; key:number;}>
- *   name="productIds"
- *   label="محصولات"
- *   control={control}
- *   data={[{ title: "محصول ۱", key: 1 }, { title: "محصول ۲", key: 2 }]}
- * />
- * ```
- *
- * @description
- * کامپوننتی چندانتخابی با قابلیت انتخاب همه‌ی موارد، سفارشی‌سازی گزینه‌ها،
- * نمایش راهنمای هاور، و بازگرداندن لیست کامل از آبجکت‌های انتخاب‌شده.
- *
- * برای سفارشی‌سازی نحوه نمایش آیتم‌ها:
- * ```tsx
- * renderOption={(props, option) => (
- *   <li {...props} key={`${option.key}`}>
- *     <span style={{ color: "green" }}>{option.title}</span>
- *   </li>
- * )}
- * ```
- */
-declare function MultipleSelector<T extends OptionType>({ name, control, label, data, isLoading, disabled, size, clear, renderOption, }: MultipleSelectChipProps<T>): React.JSX.Element;
-
-export { Page as Accordion, AdvancedSearchButton, ConfirmationDialog$1 as ConfirmationDialog, ConnectToBasculeButton, CustomCheckbox, CustomTimePicker, DateFilter, DateFilterRange, JalaliDatePicker$2 as DatePicker, JalaliDatePicker$1 as DateTimePicker, JalaliDateTimeRangePicker as DateTimeRangePicker, FormInputNumber, FormInputText, HorizontalStepper, LicensePlate, JalaliDatePicker as MobileDateTimePicker, ConfirmationDialog as Modal, MultipleSelector, NestedSelect as NestedSelectort, NoResult, PaginationList, RadioButton, SearchLicensePlate, MultipleSelectChip as Selector, SkeletonCard, SonarSpinner, SwitchButton, Table, UploadImage };
+export { Page as Accordion, AdvancedSearchButton, ConfirmationDialog$1 as ConfirmationDialog, ConnectToBasculeButton, CustomCheckbox, CustomTimePicker, DateFilter, DateFilterRange, JalaliDatePicker$2 as DatePicker, JalaliDatePicker$1 as DateTimePicker, JalaliDateTimeRangePicker as DateTimeRangePicker, FormInputNumber, FormInputText, HorizontalStepper, LicensePlate, JalaliDatePicker as MobileDateTimePicker, ConfirmationDialog as Modal, NestedSelect as NestedSelectort, NoResult, PaginationList, RadioButton, SearchLicensePlate, MultipleSelectChip as Selector, SkeletonCard, SonarSpinner, SwitchButton, Table, UploadImage };

package/dist/index.d.ts

@@ -6,7 +6,7 @@ import { SxProps, Theme } from '@mui/material';
 import { GridColDef } from '@mui/x-data-grid';
 import { TextFieldProps } from '@mui/material/TextField';
 
-interface MultipleSelectChipProps$1 {
+interface MultipleSelectChipProps {
     name: string;
     control: Control<any>;
     label?: string;
@@ -18,7 +18,7 @@ interface MultipleSelectChipProps$1 {
     clear?: boolean;
 }
 declare function MultipleSelectChip({ name, control, label, data, multipleitems, //قابلیت انتخاب چند گزینه ای
-isLoading, disabled, size, clear, }: MultipleSelectChipProps$1): React.JSX.Element;
+isLoading, disabled, size, clear, }: MultipleSelectChipProps): React.JSX.Element;
 
 interface AdvancedSearchButtonProps {
     isShowFilter: boolean;
@@ -240,16 +240,22 @@ type FormInputNumberProps<T extends FieldValues> = {
     thousandSeparator?: string | null;
     allowLeadingZeros?: boolean;
     allowNegative?: boolean;
+    onChangeHandler?: (param: any, onChange: (data: any) => void, value: any) => void;
+    valueHandler?: (value: any) => void;
     maxLength?: number;
     rules?: any;
     isLoading?: boolean;
     data?: any;
     borderColor?: string;
     decimalScale?: number;
+    placeholder?: string;
+    nputRef?: any;
+    onKeyDown?: any;
     textAlign?: "left" | "right" | "center";
+    autoComplete?: string;
     borderless?: boolean;
 } & TextFieldProps;
-declare const FormInputNumber: <T extends FieldValues>({ name, control, label, endAdornment, thousandSeparator, startAdornment, allowLeadingZeros, allowNegative, maxLength, isLoading, rules, data, borderColor, decimalScale, textAlign, borderless, ...rest }: FormInputNumberProps<T>) => React__default.JSX.Element;
+declare const FormInputNumber: <T extends FieldValues>({ name, control, label, inputRef, onKeyDown, endAdornment, thousandSeparator, startAdornment, onChangeHandler, valueHandler, allowLeadingZeros, allowNegative, maxLength, isLoading, rules, data, borderColor, placeholder, decimalScale, autoComplete, textAlign, borderless, ...rest }: FormInputNumberProps<T>) => React__default.JSX.Element;
 
 type FormInputTextProps<T extends FieldValues> = {
     control: Control<T>;
@@ -305,63 +311,4 @@ type ConnectToBasculeButtonProps = {
 };
 declare const ConnectToBasculeButton: React__default.FC<ConnectToBasculeButtonProps>;
 
-interface OptionType {
-    title: string;
-    key: string | number;
-    [x: string]: any;
-}
-interface MultipleSelectChipProps<T extends OptionType> {
-    name: string;
-    control: Control<any>;
-    label?: string;
-    data?: T[];
-    isLoading?: boolean;
-    disabled?: boolean;
-    size?: "small" | "medium";
-    clear?: boolean;
-    renderOption?: (props: React.HTMLAttributes<HTMLLIElement>, option: T) => React.ReactNode;
-}
-/**
- * 📦 کامپوننت انتخاب چند گزینه‌ای با پشتیبانی از react-hook-form و MUI Autocomplete
- *
- * @component MultipleSelector
- *
- * @param {string} name - نام فیلدی که در فرم ثبت می‌شود.
- * @param {string} [label] - برچسب نمایشی برای فیلد.
- * @param {Control<any>} control - کنترل فرم از react-hook-form.
- * @param {{ title: string; key: string | number }[]} [data] - لیستی از گزینه‌ها شامل `title` (متن) و `key` (مقدار).
- * @param {boolean} [isLoading=false] - آیا داده‌ها در حال بارگذاری هستند.
- * @param {boolean} [disabled=false] - غیرفعال‌سازی ورودی.
- * @param {"small" | "medium"} [size="medium"] - سایز ورودی.
- * @param {boolean} [clear=false] - آیا امکان پاک کردن وجود دارد یا نه.
- * @param {string} [tooltip] - متن راهنما هنگام هاور.
- * @param {(props, option) => React.ReactNode} [renderOption] - تابعی سفارشی برای رندر آیتم‌ها در لیست.
- *
- * @returns {Array<{ key: string | number }>} لیستی از آیتم‌های انتخاب‌شده ( فقط آیدی‌ها).
- *
- * @example
- * ```tsx
- * <MultipleSelector<{title:string; key:number;}>
- *   name="productIds"
- *   label="محصولات"
- *   control={control}
- *   data={[{ title: "محصول ۱", key: 1 }, { title: "محصول ۲", key: 2 }]}
- * />
- * ```
- *
- * @description
- * کامپوننتی چندانتخابی با قابلیت انتخاب همه‌ی موارد، سفارشی‌سازی گزینه‌ها،
- * نمایش راهنمای هاور، و بازگرداندن لیست کامل از آبجکت‌های انتخاب‌شده.
- *
- * برای سفارشی‌سازی نحوه نمایش آیتم‌ها:
- * ```tsx
- * renderOption={(props, option) => (
- *   <li {...props} key={`${option.key}`}>
- *     <span style={{ color: "green" }}>{option.title}</span>
- *   </li>
- * )}
- * ```
- */
-declare function MultipleSelector<T extends OptionType>({ name, control, label, data, isLoading, disabled, size, clear, renderOption, }: MultipleSelectChipProps<T>): React.JSX.Element;
-
-export { Page as Accordion, AdvancedSearchButton, ConfirmationDialog$1 as ConfirmationDialog, ConnectToBasculeButton, CustomCheckbox, CustomTimePicker, DateFilter, DateFilterRange, JalaliDatePicker$2 as DatePicker, JalaliDatePicker$1 as DateTimePicker, JalaliDateTimeRangePicker as DateTimeRangePicker, FormInputNumber, FormInputText, HorizontalStepper, LicensePlate, JalaliDatePicker as MobileDateTimePicker, ConfirmationDialog as Modal, MultipleSelector, NestedSelect as NestedSelectort, NoResult, PaginationList, RadioButton, SearchLicensePlate, MultipleSelectChip as Selector, SkeletonCard, SonarSpinner, SwitchButton, Table, UploadImage };
+export { Page as Accordion, AdvancedSearchButton, ConfirmationDialog$1 as ConfirmationDialog, ConnectToBasculeButton, CustomCheckbox, CustomTimePicker, DateFilter, DateFilterRange, JalaliDatePicker$2 as DatePicker, JalaliDatePicker$1 as DateTimePicker, JalaliDateTimeRangePicker as DateTimeRangePicker, FormInputNumber, FormInputText, HorizontalStepper, LicensePlate, JalaliDatePicker as MobileDateTimePicker, ConfirmationDialog as Modal, NestedSelect as NestedSelectort, NoResult, PaginationList, RadioButton, SearchLicensePlate, MultipleSelectChip as Selector, SkeletonCard, SonarSpinner, SwitchButton, Table, UploadImage };

package/dist/index.js

@@ -47,7 +47,6 @@ __export(src_exports, {
   LicensePlate: () => LicensePlate,
   MobileDateTimePicker: () => mobile_date_time_picker_default,
   Modal: () => ConfirmationDialog2,
-  MultipleSelector: () => MultipleSelector,
   NestedSelectort: () => selector_default,
   NoResult: () => NoResult,
   PaginationList: () => PaginationList,
@@ -3300,9 +3299,13 @@ var FormInputNumber = ({
   name,
   control,
   label,
+  inputRef,
+  onKeyDown,
   endAdornment,
   thousandSeparator,
   startAdornment,
+  onChangeHandler,
+  valueHandler,
   allowLeadingZeros = false,
   allowNegative = false,
   maxLength,
@@ -3310,8 +3313,10 @@ var FormInputNumber = ({
   rules,
   data,
   borderColor,
+  placeholder,
   decimalScale = 2,
-  textAlign = "left",
+  autoComplete = "off",
+  textAlign = "right",
   borderless = false,
   ...rest
 }) => {
@@ -3324,12 +3329,17 @@ var FormInputNumber = ({
       render: ({ field: { onChange, value, ref }, fieldState: { error } }) => /* @__PURE__ */ import_react21.default.createElement(
         import_TextField2.default,
         {
+          onKeyDown,
           disabled: isLoading,
           helperText: error ? error.message : null,
+          placeholder,
           size: "small",
+          autoComplete,
           error: !!error,
-          onChange,
-          value: data && !value ? data : value == null ? "" : value,
+          onChange: (param) => {
+            onChangeHandler ? onChangeHandler(param, onChange, value) : onChange(param);
+          },
+          value: data && !value ? data : value == null ? "" : valueHandler ? valueHandler(value) : value,
           fullWidth: true,
           variant: borderless ? "standard" : "outlined",
           sx: {
@@ -3365,7 +3375,7 @@ var FormInputNumber = ({
             }
           },
           label,
-          inputRef: ref,
+          inputRef: inputRef ?? ref,
           InputLabelProps: { shrink: true },
           InputProps: {
             inputComponent: NumericFormatCustom,
@@ -3900,134 +3910,6 @@ var ConnectToBasculeButton = ({
   ));
 };
 var bascule_connection_button_default = ConnectToBasculeButton;
-
-// src/multiple-selector/index.tsx
-var import_Autocomplete2 = __toESM(require("@mui/material/Autocomplete"));
-var import_TextField4 = __toESM(require("@mui/material/TextField"));
-var React27 = __toESM(require("react"));
-var import_react_hook_form14 = require("react-hook-form");
-var import_material26 = require("@mui/material");
-function MultipleSelector({
-  name,
-  control,
-  label,
-  data,
-  isLoading,
-  disabled = false,
-  size = "medium",
-  clear = false,
-  renderOption
-}) {
-  const dataOptions = data?.map((value) => ({
-    ...value,
-    key: value.key || `key_${Math.random()}`
-  })) || [];
-  const combinedOptions = dataOptions.length > 0 ? [{ title: "\u0627\u0646\u062A\u062E\u0627\u0628 \u0647\u0645\u0647", key: "All" }, ...dataOptions] : [...dataOptions];
-  const handleChange = (_event, selected, onChange) => {
-    if (selected.some((item) => item.key === "All")) {
-      const allItems = [...dataOptions];
-      onChange(allItems.map((item) => item.key));
-    } else {
-      onChange(selected.map((item) => item.key));
-    }
-  };
-  return /* @__PURE__ */ React27.createElement(
-    import_react_hook_form14.Controller,
-    {
-      name,
-      control,
-      render: ({ field: { onChange, value, ref }, fieldState: { error } }) => {
-        const computedValue = React27.useMemo(() => {
-          if (Array.isArray(value) && dataOptions.length > 0) {
-            return dataOptions.filter(
-              (option) => value.includes(option.key)
-            );
-          }
-          return [];
-        }, [value, dataOptions]);
-        return /* @__PURE__ */ React27.createElement(
-          import_Autocomplete2.default,
-          {
-            multiple: true,
-            disableClearable: clear,
-            disabled: disabled || isLoading,
-            size,
-            disableCloseOnSelect: true,
-            options: combinedOptions,
-            sx: { width: "100%" },
-            noOptionsText: "\u062F\u0627\u062F\u0647\u200C\u0627\u06CC \u0628\u0631\u0627\u06CC \u0646\u0645\u0627\u06CC\u0634 \u0648\u062C\u0648\u062F \u0646\u062F\u0627\u0631\u062F",
-            value: computedValue,
-            onChange: (event, value2) => handleChange(event, value2, onChange),
-            isOptionEqualToValue: (option, value2) => String(option.key) === String(value2?.key),
-            getOptionLabel: (option) => option.title,
-            loading: isLoading,
-            loadingText: "\u062F\u0631 \u062D\u0627\u0644 \u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC...",
-            renderOption: (props, option) => {
-              if (renderOption) {
-                return renderOption(props, option);
-              }
-              return /* @__PURE__ */ React27.createElement(
-                "li",
-                {
-                  ...props,
-                  key: `${option.key}`,
-                  style: { margin: 5, borderRadius: 3 }
-                },
-                /* @__PURE__ */ React27.createElement(
-                  "div",
-                  {
-                    style: {
-                      display: "flex",
-                      flexDirection: "row",
-                      width: "100%"
-                    }
-                  },
-                  /* @__PURE__ */ React27.createElement("div", { style: { flexDirection: "column", width: "100%" } }, /* @__PURE__ */ React27.createElement("div", { style: { fontWeight: "normal" } }, option.title))
-                )
-              );
-            },
-            slots: { popper: import_material26.Popper },
-            slotProps: {
-              popper: {
-                modifiers: [
-                  {
-                    name: "preventOverflow",
-                    options: {
-                      boundary: "window",
-                      rootBoundary: "viewport",
-                      altBoundary: true,
-                      padding: 10
-                    }
-                  },
-                  {
-                    name: "flip",
-                    options: {
-                      fallbackPlacements: ["top", "bottom"]
-                    }
-                  }
-                ]
-              }
-            },
-            renderInput: (params) => /* @__PURE__ */ React27.createElement(
-              import_TextField4.default,
-              {
-                ...params,
-                label,
-                error: !!error,
-                helperText: error?.message,
-                inputRef: ref,
-                InputProps: {
-                  ...params.InputProps,
-                  endAdornment: /* @__PURE__ */ React27.createElement(React27.Fragment, null, isLoading ? /* @__PURE__ */ React27.createElement(import_material26.CircularProgress, { color: "primary", size: 20 }) : null, params.InputProps.endAdornment)
-                }
-              }
-            )
-          }
-        );
-      }
-    }
-  );
-}
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Accordion,
@@ -4047,7 +3929,6 @@ function MultipleSelector({
   LicensePlate,
   MobileDateTimePicker,
   Modal,
-  MultipleSelector,
   NestedSelectort,
   NoResult,
   PaginationList,