@codezee/sixtify-brahma 0.2.20 → 0.2.21
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/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PhoneInputField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/PhoneInputField/PhoneInputField.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,qBAAqB,EAErB,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAmB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAGlE,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,WAAW,IACpD,kBAAkB,CAAC,CAAC,CAAC,GACnB,IAAI,CAAC,eAAe,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEN,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EAAE,EACrD,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,KAAK,EACL,QAAgB,EAChB,QAAQ,EACR,IAAI,EACJ,OAAe,EACf,WAAgB,EAChB,KAAK,EACL,UAAU,EACV,GAAG,eAAe,EACnB,EAAE,oBAAoB,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"PhoneInputField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/PhoneInputField/PhoneInputField.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,qBAAqB,EAErB,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AACzB,OAAmB,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AAGlE,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,WAAW,IACpD,kBAAkB,CAAC,CAAC,CAAC,GACnB,IAAI,CAAC,eAAe,EAAE,MAAM,qBAAqB,CAAC,CAAC,CAAC,CAAC,GAAG;IACtD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEN,wBAAgB,eAAe,CAAC,CAAC,SAAS,WAAW,EAAE,EACrD,OAAO,EACP,IAAI,EACJ,YAAY,EACZ,KAAK,EACL,KAAK,EACL,QAAgB,EAChB,QAAQ,EACR,IAAI,EACJ,OAAe,EACf,WAAgB,EAChB,KAAK,EACL,UAAU,EACV,GAAG,eAAe,EACnB,EAAE,oBAAoB,CAAC,CAAC,CAAC,2CAsEzB"}
|
|
@@ -11,7 +11,7 @@ const react_phone_input_2_1 = __importDefault(require("react-phone-input-2"));
|
|
|
11
11
|
const Skeleton_1 = require("./Skeleton");
|
|
12
12
|
function PhoneInputField({ control, name, defaultValue, rules, label, disabled = false, required, rows, loading = false, placeholder = "", error, helperText, ...phoneInputProps }) {
|
|
13
13
|
const theme = (0, material_1.useTheme)();
|
|
14
|
-
const { iron } = theme.palette.app.color;
|
|
14
|
+
const { iron, red } = theme.palette.app.color;
|
|
15
15
|
const { field: { value, onChange, ...restField }, } = (0, react_hook_form_1.useController)({
|
|
16
16
|
name,
|
|
17
17
|
control,
|
|
@@ -22,15 +22,14 @@ function PhoneInputField({ control, name, defaultValue, rules, label, disabled =
|
|
|
22
22
|
return (0, jsx_runtime_1.jsx)(Skeleton_1.Skeleton, { label: label, rows: rows });
|
|
23
23
|
}
|
|
24
24
|
return ((0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "4px", children: [(0, jsx_runtime_1.jsxs)(material_1.Stack, { gap: "10px", children: [label && (0, jsx_runtime_1.jsx)(material_1.InputLabel, { required: required, children: label }), (0, jsx_runtime_1.jsx)(react_phone_input_2_1.default, { country: "in", enableSearch: true, disabled: disabled, placeholder: placeholder || label, onChange: (phone) => {
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
}
|
|
28
|
-
else {
|
|
29
|
-
onChange(phone);
|
|
30
|
-
}
|
|
31
|
-
}, value: value, countryCodeEditable: false, containerStyle: {
|
|
25
|
+
onChange(phone);
|
|
26
|
+
}, value: value, containerStyle: {
|
|
32
27
|
width: "100%",
|
|
33
|
-
border: error
|
|
28
|
+
border: error
|
|
29
|
+
? `1px solid ${red[900]}`
|
|
30
|
+
: disabled
|
|
31
|
+
? `1px solid ${iron[700]}`
|
|
32
|
+
: `1px solid ${iron[800]}`,
|
|
34
33
|
borderRadius: "4px",
|
|
35
34
|
}, inputStyle: {
|
|
36
35
|
width: "100%",
|
|
@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.Stepper = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const material_1 = require("@mui/material");
|
|
6
|
-
const
|
|
6
|
+
const navigation_1 = require("next/navigation");
|
|
7
7
|
const Stepper = ({ orientation = "horizontal", activeStep = 0, stepLabelProps = {}, steps, stepUrls = [], errorSteps = [], onStepClick, ...rest }) => {
|
|
8
8
|
const theme = (0, material_1.useTheme)();
|
|
9
|
-
const router = (0,
|
|
9
|
+
const router = (0, navigation_1.useRouter)();
|
|
10
10
|
const { butterflyBlue, red } = theme.palette.app.color;
|
|
11
11
|
const handleStepClick = (index) => {
|
|
12
12
|
if (onStepClick) {
|