@mamrp/components 1.7.42 → 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 +91 -14
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +91 -14
- 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(
|
|
@@ -1275,9 +1316,13 @@ var JalaliDatePicker = ({
|
|
|
1275
1316
|
placeholder: field.value || isLoading ? "" : "\u0627\u0646\u062A\u062E\u0627\u0628 \u062A\u0627\u0631\u06CC\u062E ",
|
|
1276
1317
|
onClick: () => !disabled && !isLoading && setOpen(true),
|
|
1277
1318
|
variant,
|
|
1319
|
+
...variant === "standard" && { label: void 0 },
|
|
1278
1320
|
InputLabelProps: {
|
|
1279
1321
|
shrink: true,
|
|
1280
|
-
style: {
|
|
1322
|
+
style: {
|
|
1323
|
+
color: error ? "#D32F2F" : "inherit",
|
|
1324
|
+
...variant === "standard" && { display: "none" }
|
|
1325
|
+
}
|
|
1281
1326
|
},
|
|
1282
1327
|
inputProps: {
|
|
1283
1328
|
readOnly: true,
|
|
@@ -1793,7 +1838,8 @@ var JalaliDatePicker2 = ({
|
|
|
1793
1838
|
disabled,
|
|
1794
1839
|
minDateTime,
|
|
1795
1840
|
// Add the new optional prop
|
|
1796
|
-
centeredTime = false
|
|
1841
|
+
centeredTime = false,
|
|
1842
|
+
variant = "outlined"
|
|
1797
1843
|
}) => {
|
|
1798
1844
|
const today = (0, import_moment_jalaali2.default)();
|
|
1799
1845
|
const isMobile = (0, import_useMediaQuery.default)("(max-width:700px)");
|
|
@@ -1846,7 +1892,7 @@ var JalaliDatePicker2 = ({
|
|
|
1846
1892
|
disabled: isLoading || disabled,
|
|
1847
1893
|
openTo: "day",
|
|
1848
1894
|
views: ["year", "month", "day", "hours", "minutes"],
|
|
1849
|
-
label,
|
|
1895
|
+
label: variant === "standard" ? "" : label,
|
|
1850
1896
|
value: field.value ? import_moment_jalaali2.default.utc(field.value).utcOffset(210) : null,
|
|
1851
1897
|
onChange: (newValue) => {
|
|
1852
1898
|
if (newValue) {
|
|
@@ -1961,9 +2007,36 @@ var JalaliDatePicker2 = ({
|
|
|
1961
2007
|
},
|
|
1962
2008
|
sx: {
|
|
1963
2009
|
width: "100%",
|
|
1964
|
-
|
|
1965
|
-
|
|
1966
|
-
|
|
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
|
+
}
|
|
1967
2040
|
}
|
|
1968
2041
|
},
|
|
1969
2042
|
maxDate: today,
|
|
@@ -2003,12 +2076,16 @@ var JalaliDatePicker2 = ({
|
|
|
2003
2076
|
textField: {
|
|
2004
2077
|
size,
|
|
2005
2078
|
placeholder: "",
|
|
2079
|
+
variant,
|
|
2006
2080
|
onClick: () => {
|
|
2007
2081
|
if (!open) setOpen(true);
|
|
2008
2082
|
},
|
|
2009
2083
|
InputLabelProps: {
|
|
2010
2084
|
shrink: true,
|
|
2011
|
-
style: {
|
|
2085
|
+
style: {
|
|
2086
|
+
color: error ? "#D32F2F" : "inherit",
|
|
2087
|
+
...variant === "standard" && { display: "none" }
|
|
2088
|
+
}
|
|
2012
2089
|
},
|
|
2013
2090
|
InputProps: {
|
|
2014
2091
|
...disabled && { endAdornment: false },
|