@mamrp/components 1.7.43 → 1.7.45
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 +81 -12
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +81 -12
- 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;
|
|
@@ -1026,8 +1029,10 @@ var TimePickerComponent = ({
|
|
|
1026
1029
|
value,
|
|
1027
1030
|
onChange: handleInputChange,
|
|
1028
1031
|
onBlur: handleBlur,
|
|
1029
|
-
InputLabelProps: {
|
|
1030
|
-
|
|
1032
|
+
InputLabelProps: {
|
|
1033
|
+
shrink: true
|
|
1034
|
+
},
|
|
1035
|
+
variant,
|
|
1031
1036
|
size,
|
|
1032
1037
|
inputProps: {
|
|
1033
1038
|
maxLength: 5,
|
|
@@ -1039,7 +1044,40 @@ var TimePickerComponent = ({
|
|
|
1039
1044
|
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
1045
|
}
|
|
1041
1046
|
},
|
|
1042
|
-
sx: {
|
|
1047
|
+
sx: {
|
|
1048
|
+
width: fullwidth ? "100%" : "8rem",
|
|
1049
|
+
...variant === "outlined" && {
|
|
1050
|
+
"& .MuiOutlinedInput-notchedOutline": {
|
|
1051
|
+
borderColor: error ? "#D32F2F" : "#C4C4C4"
|
|
1052
|
+
},
|
|
1053
|
+
"& .MuiOutlinedInput-root": {
|
|
1054
|
+
borderRadius: "12px",
|
|
1055
|
+
"&:hover fieldset": {
|
|
1056
|
+
borderColor: error ? "#D32F2F" : "#085938"
|
|
1057
|
+
},
|
|
1058
|
+
"&.Mui-focused fieldset": {
|
|
1059
|
+
borderColor: error ? "#D32F2F" : "#085938"
|
|
1060
|
+
}
|
|
1061
|
+
},
|
|
1062
|
+
"& .MuiInputLabel-root.Mui-focused": {
|
|
1063
|
+
color: "#085938"
|
|
1064
|
+
}
|
|
1065
|
+
},
|
|
1066
|
+
...variant === "standard" && {
|
|
1067
|
+
"& .MuiInput-underline:before": {
|
|
1068
|
+
borderBottomColor: error ? "#D32F2F" : "rgba(0, 0, 0, 0.42)"
|
|
1069
|
+
},
|
|
1070
|
+
"& .MuiInput-underline:hover:not(.Mui-disabled):before": {
|
|
1071
|
+
borderBottomColor: error ? "#D32F2F" : "rgba(0, 0, 0, 0.87)"
|
|
1072
|
+
},
|
|
1073
|
+
"& .MuiInput-underline:after": {
|
|
1074
|
+
borderBottomColor: error ? "#D32F2F" : "#085938"
|
|
1075
|
+
},
|
|
1076
|
+
"& .MuiInputLabel-root.Mui-focused": {
|
|
1077
|
+
color: "#085938"
|
|
1078
|
+
}
|
|
1079
|
+
}
|
|
1080
|
+
},
|
|
1043
1081
|
fullWidth: true
|
|
1044
1082
|
}
|
|
1045
1083
|
), /* @__PURE__ */ React.createElement(
|
|
@@ -1275,7 +1313,7 @@ var JalaliDatePicker = ({
|
|
|
1275
1313
|
placeholder: field.value || isLoading ? "" : "\u0627\u0646\u062A\u062E\u0627\u0628 \u062A\u0627\u0631\u06CC\u062E ",
|
|
1276
1314
|
onClick: () => !disabled && !isLoading && setOpen(true),
|
|
1277
1315
|
variant,
|
|
1278
|
-
...variant === "standard" && { label:
|
|
1316
|
+
...variant === "standard" && { label: "" },
|
|
1279
1317
|
InputLabelProps: {
|
|
1280
1318
|
shrink: true,
|
|
1281
1319
|
style: {
|
|
@@ -1797,7 +1835,8 @@ var JalaliDatePicker2 = ({
|
|
|
1797
1835
|
disabled,
|
|
1798
1836
|
minDateTime,
|
|
1799
1837
|
// Add the new optional prop
|
|
1800
|
-
centeredTime = false
|
|
1838
|
+
centeredTime = false,
|
|
1839
|
+
variant = "outlined"
|
|
1801
1840
|
}) => {
|
|
1802
1841
|
const today = (0, import_moment_jalaali2.default)();
|
|
1803
1842
|
const isMobile = (0, import_useMediaQuery.default)("(max-width:700px)");
|
|
@@ -1965,9 +2004,36 @@ var JalaliDatePicker2 = ({
|
|
|
1965
2004
|
},
|
|
1966
2005
|
sx: {
|
|
1967
2006
|
width: "100%",
|
|
1968
|
-
|
|
1969
|
-
|
|
1970
|
-
|
|
2007
|
+
...variant === "outlined" && {
|
|
2008
|
+
"& .MuiOutlinedInput-notchedOutline": {
|
|
2009
|
+
borderColor: error ? "#D32F2F" : "#C4C4C4"
|
|
2010
|
+
},
|
|
2011
|
+
"& .MuiOutlinedInput-root": {
|
|
2012
|
+
borderRadius: "12px",
|
|
2013
|
+
"&:hover fieldset": {
|
|
2014
|
+
borderColor: error ? "#D32F2F" : "#085938"
|
|
2015
|
+
},
|
|
2016
|
+
"&.Mui-focused fieldset": {
|
|
2017
|
+
borderColor: error ? "#D32F2F" : "#085938"
|
|
2018
|
+
}
|
|
2019
|
+
},
|
|
2020
|
+
"& .MuiInputLabel-root.Mui-focused": {
|
|
2021
|
+
color: "#085938"
|
|
2022
|
+
}
|
|
2023
|
+
},
|
|
2024
|
+
...variant === "standard" && {
|
|
2025
|
+
"& .MuiInput-underline:before": {
|
|
2026
|
+
borderBottomColor: error ? "#D32F2F" : "rgba(0, 0, 0, 0.42)"
|
|
2027
|
+
},
|
|
2028
|
+
"& .MuiInput-underline:hover:not(.Mui-disabled):before": {
|
|
2029
|
+
borderBottomColor: error ? "#D32F2F" : "rgba(0, 0, 0, 0.87)"
|
|
2030
|
+
},
|
|
2031
|
+
"& .MuiInput-underline:after": {
|
|
2032
|
+
borderBottomColor: error ? "#D32F2F" : "#085938"
|
|
2033
|
+
},
|
|
2034
|
+
"& .MuiInputLabel-root.Mui-focused": {
|
|
2035
|
+
color: "#085938"
|
|
2036
|
+
}
|
|
1971
2037
|
}
|
|
1972
2038
|
},
|
|
1973
2039
|
maxDate: today,
|
|
@@ -2007,12 +2073,15 @@ var JalaliDatePicker2 = ({
|
|
|
2007
2073
|
textField: {
|
|
2008
2074
|
size,
|
|
2009
2075
|
placeholder: "",
|
|
2076
|
+
variant,
|
|
2010
2077
|
onClick: () => {
|
|
2011
2078
|
if (!open) setOpen(true);
|
|
2012
2079
|
},
|
|
2013
2080
|
InputLabelProps: {
|
|
2014
2081
|
shrink: true,
|
|
2015
|
-
style: {
|
|
2082
|
+
style: {
|
|
2083
|
+
color: error ? "#D32F2F" : "inherit"
|
|
2084
|
+
}
|
|
2016
2085
|
},
|
|
2017
2086
|
InputProps: {
|
|
2018
2087
|
...disabled && { endAdornment: false },
|