@mamrp/components 1.7.43 → 1.7.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +3 -1
- package/dist/index.d.ts +3 -1
- package/dist/index.js +86 -13
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +86 -13
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -74,8 +74,9 @@ interface CustomTimePickerProps {
|
|
|
74
74
|
fullwidth?: boolean;
|
|
75
75
|
autoRefresh?: boolean;
|
|
76
76
|
disabled?: boolean;
|
|
77
|
+
variant?: "outlined" | "standard";
|
|
77
78
|
}
|
|
78
|
-
declare function CustomTimePicker({ name, control, label, size, fullwidth, autoRefresh, disabled, }: CustomTimePickerProps): React$1.JSX.Element;
|
|
79
|
+
declare function CustomTimePicker({ name, control, label, size, fullwidth, autoRefresh, disabled, variant, }: CustomTimePickerProps): React$1.JSX.Element;
|
|
79
80
|
|
|
80
81
|
declare function DateFilterRange({ FromDate, ToDate }: {
|
|
81
82
|
FromDate: any;
|
|
@@ -115,6 +116,7 @@ interface JalaliDatePickerProps$1 {
|
|
|
115
116
|
isLoading?: boolean;
|
|
116
117
|
minDateTime?: Moment;
|
|
117
118
|
centeredTime?: boolean;
|
|
119
|
+
variant?: "outlined" | "standard";
|
|
118
120
|
}
|
|
119
121
|
declare const JalaliDatePicker$1: React__default.FC<JalaliDatePickerProps$1>;
|
|
120
122
|
|
package/dist/index.d.ts
CHANGED
|
@@ -74,8 +74,9 @@ interface CustomTimePickerProps {
|
|
|
74
74
|
fullwidth?: boolean;
|
|
75
75
|
autoRefresh?: boolean;
|
|
76
76
|
disabled?: boolean;
|
|
77
|
+
variant?: "outlined" | "standard";
|
|
77
78
|
}
|
|
78
|
-
declare function CustomTimePicker({ name, control, label, size, fullwidth, autoRefresh, disabled, }: CustomTimePickerProps): React$1.JSX.Element;
|
|
79
|
+
declare function CustomTimePicker({ name, control, label, size, fullwidth, autoRefresh, disabled, variant, }: CustomTimePickerProps): React$1.JSX.Element;
|
|
79
80
|
|
|
80
81
|
declare function DateFilterRange({ FromDate, ToDate }: {
|
|
81
82
|
FromDate: any;
|
|
@@ -115,6 +116,7 @@ interface JalaliDatePickerProps$1 {
|
|
|
115
116
|
isLoading?: boolean;
|
|
116
117
|
minDateTime?: Moment;
|
|
117
118
|
centeredTime?: boolean;
|
|
119
|
+
variant?: "outlined" | "standard";
|
|
118
120
|
}
|
|
119
121
|
declare const JalaliDatePicker$1: React__default.FC<JalaliDatePickerProps$1>;
|
|
120
122
|
|
package/dist/index.js
CHANGED
|
@@ -906,7 +906,8 @@ function CustomTimePicker({
|
|
|
906
906
|
size = "small",
|
|
907
907
|
fullwidth = false,
|
|
908
908
|
autoRefresh = false,
|
|
909
|
-
disabled = false
|
|
909
|
+
disabled = false,
|
|
910
|
+
variant = "outlined"
|
|
910
911
|
}) {
|
|
911
912
|
return /* @__PURE__ */ React.createElement(
|
|
912
913
|
import_react_hook_form3.Controller,
|
|
@@ -922,7 +923,8 @@ function CustomTimePicker({
|
|
|
922
923
|
error,
|
|
923
924
|
fullwidth,
|
|
924
925
|
autoRefresh,
|
|
925
|
-
disabled
|
|
926
|
+
disabled,
|
|
927
|
+
variant
|
|
926
928
|
}
|
|
927
929
|
)
|
|
928
930
|
}
|
|
@@ -937,7 +939,8 @@ var TimePickerComponent = ({
|
|
|
937
939
|
error,
|
|
938
940
|
fullwidth,
|
|
939
941
|
autoRefresh,
|
|
940
|
-
disabled = false
|
|
942
|
+
disabled = false,
|
|
943
|
+
variant = "outlined"
|
|
941
944
|
}) => {
|
|
942
945
|
const theme3 = (0, import_material8.useTheme)();
|
|
943
946
|
const initialHour = value ? parseInt(value.split(":")[0]) : null;
|
|
@@ -1022,12 +1025,17 @@ var TimePickerComponent = ({
|
|
|
1022
1025
|
import_material8.TextField,
|
|
1023
1026
|
{
|
|
1024
1027
|
disabled,
|
|
1025
|
-
label,
|
|
1028
|
+
label: variant === "standard" ? "" : label,
|
|
1026
1029
|
value,
|
|
1027
1030
|
onChange: handleInputChange,
|
|
1028
1031
|
onBlur: handleBlur,
|
|
1029
|
-
InputLabelProps: {
|
|
1030
|
-
|
|
1032
|
+
InputLabelProps: {
|
|
1033
|
+
shrink: true,
|
|
1034
|
+
style: {
|
|
1035
|
+
...variant === "standard" && { display: "none" }
|
|
1036
|
+
}
|
|
1037
|
+
},
|
|
1038
|
+
variant,
|
|
1031
1039
|
size,
|
|
1032
1040
|
inputProps: {
|
|
1033
1041
|
maxLength: 5,
|
|
@@ -1039,7 +1047,40 @@ var TimePickerComponent = ({
|
|
|
1039
1047
|
endAdornment: /* @__PURE__ */ React.createElement(import_material8.InputAdornment, { position: "end" }, /* @__PURE__ */ React.createElement(import_material8.Tooltip, { title: "\u0627\u0646\u062A\u062E\u0627\u0628 \u0632\u0645\u0627\u0646" }, /* @__PURE__ */ React.createElement(import_material8.IconButton, { onClick: () => setIsModalOpen(true) }, /* @__PURE__ */ React.createElement(import_common.Clock, { size: 22, color: theme3.palette.text.primary }))))
|
|
1040
1048
|
}
|
|
1041
1049
|
},
|
|
1042
|
-
sx: {
|
|
1050
|
+
sx: {
|
|
1051
|
+
width: fullwidth ? "100%" : "8rem",
|
|
1052
|
+
...variant === "outlined" && {
|
|
1053
|
+
"& .MuiOutlinedInput-notchedOutline": {
|
|
1054
|
+
borderColor: error ? "#D32F2F" : "#C4C4C4"
|
|
1055
|
+
},
|
|
1056
|
+
"& .MuiOutlinedInput-root": {
|
|
1057
|
+
borderRadius: "12px",
|
|
1058
|
+
"&:hover fieldset": {
|
|
1059
|
+
borderColor: error ? "#D32F2F" : "#085938"
|
|
1060
|
+
},
|
|
1061
|
+
"&.Mui-focused fieldset": {
|
|
1062
|
+
borderColor: error ? "#D32F2F" : "#085938"
|
|
1063
|
+
}
|
|
1064
|
+
},
|
|
1065
|
+
"& .MuiInputLabel-root.Mui-focused": {
|
|
1066
|
+
color: "#085938"
|
|
1067
|
+
}
|
|
1068
|
+
},
|
|
1069
|
+
...variant === "standard" && {
|
|
1070
|
+
"& .MuiInput-underline:before": {
|
|
1071
|
+
borderBottomColor: error ? "#D32F2F" : "rgba(0, 0, 0, 0.42)"
|
|
1072
|
+
},
|
|
1073
|
+
"& .MuiInput-underline:hover:not(.Mui-disabled):before": {
|
|
1074
|
+
borderBottomColor: error ? "#D32F2F" : "rgba(0, 0, 0, 0.87)"
|
|
1075
|
+
},
|
|
1076
|
+
"& .MuiInput-underline:after": {
|
|
1077
|
+
borderBottomColor: error ? "#D32F2F" : "#085938"
|
|
1078
|
+
},
|
|
1079
|
+
"& .MuiInputLabel-root.Mui-focused": {
|
|
1080
|
+
color: "#085938"
|
|
1081
|
+
}
|
|
1082
|
+
}
|
|
1083
|
+
},
|
|
1043
1084
|
fullWidth: true
|
|
1044
1085
|
}
|
|
1045
1086
|
), /* @__PURE__ */ React.createElement(
|
|
@@ -1797,7 +1838,8 @@ var JalaliDatePicker2 = ({
|
|
|
1797
1838
|
disabled,
|
|
1798
1839
|
minDateTime,
|
|
1799
1840
|
// Add the new optional prop
|
|
1800
|
-
centeredTime = false
|
|
1841
|
+
centeredTime = false,
|
|
1842
|
+
variant = "outlined"
|
|
1801
1843
|
}) => {
|
|
1802
1844
|
const today = (0, import_moment_jalaali2.default)();
|
|
1803
1845
|
const isMobile = (0, import_useMediaQuery.default)("(max-width:700px)");
|
|
@@ -1850,7 +1892,7 @@ var JalaliDatePicker2 = ({
|
|
|
1850
1892
|
disabled: isLoading || disabled,
|
|
1851
1893
|
openTo: "day",
|
|
1852
1894
|
views: ["year", "month", "day", "hours", "minutes"],
|
|
1853
|
-
label,
|
|
1895
|
+
label: variant === "standard" ? "" : label,
|
|
1854
1896
|
value: field.value ? import_moment_jalaali2.default.utc(field.value).utcOffset(210) : null,
|
|
1855
1897
|
onChange: (newValue) => {
|
|
1856
1898
|
if (newValue) {
|
|
@@ -1965,9 +2007,36 @@ var JalaliDatePicker2 = ({
|
|
|
1965
2007
|
},
|
|
1966
2008
|
sx: {
|
|
1967
2009
|
width: "100%",
|
|
1968
|
-
|
|
1969
|
-
|
|
1970
|
-
|
|
2010
|
+
...variant === "outlined" && {
|
|
2011
|
+
"& .MuiOutlinedInput-notchedOutline": {
|
|
2012
|
+
borderColor: error ? "#D32F2F" : "#C4C4C4"
|
|
2013
|
+
},
|
|
2014
|
+
"& .MuiOutlinedInput-root": {
|
|
2015
|
+
borderRadius: "12px",
|
|
2016
|
+
"&:hover fieldset": {
|
|
2017
|
+
borderColor: error ? "#D32F2F" : "#085938"
|
|
2018
|
+
},
|
|
2019
|
+
"&.Mui-focused fieldset": {
|
|
2020
|
+
borderColor: error ? "#D32F2F" : "#085938"
|
|
2021
|
+
}
|
|
2022
|
+
},
|
|
2023
|
+
"& .MuiInputLabel-root.Mui-focused": {
|
|
2024
|
+
color: "#085938"
|
|
2025
|
+
}
|
|
2026
|
+
},
|
|
2027
|
+
...variant === "standard" && {
|
|
2028
|
+
"& .MuiInput-underline:before": {
|
|
2029
|
+
borderBottomColor: error ? "#D32F2F" : "rgba(0, 0, 0, 0.42)"
|
|
2030
|
+
},
|
|
2031
|
+
"& .MuiInput-underline:hover:not(.Mui-disabled):before": {
|
|
2032
|
+
borderBottomColor: error ? "#D32F2F" : "rgba(0, 0, 0, 0.87)"
|
|
2033
|
+
},
|
|
2034
|
+
"& .MuiInput-underline:after": {
|
|
2035
|
+
borderBottomColor: error ? "#D32F2F" : "#085938"
|
|
2036
|
+
},
|
|
2037
|
+
"& .MuiInputLabel-root.Mui-focused": {
|
|
2038
|
+
color: "#085938"
|
|
2039
|
+
}
|
|
1971
2040
|
}
|
|
1972
2041
|
},
|
|
1973
2042
|
maxDate: today,
|
|
@@ -2007,12 +2076,16 @@ var JalaliDatePicker2 = ({
|
|
|
2007
2076
|
textField: {
|
|
2008
2077
|
size,
|
|
2009
2078
|
placeholder: "",
|
|
2079
|
+
variant,
|
|
2010
2080
|
onClick: () => {
|
|
2011
2081
|
if (!open) setOpen(true);
|
|
2012
2082
|
},
|
|
2013
2083
|
InputLabelProps: {
|
|
2014
2084
|
shrink: true,
|
|
2015
|
-
style: {
|
|
2085
|
+
style: {
|
|
2086
|
+
color: error ? "#D32F2F" : "inherit",
|
|
2087
|
+
...variant === "standard" && { display: "none" }
|
|
2088
|
+
}
|
|
2016
2089
|
},
|
|
2017
2090
|
InputProps: {
|
|
2018
2091
|
...disabled && { endAdornment: false },
|