tp-react-elements-dev 1.12.23 → 1.12.25
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/README.md +196 -167
- package/dist/assets/icons/flaticon_hvc.css +71 -70
- package/dist/assets/icons/flaticon_hvc.scss +126 -124
- package/dist/auth/authContext.d.ts +19 -0
- package/dist/auth/authContext.esm.js +26 -0
- package/dist/components/Button/Button.d.ts +7 -0
- package/dist/components/Button/Button.esm.js +15 -0
- package/dist/components/Button/index.d.ts +1 -0
- package/dist/components/Button/index.esm.js +1 -0
- package/dist/components/CheckBox/index.d.ts +1 -0
- package/dist/components/CheckBox/index.esm.js +1 -0
- package/dist/components/CheckBoxGroup/index.d.ts +1 -0
- package/dist/components/CheckBoxGroup/index.esm.js +1 -0
- package/dist/components/DatePicker/index.d.ts +4 -0
- package/dist/components/DatePicker/index.esm.js +4 -0
- package/dist/components/Delete/index.d.ts +1 -0
- package/dist/components/Delete/index.esm.js +1 -0
- package/dist/components/DeleteComponent/DeleteField.d.ts +0 -1
- package/dist/components/DeleteComponent/{DeleteField.js → DeleteField.esm.js} +6 -6
- package/dist/components/DeleteComponent/index.d.ts +1 -0
- package/dist/components/DeleteComponent/index.esm.js +1 -0
- package/dist/components/Feedback/index.d.ts +5 -0
- package/dist/components/Feedback/index.esm.js +7 -0
- package/dist/components/FileUpload/index.d.ts +2 -0
- package/dist/components/FileUpload/index.esm.js +2 -0
- package/dist/components/Form/Form.styles.d.ts +8 -26
- package/dist/components/Form/Form.styles.esm.js +111 -0
- package/dist/components/Form/FormActiveSwitch.d.ts +1 -2
- package/dist/components/Form/FormActiveSwitch.esm.js +11 -0
- package/dist/components/Form/FormConstants.d.ts +2 -3
- package/dist/components/Form/{FormConstants.js → FormConstants.esm.js} +89 -103
- package/dist/components/Form/FormContainer.d.ts +2 -3
- package/dist/components/Form/FormContainer.esm.js +3 -0
- package/dist/components/Form/FormRender.d.ts +11 -4
- package/dist/components/Form/FormRender.esm.js +130 -0
- package/dist/components/Form/FormRenderConstants.d.ts +0 -1
- package/dist/components/Form/FormRenderWrapper.d.ts +37 -5
- package/dist/components/Form/FormRenderWrapper.esm.js +33 -0
- package/dist/components/Form/index.d.ts +6 -0
- package/dist/components/Form/index.esm.js +5 -0
- package/dist/components/FormComponents/DatePicker/DatepickerWrapperV2.d.ts +1 -2
- package/dist/components/FormComponents/DatePicker/DatepickerWrapperV2.esm.js +72 -0
- package/dist/components/FormComponents/DatePicker/MonthPicker.d.ts +0 -1
- package/dist/components/FormComponents/DatePicker/{MonthPicker.js → MonthPicker.esm.js} +3 -3
- package/dist/components/FormComponents/DatePicker/Monthpickerrender.d.ts +1 -2
- package/dist/components/FormComponents/DatePicker/Monthpickerrender.esm.js +70 -0
- package/dist/components/FormComponents/FileUpload/FormRenderFileUpload.d.ts +1 -2
- package/dist/components/FormComponents/FileUpload/FormRenderFileUpload.esm.js +71 -0
- package/dist/components/FormComponents/FileUpload/FormRenderMultiFileUpload.d.ts +1 -2
- package/dist/components/FormComponents/FileUpload/FormRenderMultiFileUpload.esm.js +85 -0
- package/dist/components/FormComponents/FormBottomField/FormBottomField.d.ts +15 -2
- package/dist/components/FormComponents/FormBottomField/FormBottomField.esm.js +22 -0
- package/dist/components/FormComponents/FormCheckBox/FormCheckBox.d.ts +20 -2
- package/dist/components/FormComponents/FormCheckBox/FormCheckBox.esm.js +32 -0
- package/dist/components/FormComponents/FormCheckBoxGroup/FormCheckBoxGroup.d.ts +20 -2
- package/dist/components/FormComponents/FormCheckBoxGroup/FormCheckBoxGroup.esm.js +42 -0
- package/dist/components/FormComponents/FormErrorField/FormErrorField.d.ts +14 -2
- package/dist/components/FormComponents/FormErrorField/FormErrorField.esm.js +21 -0
- package/dist/components/FormComponents/FormNumberField/FormNumberField.d.ts +40 -3
- package/dist/components/FormComponents/FormNumberField/FormNumberField.esm.js +102 -0
- package/dist/components/FormComponents/FormNumberField/FormNumberFieldDecimal.d.ts +1 -2
- package/dist/components/FormComponents/FormNumberField/FormNumberFieldDecimal.esm.js +50 -0
- package/dist/components/FormComponents/FormRadioGroup/FormRadioGroup.d.ts +21 -3
- package/dist/components/FormComponents/FormRadioGroup/FormRadioGroup.esm.js +44 -0
- package/dist/components/FormComponents/FormTextAreaField/FormTextAreaField.d.ts +20 -2
- package/dist/components/FormComponents/FormTextAreaField/FormTextAreaField.esm.js +65 -0
- package/dist/components/FormComponents/FormTextAreaField/FormTextAreaField.styles.d.ts +1 -4
- package/dist/components/FormComponents/FormTextAreaField/FormTextAreaField.styles.esm.js +35 -0
- package/dist/components/FormComponents/FormTextField/FormTextField.d.ts +39 -3
- package/dist/components/FormComponents/FormTextField/FormTextField.esm.js +111 -0
- package/dist/components/FormComponents/FormTextField/FormTextField.styles.d.ts +10 -4
- package/dist/components/FormComponents/FormTextField/FormTextField.styles.esm.js +27 -0
- package/dist/components/FormComponents/HelperText/HelperText.d.ts +14 -2
- package/dist/components/FormComponents/HelperText/HelperText.esm.js +23 -0
- package/dist/components/FormComponents/PasswordField/PasswordField.d.ts +21 -3
- package/dist/components/FormComponents/PasswordField/PasswordField.esm.js +91 -0
- package/dist/components/FormComponents/RichTextEditor/RichTextEditor.d.ts +1 -2
- package/dist/components/FormComponents/RichTextEditor/{RichTextEditor.js → RichTextEditor.esm.js} +50 -31
- package/dist/components/FormComponents/RichTextEditor/RichTextEditorWrapper.d.ts +1 -2
- package/dist/components/FormComponents/RichTextEditor/{RichTextEditorWrapper.js → RichTextEditorWrapper.esm.js} +4 -3
- package/dist/components/FormComponents/RichTextEditor/jodit.index.d.ts +5 -10
- package/dist/components/FormComponents/RichTextEditor/jodit.index.esm.js +23 -0
- package/dist/components/FormComponents/Select/MultiSelect.d.ts +0 -1
- package/dist/components/FormComponents/Select/MultiSelectv1.d.ts +1 -2
- package/dist/components/FormComponents/Select/{MultiSelectv1.js → MultiSelectv1.esm.js} +54 -61
- package/dist/components/FormComponents/Select/SingleSelect.d.ts +2 -3
- package/dist/components/FormComponents/Select/SingleSelect.esm.js +61 -0
- package/dist/components/FormComponents/Select/SingleSelectNonAutoComplete.d.ts +1 -2
- package/dist/components/FormComponents/Select/SingleSelectNonAutoComplete.esm.js +32 -0
- package/dist/components/FormComponents/Select/SingleSelectSearchApi.d.ts +2 -3
- package/dist/components/FormComponents/Select/{SingleSelectSearchApi.js → SingleSelectSearchApi.esm.js} +2 -6
- package/dist/components/FormComponents/TimePicker/TimePicker.d.ts +1 -2
- package/dist/components/FormComponents/TimePicker/TimePicker.esm.js +70 -0
- package/dist/components/FormComponents/YearPickerField/YearPickerField.d.ts +2 -3
- package/dist/components/FormComponents/YearPickerField/{YearPickerField.js → YearPickerField.esm.js} +2 -6
- package/dist/components/FormComponents/index.d.ts +16 -25
- package/dist/components/FormComponents/{index.js → index.esm.js} +24 -26
- package/dist/components/Global.styles.d.ts +7 -22
- package/dist/components/{Global.styles.js → Global.styles.esm.js} +2 -2
- package/dist/components/ModalField/ConfirmationDialog.d.ts +2 -11
- package/dist/components/ModalField/ConfirmationDialog.esm.js +46 -0
- package/dist/components/ModalField/ModalField.d.ts +2 -3
- package/dist/components/ModalField/{ModalField.js → ModalField.esm.js} +10 -10
- package/dist/components/ModalField/index.d.ts +2 -0
- package/dist/components/ModalField/index.esm.js +2 -0
- package/dist/components/NumberField/index.d.ts +2 -0
- package/dist/components/NumberField/index.esm.js +2 -0
- package/dist/components/PasswordField/index.d.ts +1 -0
- package/dist/components/PasswordField/index.esm.js +1 -0
- package/dist/components/RadioGroup/index.d.ts +1 -0
- package/dist/components/RadioGroup/index.esm.js +1 -0
- package/dist/components/RichTextEditor/index.d.ts +2 -0
- package/dist/components/RichTextEditor/index.esm.js +2 -0
- package/dist/components/Select/index.d.ts +6 -0
- package/dist/components/Select/index.esm.js +8 -0
- package/dist/components/SelectField/MultiSelectField.d.ts +1 -0
- package/dist/components/SelectField/MultiSelectFieldComponent.d.ts +0 -1
- package/dist/components/SelectField/{MultiSelectFieldComponent.js → MultiSelectFieldComponent.esm.js} +36 -45
- package/dist/components/SelectField/index.d.ts +2 -0
- package/dist/components/SelectField/index.esm.js +1 -0
- package/dist/components/SessionTimeOut/SessionTimeOut.d.ts +1 -3
- package/dist/components/SessionTimeOut/{SessionTimeOut.js → SessionTimeOut.esm.js} +6 -7
- package/dist/components/SessionTimeOut/index.d.ts +1 -0
- package/dist/components/SessionTimeOut/index.esm.js +1 -0
- package/dist/components/TextAreaField/index.d.ts +1 -0
- package/dist/components/TextAreaField/index.esm.js +1 -0
- package/dist/components/TextField/index.d.ts +1 -0
- package/dist/components/TextField/index.esm.js +1 -0
- package/dist/components/TimePicker/index.d.ts +1 -0
- package/dist/components/TimePicker/index.esm.js +1 -0
- package/dist/components/TimePickerField/TimePickerField.d.ts +0 -1
- package/dist/components/TimePickerField/TimePickerField.esm.js +11 -0
- package/dist/components/TimePickerField/index.d.ts +1 -0
- package/dist/components/TimePickerField/index.esm.js +1 -0
- package/dist/index.d.ts +14 -9
- package/dist/index.esm.css +1 -0
- package/dist/index.esm.js +14 -0
- package/dist/theme/index.d.ts +0 -2
- package/dist/theme/{index.js → index.esm.js} +4 -7
- package/dist/types/index.d.ts +3 -4
- package/dist/utils/Constants/FormConstants.d.ts +40 -0
- package/dist/utils/Constants/FormConstants.esm.js +78 -0
- package/dist/{lib → utils}/Constants/FunctionConstants.d.ts +6 -7
- package/dist/{lib/Constants/FunctionConstants.js → utils/Constants/FunctionConstants.esm.js} +46 -54
- package/dist/utils/Constants/FunctionConstants.test.d.ts +1 -0
- package/dist/utils/Constants/crypto-js.d.ts +29 -0
- package/dist/utils/Constants/date-pickers.d.ts +29 -0
- package/dist/utils/Constants/date-pickers.esm.js +33 -0
- package/dist/utils/Constants/file-saver.d.ts +14 -0
- package/dist/utils/Constants/file-saver.esm.js +22 -0
- package/dist/utils/Constants/index.d.ts +5 -0
- package/dist/utils/Constants/xlsx-js-style.d.ts +22 -0
- package/dist/utils/Constants/xlsx-js-style.esm.js +46 -0
- package/dist/{lib → utils}/Interface/FormInterface.d.ts +11 -8
- package/dist/utils/Interface/MainInterface.d.ts +17 -0
- package/dist/utils/Interface/ModalInterface.d.ts +12 -0
- package/dist/utils/Interface/index.d.ts +3 -0
- package/dist/{lib → utils}/index.d.ts +3 -4
- package/dist/{lib/index.js → utils/index.esm.js} +2 -2
- package/dist/validation/index.d.ts +1 -0
- package/dist/validation/index.esm.js +1 -0
- package/dist/validation/schemas.d.ts +65 -6
- package/dist/validation/schemas.esm.js +111 -0
- package/package.json +62 -27
- package/scripts/install-deps.js +103 -46
- package/dist/assets/types.d.ts +0 -62
- package/dist/components/DeleteComponent/DeleteField.d.ts.map +0 -1
- package/dist/components/Form/Form.styles.d.ts.map +0 -1
- package/dist/components/Form/Form.styles.js +0 -111
- package/dist/components/Form/FormActiveSwitch.d.ts.map +0 -1
- package/dist/components/Form/FormActiveSwitch.js +0 -27
- package/dist/components/Form/FormConstants.d.ts.map +0 -1
- package/dist/components/Form/FormContainer.d.ts.map +0 -1
- package/dist/components/Form/FormRender.d.ts.map +0 -1
- package/dist/components/Form/FormRender.js +0 -96
- package/dist/components/Form/FormRenderConstants.d.ts.map +0 -1
- package/dist/components/Form/FormRenderWrapper.d.ts.map +0 -1
- package/dist/components/Form/FormRenderWrapper.js +0 -13
- package/dist/components/FormComponents/DatePicker/DateRangePicker.d.ts +0 -7
- package/dist/components/FormComponents/DatePicker/DateRangePicker.d.ts.map +0 -1
- package/dist/components/FormComponents/DatePicker/DatepickerWrapperV2.d.ts.map +0 -1
- package/dist/components/FormComponents/DatePicker/DatepickerWrapperV2.js +0 -58
- package/dist/components/FormComponents/DatePicker/MonthPicker.d.ts.map +0 -1
- package/dist/components/FormComponents/DatePicker/Monthpickerrender.d.ts.map +0 -1
- package/dist/components/FormComponents/DatePicker/Monthpickerrender.js +0 -61
- package/dist/components/FormComponents/FileUpload/FormRenderFileUpload.d.ts.map +0 -1
- package/dist/components/FormComponents/FileUpload/FormRenderFileUpload.js +0 -86
- package/dist/components/FormComponents/FileUpload/FormRenderMultiFileUpload.d.ts.map +0 -1
- package/dist/components/FormComponents/FileUpload/FormRenderMultiFileUpload.js +0 -96
- package/dist/components/FormComponents/FormBottomField/FormBottomField.d.ts.map +0 -1
- package/dist/components/FormComponents/FormBottomField/FormBottomField.js +0 -9
- package/dist/components/FormComponents/FormCheckBox/FormCheckBox.d.ts.map +0 -1
- package/dist/components/FormComponents/FormCheckBox/FormCheckBox.js +0 -10
- package/dist/components/FormComponents/FormCheckBoxGroup/FormCheckBoxGroup.d.ts.map +0 -1
- package/dist/components/FormComponents/FormCheckBoxGroup/FormCheckBoxGroup.js +0 -23
- package/dist/components/FormComponents/FormErrorField/FormErrorField.d.ts.map +0 -1
- package/dist/components/FormComponents/FormErrorField/FormErrorField.js +0 -9
- package/dist/components/FormComponents/FormNumberField/FormNumberField.d.ts.map +0 -1
- package/dist/components/FormComponents/FormNumberField/FormNumberField.js +0 -49
- package/dist/components/FormComponents/FormNumberField/FormNumberFieldDecimal.d.ts.map +0 -1
- package/dist/components/FormComponents/FormNumberField/FormNumberFieldDecimal.js +0 -45
- package/dist/components/FormComponents/FormRadioGroup/FormRadioGroup.d.ts.map +0 -1
- package/dist/components/FormComponents/FormRadioGroup/FormRadioGroup.js +0 -26
- package/dist/components/FormComponents/FormTextAreaField/FormTextAreaField.d.ts.map +0 -1
- package/dist/components/FormComponents/FormTextAreaField/FormTextAreaField.js +0 -31
- package/dist/components/FormComponents/FormTextAreaField/FormTextAreaField.styles.d.ts.map +0 -1
- package/dist/components/FormComponents/FormTextAreaField/FormTextAreaField.styles.js +0 -35
- package/dist/components/FormComponents/FormTextField/FormTextField.d.ts.map +0 -1
- package/dist/components/FormComponents/FormTextField/FormTextField.js +0 -46
- package/dist/components/FormComponents/FormTextField/FormTextField.styles.d.ts.map +0 -1
- package/dist/components/FormComponents/FormTextField/FormTextField.styles.js +0 -22
- package/dist/components/FormComponents/HelperText/HelperText.d.ts.map +0 -1
- package/dist/components/FormComponents/HelperText/HelperText.js +0 -10
- package/dist/components/FormComponents/PasswordField/PasswordField.d.ts.map +0 -1
- package/dist/components/FormComponents/PasswordField/PasswordField.js +0 -49
- package/dist/components/FormComponents/RichTextEditor/RichTextEditor.d.ts.map +0 -1
- package/dist/components/FormComponents/RichTextEditor/RichTextEditorWrapper.d.ts.map +0 -1
- package/dist/components/FormComponents/RichTextEditor/jodit.index.d.ts.map +0 -1
- package/dist/components/FormComponents/RichTextEditor/jodit.index.js +0 -27
- package/dist/components/FormComponents/Select/MultiSelect.d.ts.map +0 -1
- package/dist/components/FormComponents/Select/MultiSelectv1.d.ts.map +0 -1
- package/dist/components/FormComponents/Select/SingleSelect.d.ts.map +0 -1
- package/dist/components/FormComponents/Select/SingleSelect.js +0 -51
- package/dist/components/FormComponents/Select/SingleSelectNonAutoComplete.d.ts.map +0 -1
- package/dist/components/FormComponents/Select/SingleSelectNonAutoComplete.js +0 -27
- package/dist/components/FormComponents/Select/SingleSelectSearchApi.d.ts.map +0 -1
- package/dist/components/FormComponents/TimePicker/TimePicker.d.ts.map +0 -1
- package/dist/components/FormComponents/TimePicker/TimePicker.js +0 -55
- package/dist/components/FormComponents/YearPickerField/YearPickerField.d.ts.map +0 -1
- package/dist/components/FormComponents/index.d.ts.map +0 -1
- package/dist/components/Global.styles.d.ts.map +0 -1
- package/dist/components/ModalField/ConfirmationDialog.d.ts.map +0 -1
- package/dist/components/ModalField/ConfirmationDialog.js +0 -48
- package/dist/components/ModalField/ModalField.d.ts.map +0 -1
- package/dist/components/SelectField/MultiSelectFieldComponent.d.ts.map +0 -1
- package/dist/components/SessionTimeOut/SessionTimeOut.d.ts.map +0 -1
- package/dist/components/TimePickerField/TimePickerField.d.ts.map +0 -1
- package/dist/components/index.d.ts +0 -8
- package/dist/components/index.d.ts.map +0 -1
- package/dist/index.css +0 -1
- package/dist/index.d.ts.map +0 -1
- package/dist/index.js +0 -16
- package/dist/lib/Constants/FormConstants.d.ts +0 -11
- package/dist/lib/Constants/FormConstants.d.ts.map +0 -1
- package/dist/lib/Constants/FormConstants.js +0 -54
- package/dist/lib/Constants/FunctionConstants.d.ts.map +0 -1
- package/dist/lib/Interface/FormInterface.d.ts.map +0 -1
- package/dist/lib/index.d.ts.map +0 -1
- package/dist/theme/index.d.ts.map +0 -1
- package/dist/types/index.d.ts.map +0 -1
- package/dist/validation/schemas.d.ts.map +0 -1
- package/dist/validation/schemas.js +0 -60
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { Checkbox } from '@mui/material';
|
|
3
|
-
import { Controller } from 'react-hook-form';
|
|
4
|
-
import FormBottomField from '../FormBottomField/FormBottomField.js';
|
|
5
|
-
|
|
6
|
-
const FormCheckBox = ({ props, variant: _variant, }) => {
|
|
7
|
-
return (jsxs(Fragment, { children: [jsxs("span", { className: "formInputlabel", style: { fontSize: "12px" }, children: [props.item.label, " ", props.item.required && jsx("span", { style: { color: "red" }, children: "*" })] }), jsx(Controller, { control: props.control, name: props.item.name, render: ({ field }) => (jsx(Checkbox, { ...field, checked: !!field.value, onChange: (e) => field.onChange(e.target.checked), sx: { width: "24px", height: "24px", ...props.item.sx } })) }), jsx(FormBottomField, { ...props })] }));
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
export { FormCheckBox as default };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormCheckBoxGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/FormCheckBoxGroup/FormCheckBoxGroup.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,eAAe,EACf,YAAY,EACb,MAAM,sCAAsC,CAAC;AAG9C,QAAA,MAAM,iBAAiB,GAAI,qBAGxB;IACD,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;CACvB,4CA8CA,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { FormControl, FormGroup, FormControlLabel, Typography, Checkbox } from '@mui/material';
|
|
3
|
-
import { Controller } from 'react-hook-form';
|
|
4
|
-
import { renderLabel } from '../../../lib/Constants/FormConstants.js';
|
|
5
|
-
import FormBottomField from '../FormBottomField/FormBottomField.js';
|
|
6
|
-
|
|
7
|
-
const FormCheckBoxGroup = ({ props, variant, }) => {
|
|
8
|
-
return (jsxs(Fragment, { children: [renderLabel(variant, props), jsx(FormControl, { component: "fieldset", children: jsx(FormGroup, { row: true, children: props.item?.settings &&
|
|
9
|
-
props.item.settings.map((settings, i) => {
|
|
10
|
-
return (jsx(Controller, { name: settings.name, control: props.control, render: ({ field }) => {
|
|
11
|
-
return (jsx(FormControlLabel, { control: jsx(Checkbox, { ...field, checked: field.value }), sx: {
|
|
12
|
-
".MuiCheckbox-root": {
|
|
13
|
-
padding: "6px 2px 6px 8px",
|
|
14
|
-
".css-imrjgg-MuiButtonBase-root-MuiCheckbox-root": {
|
|
15
|
-
color: "rgb(0, 0, 0) !important",
|
|
16
|
-
},
|
|
17
|
-
},
|
|
18
|
-
}, label: jsx(Typography, { variant: "subtitle2", fontSize: "11px", fontWeight: "normal !important", children: settings.label }), labelPlacement: "end" }));
|
|
19
|
-
} }, i));
|
|
20
|
-
}) }) }), jsx(FormBottomField, { ...props })] }));
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
export { FormCheckBoxGroup as default };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormErrorField.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/FormErrorField/FormErrorField.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAEvE,QAAA,MAAM,cAAc,GAAI,OAAM,eAAe,4CAM5C,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { ErrorMessage } from '@hookform/error-message';
|
|
3
|
-
import { ErrorMessageComponent } from '../../Form/Form.styles.js';
|
|
4
|
-
|
|
5
|
-
const FormErrorField = (props) => {
|
|
6
|
-
return (jsx(ErrorMessageComponent, { children: jsx(ErrorMessage, { errors: props.errors, name: props.item.name }) }));
|
|
7
|
-
};
|
|
8
|
-
|
|
9
|
-
export { FormErrorField as default };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormNumberField.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/FormNumberField/FormNumberField.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,eAAe,EACf,YAAY,EACb,MAAM,sCAAsC,CAAC;AAG9C,QAAA,MAAM,eAAe,GAAI,qBAGtB;IACD,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;CACvB,4CAsEA,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import { TextField } from '@mui/material';
|
|
3
|
-
import { Controller } from 'react-hook-form';
|
|
4
|
-
import { renderLabel } from '../../../lib/Constants/FormConstants.js';
|
|
5
|
-
import FormBottomField from '../FormBottomField/FormBottomField.js';
|
|
6
|
-
|
|
7
|
-
const FormNumberField = ({ props, variant, }) => {
|
|
8
|
-
const isError = !!props.errors?.[props.item.name];
|
|
9
|
-
const isShowBorderError = isError && props.fieldError;
|
|
10
|
-
const label = variant !== "standard"
|
|
11
|
-
? `${props.item.label}${props.item.required ? " *" : ""}`
|
|
12
|
-
: "";
|
|
13
|
-
return (jsx(Fragment, { children: jsx(Controller, { control: props.control, name: props.item.name, render: ({ field }) => {
|
|
14
|
-
return (jsxs(Fragment, { children: [renderLabel(variant, props), jsx(TextField, { ...field, size: "small", label: label, error: isShowBorderError, value: props.getValues(props.item.name) || "", defaultValue: props.getValues(props.item.name) || null, onInput: (e) => {
|
|
15
|
-
e.target.value = e.target.value.replace(/[^0-9]/g, "");
|
|
16
|
-
if (e.target.value === "") {
|
|
17
|
-
e.target.value = null;
|
|
18
|
-
}
|
|
19
|
-
props?.item?.onChangeFn &&
|
|
20
|
-
props?.item?.onChangeFn(e.target.value);
|
|
21
|
-
props?.clearErrors && props?.clearErrors(props.item.name);
|
|
22
|
-
}, onBlur: (e) => {
|
|
23
|
-
props?.item?.onBlurFn && props?.item?.onBlurFn(e);
|
|
24
|
-
}, sx: {
|
|
25
|
-
"& .css-1holvmy,.css-lqj8pz-MuiFormLabel-root-MuiInputLabel-root,.css-kichxs-MuiFormLabel-root-MuiInputLabel-root": {
|
|
26
|
-
top: "-10px",
|
|
27
|
-
},
|
|
28
|
-
}, inputProps: {
|
|
29
|
-
pattern: "[0-9]*", // Only allow numbers
|
|
30
|
-
maxLength: props.item.maxLength || 20,
|
|
31
|
-
onInput: (e) => {
|
|
32
|
-
if (props?.item?.donotAllowSpace) {
|
|
33
|
-
const value = e.target.value;
|
|
34
|
-
e.target.value = value.replace(" ", "");
|
|
35
|
-
}
|
|
36
|
-
if (!props?.item?.allowSpecialChars) {
|
|
37
|
-
const value = e.target.value;
|
|
38
|
-
e.target.value = value.replace(/[^a-zA-Z0-9 ]/g, "");
|
|
39
|
-
} // Allow only alphanumeric and space
|
|
40
|
-
if (e.target.value.length === 1 && e.target.value === " ") {
|
|
41
|
-
e.target.value = "";
|
|
42
|
-
}
|
|
43
|
-
props.item.onInputProps && props.item.onInputProps(e);
|
|
44
|
-
},
|
|
45
|
-
}, disabled: props.item.disable }), jsx(FormBottomField, { ...props })] }));
|
|
46
|
-
} }, props.item.name) }));
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
export { FormNumberField as default };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormNumberFieldDecimal.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/FormNumberField/FormNumberFieldDecimal.tsx"],"names":[],"mappings":"AAGA,OAAO,EACL,eAAe,EACf,YAAY,EACb,MAAM,sCAAsC,CAAC;AAG9C,QAAA,MAAM,sBAAsB,GAAI,qBAG7B;IACD,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;CACvB,4CAmEA,CAAC;AAEF,eAAe,sBAAsB,CAAC"}
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
|
-
import { TextField } from '@mui/material';
|
|
3
|
-
import { Controller } from 'react-hook-form';
|
|
4
|
-
import { renderLabel } from '../../../lib/Constants/FormConstants.js';
|
|
5
|
-
import FormBottomField from '../FormBottomField/FormBottomField.js';
|
|
6
|
-
|
|
7
|
-
const FormNumberFieldDecimal = ({ props, variant, }) => {
|
|
8
|
-
const fixedLength = props.item.decimalFixedTo || 2;
|
|
9
|
-
const onInput = (e) => {
|
|
10
|
-
// Allow numbers, a single decimal point, and negation in the input
|
|
11
|
-
e.target.value = e.target.value.replace(/[^0-9.-]/g, "");
|
|
12
|
-
// Ensure only one decimal point is present
|
|
13
|
-
const decimalPointCount = e.target.value.split(".").length - 1;
|
|
14
|
-
if (decimalPointCount > 1) {
|
|
15
|
-
e.target.value = e.target.value.slice(0, -1);
|
|
16
|
-
}
|
|
17
|
-
// Ensure only two digits after the decimal point
|
|
18
|
-
const parts = e.target.value.split(".");
|
|
19
|
-
if (parts.length === fixedLength && parts[1].length > fixedLength) {
|
|
20
|
-
e.target.value = `${parts[0]}.${parts[1].slice(0, fixedLength)}`;
|
|
21
|
-
}
|
|
22
|
-
};
|
|
23
|
-
const label = variant !== "standard"
|
|
24
|
-
? `${props.item.label}${props.item.required ? " *" : ""}`
|
|
25
|
-
: "";
|
|
26
|
-
const isError = !!props.errors?.[props.item.name];
|
|
27
|
-
const isShowBorderError = isError && props.fieldError;
|
|
28
|
-
return (jsx(Controller, { name: props.item.name, control: props.control, disabled: props.item?.disable, render: ({ field }) => (jsxs(Fragment, { children: [renderLabel(variant, props), jsx(TextField, { type: "text", size: "small", label: label, error: isShowBorderError, ...field, onChange: () => props?.clearErrors && props?.clearErrors(props.item.name), sx: {
|
|
29
|
-
"& input": {
|
|
30
|
-
textAlign: "right",
|
|
31
|
-
},
|
|
32
|
-
"& .css-16hdwvj,.css-1idq7r3-MuiFormLabel-root-MuiInputLabel-root": {
|
|
33
|
-
top: "-5px",
|
|
34
|
-
},
|
|
35
|
-
}, onBlur: (e) => {
|
|
36
|
-
props?.item?.onBlurFn && props?.item?.onBlurFn(e);
|
|
37
|
-
}, onInput: onInput, InputProps: {
|
|
38
|
-
inputProps: {
|
|
39
|
-
pattern: "[1-9]",
|
|
40
|
-
maxLength: 7,
|
|
41
|
-
},
|
|
42
|
-
} }), jsx(FormBottomField, { ...props })] })) }, props.item.name));
|
|
43
|
-
};
|
|
44
|
-
|
|
45
|
-
export { FormNumberFieldDecimal as default };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormRadioGroup.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/FormRadioGroup/FormRadioGroup.tsx"],"names":[],"mappings":"AASA,OAAO,EACL,eAAe,EACf,YAAY,EACb,MAAM,sCAAsC,CAAC;AAG9C,QAAA,MAAM,cAAc,GAAI,qBAGrB;IACD,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;CACvB,4CAwDA,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { FormControl, RadioGroup, FormControlLabel, Typography, Radio } from '@mui/material';
|
|
3
|
-
import { Controller } from 'react-hook-form';
|
|
4
|
-
import { renderLabel } from '../../../lib/Constants/FormConstants.js';
|
|
5
|
-
import FormBottomField from '../FormBottomField/FormBottomField.js';
|
|
6
|
-
|
|
7
|
-
const FormRadioGroup = ({ props, variant, }) => {
|
|
8
|
-
return (jsxs(Fragment, { children: [renderLabel(variant, props), jsx(FormControl, { component: "fieldset", children: jsx(Controller, { name: props.item.name, control: props.control, render: ({ field }) => (jsx(RadioGroup, { value: field.value, onChange: (e) => {
|
|
9
|
-
field.onChange(e.target.value); // ✅ update form state
|
|
10
|
-
console.log(e.target.value, "radio value selected");
|
|
11
|
-
props.item.onChangeFn && props.item.onChangeFn(e.target.value); // optional handler
|
|
12
|
-
}, row: true, sx: {
|
|
13
|
-
gap: "8px",
|
|
14
|
-
}, children: props.item?.settings?.map((option, i) => (jsx(FormControlLabel, { value: option.name, control: jsx(Radio, { sx: {
|
|
15
|
-
padding: "6px 2px 6px 8px",
|
|
16
|
-
color: "black",
|
|
17
|
-
"&.Mui-checked": {
|
|
18
|
-
color: "#1976d2", // blue when selected
|
|
19
|
-
},
|
|
20
|
-
"& .MuiSvgIcon-root": {
|
|
21
|
-
fontSize: 16, // 🔹 this actually controls the radio icon size
|
|
22
|
-
},
|
|
23
|
-
} }), label: jsx(Typography, { fontSize: "11px", fontWeight: "normal !important", children: option.label }) }, i))) })) }) }), jsx(FormBottomField, { ...props })] }));
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
export { FormRadioGroup as default };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormTextAreaField.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/FormTextAreaField/FormTextAreaField.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,eAAe,EACf,YAAY,EACb,MAAM,sCAAsC,CAAC;AAI9C,QAAA,MAAM,iBAAiB,GAAI,qBAGxB;IACD,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;CACvB,4CAqDA,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import { Controller } from 'react-hook-form';
|
|
3
|
-
import { renderLabel } from '../../../lib/Constants/FormConstants.js';
|
|
4
|
-
import FormBottomField from '../FormBottomField/FormBottomField.js';
|
|
5
|
-
import { TextAreaField } from './FormTextAreaField.styles.js';
|
|
6
|
-
|
|
7
|
-
const FormTextAreaField = ({ props, variant, }) => {
|
|
8
|
-
const isError = !!props.errors?.[props.item.name];
|
|
9
|
-
const isShowBorderError = isError && props.fieldError;
|
|
10
|
-
return (jsx(Fragment, { children: jsx(Controller, { control: props.control, name: props.item.name, render: ({ field }) => (jsxs(Fragment, { children: [renderLabel(variant, props), jsx(TextAreaField, { multiline: true, size: "small", InputProps: {
|
|
11
|
-
style: {
|
|
12
|
-
border: "none",
|
|
13
|
-
},
|
|
14
|
-
}, sx: {
|
|
15
|
-
...props.item.sx,
|
|
16
|
-
}, minRows: props.item.minRows || 1, maxRows: props.item.maxRows || 100, placeholder: props.item.placeholder || "Type Something...", ...field, label: variant !== "standard"
|
|
17
|
-
? `${props.item.label}${props.item.required ? " *" : ""}`
|
|
18
|
-
: "", error: isShowBorderError, value: field.value || "", disabled: props.item.disable, inputProps: {
|
|
19
|
-
onInput: (e) => {
|
|
20
|
-
if (!props?.item?.allowSpecialChars) {
|
|
21
|
-
const value = e.target.value;
|
|
22
|
-
e.target.value = value.replace(/[^a-zA-Z0-9 ]/g, "");
|
|
23
|
-
} // Allow only alphanumeric and space
|
|
24
|
-
if (e.target.value.length === 1 && e.target.value === " ") {
|
|
25
|
-
e.target.value = "";
|
|
26
|
-
}
|
|
27
|
-
},
|
|
28
|
-
} }), jsx(FormBottomField, { ...props })] })) }, props.item.name) }));
|
|
29
|
-
};
|
|
30
|
-
|
|
31
|
-
export { FormTextAreaField as default };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormTextAreaField.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/FormTextAreaField/FormTextAreaField.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,aAAa;;;;UA8BvB,CAAC"}
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
import styled from '@emotion/styled';
|
|
2
|
-
import { TextField } from '@mui/material';
|
|
3
|
-
|
|
4
|
-
const TextAreaField = styled(TextField)(() => ({
|
|
5
|
-
"& .css-1holvmy,.css-lqj8pz-MuiFormLabel-root-MuiInputLabel-root, .css-kichxs-MuiFormLabel-root-MuiInputLabel-root": {
|
|
6
|
-
top: "-10px",
|
|
7
|
-
},
|
|
8
|
-
"& input": {
|
|
9
|
-
fontSize: "11px",
|
|
10
|
-
},
|
|
11
|
-
"& .css-2rul56-MuiFormLabel-root-MuiInputLabel-root": {
|
|
12
|
-
top: "-10px",
|
|
13
|
-
},
|
|
14
|
-
"& .css-12ciryo-MuiFormLabel-root-MuiInputLabel-root ": {},
|
|
15
|
-
"& .css-1gq5vhi-MuiInputBase-root-MuiOutlinedInput-root input ": {
|
|
16
|
-
outline: "none",
|
|
17
|
-
border: "1px solid #ced4da", // Add this line to set border to none
|
|
18
|
-
},
|
|
19
|
-
"& .css-1gq5vhi-MuiInputBase-root-MuiOutlinedInput-root input:focus ": {
|
|
20
|
-
outline: "none",
|
|
21
|
-
border: "none", // Set border to none when input is focused
|
|
22
|
-
},
|
|
23
|
-
"& .css-1y03twt-MuiInputBase-root-MuiOutlinedInput-root": {
|
|
24
|
-
padding: "5px 5px", // Set border to none when input is focused
|
|
25
|
-
fontSize: "11px",
|
|
26
|
-
},
|
|
27
|
-
"& textarea": {
|
|
28
|
-
fontSize: "11px",
|
|
29
|
-
// textTransform:'uppercase'
|
|
30
|
-
maxHeight: "500px !important",
|
|
31
|
-
overflow: "auto",
|
|
32
|
-
},
|
|
33
|
-
}));
|
|
34
|
-
|
|
35
|
-
export { TextAreaField };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormTextField.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/FormTextField/FormTextField.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AAErF,QAAA,MAAM,aAAa,GAAI,qBAGpB;IACD,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;CACvB,4CAiEA,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
|
-
import { Controller } from 'react-hook-form';
|
|
3
|
-
import { FormTextFieldComponent } from './FormTextField.styles.js';
|
|
4
|
-
import FormBottomField from '../FormBottomField/FormBottomField.js';
|
|
5
|
-
import { renderLabel } from '../../../lib/Constants/FormConstants.js';
|
|
6
|
-
|
|
7
|
-
const FormTextField = ({ props, variant, }) => {
|
|
8
|
-
const isError = !!props.errors?.[props.item.name];
|
|
9
|
-
const isShowBorderError = isError && props.fieldError;
|
|
10
|
-
const label = variant !== "standard"
|
|
11
|
-
? `${props.item.label}${props.item.required ? " *" : ""}`
|
|
12
|
-
: "";
|
|
13
|
-
const onInput = (e) => {
|
|
14
|
-
if (props?.item?.donotAllowSpace) {
|
|
15
|
-
const value = e.target.value;
|
|
16
|
-
e.target.value = value.replace(" ", "");
|
|
17
|
-
}
|
|
18
|
-
if (!props?.item?.allowSpecialChars) {
|
|
19
|
-
const value = e.target.value;
|
|
20
|
-
e.target.value = value.replace(/[^a-zA-Z0-9 ]/g, "");
|
|
21
|
-
} // Allow only alphanumeric and space
|
|
22
|
-
if (e.target.value.length === 1 && e.target.value === " ") {
|
|
23
|
-
e.target.value = "";
|
|
24
|
-
}
|
|
25
|
-
props.item.onInputProps && props.item.onInputProps(e);
|
|
26
|
-
};
|
|
27
|
-
return (jsx(Controller, { control: props.control, name: props.item.name, render: ({ field }) => (jsxs(Fragment, { children: [renderLabel(variant, props), jsx(FormTextFieldComponent, { ...field, fullWidth: true, error: isShowBorderError, label: label, placeholder: props.item.placeholder || "", InputProps: {
|
|
28
|
-
style: {
|
|
29
|
-
border: "none",
|
|
30
|
-
},
|
|
31
|
-
}, autoComplete: "off", sx: {
|
|
32
|
-
...props.item.sx,
|
|
33
|
-
}, value: field.value || "", size: "small", disabled: props.item.disable, onBlur: (e) => {
|
|
34
|
-
props?.item?.onBlurFn && props?.item?.onBlurFn(e);
|
|
35
|
-
}, inputProps: {
|
|
36
|
-
maxLength: props.item.maxLength || 100,
|
|
37
|
-
onInput: onInput,
|
|
38
|
-
onPaste: (e) => {
|
|
39
|
-
if (props.item.doNotAllowPaste) {
|
|
40
|
-
e.preventDefault();
|
|
41
|
-
}
|
|
42
|
-
},
|
|
43
|
-
} }), jsx(FormBottomField, { ...props })] })) }, props.item.name));
|
|
44
|
-
};
|
|
45
|
-
|
|
46
|
-
export { FormTextField as default };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormTextField.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/FormTextField/FormTextField.styles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,sBAAsB;;;;UAiBhC,CAAC"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import styled from '@emotion/styled';
|
|
2
|
-
import { TextField } from '@mui/material';
|
|
3
|
-
|
|
4
|
-
const FormTextFieldComponent = styled(TextField)(() => ({
|
|
5
|
-
"& .css-1holvmy,.css-lqj8pz-MuiFormLabel-root-MuiInputLabel-root, .css-kichxs-MuiFormLabel-root-MuiInputLabel-root": {
|
|
6
|
-
top: "-10px",
|
|
7
|
-
},
|
|
8
|
-
"& .css-2rul56-MuiFormLabel-root-MuiInputLabel-root": {
|
|
9
|
-
top: "-10px",
|
|
10
|
-
},
|
|
11
|
-
"& .css-12ciryo-MuiFormLabel-root-MuiInputLabel-root ": {},
|
|
12
|
-
"& .css-1gq5vhi-MuiInputBase-root-MuiOutlinedInput-root input ": {
|
|
13
|
-
outline: "none",
|
|
14
|
-
border: "1px solid #ced4da", // Add this line to set border to none
|
|
15
|
-
},
|
|
16
|
-
"& .css-1gq5vhi-MuiInputBase-root-MuiOutlinedInput-root input:focus ": {
|
|
17
|
-
outline: "none",
|
|
18
|
-
border: "none", // Set border to none when input is focused
|
|
19
|
-
},
|
|
20
|
-
}));
|
|
21
|
-
|
|
22
|
-
export { FormTextFieldComponent };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"HelperText.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/HelperText/HelperText.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAEvE,QAAA,MAAM,UAAU,GAAI,OAAO,eAAe,4CAazC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { jsx, Fragment } from 'react/jsx-runtime';
|
|
2
|
-
|
|
3
|
-
const HelperText = (props) => {
|
|
4
|
-
return props?.item?.helperText ? (jsx("span", { style: {
|
|
5
|
-
fontSize: "11px",
|
|
6
|
-
color: "#3651d3",
|
|
7
|
-
}, children: props?.item?.helperText })) : (jsx(Fragment, {}));
|
|
8
|
-
};
|
|
9
|
-
|
|
10
|
-
export { HelperText as default };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"PasswordField.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/PasswordField/PasswordField.tsx"],"names":[],"mappings":"AAKA,OAAO,EACL,eAAe,EACf,YAAY,EACb,MAAM,sCAAsC,CAAC;AAE9C,QAAA,MAAM,aAAa,GAAI,qBAGpB;IACD,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;CACvB,4CAwFA,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
|
-
import { Visibility, VisibilityOff } from '@mui/icons-material';
|
|
3
|
-
import { Box, FormControl, TextField, IconButton } from '@mui/material';
|
|
4
|
-
import { useState } from 'react';
|
|
5
|
-
import { Controller } from 'react-hook-form';
|
|
6
|
-
import { renderLabel } from '../../../lib/Constants/FormConstants.js';
|
|
7
|
-
import FormBottomField from '../FormBottomField/FormBottomField.js';
|
|
8
|
-
|
|
9
|
-
const PasswordField = ({ props, variant, }) => {
|
|
10
|
-
const [showPassword, setShowPassword] = useState(false);
|
|
11
|
-
const handleTogglePasswordVisibility = () => {
|
|
12
|
-
setShowPassword((prevShowPassword) => !prevShowPassword);
|
|
13
|
-
};
|
|
14
|
-
const label = variant !== "standard"
|
|
15
|
-
? `${props.item.label}${props.item.required ? " *" : ""}`
|
|
16
|
-
: "";
|
|
17
|
-
const isError = !!props.errors?.[props.item.name];
|
|
18
|
-
const isShowBorderError = isError && props.fieldError;
|
|
19
|
-
return (jsx(Box, { position: "relative", children: jsxs(FormControl, { fullWidth: true, children: [" ", jsx(Controller, { control: props.control, name: props.item.name, render: ({ field }) => (jsxs(Fragment, { children: [jsxs(Box, { sx: { position: "relative" }, children: [" ", renderLabel(variant, props), jsx(TextField, { size: "small", error: isShowBorderError, type: showPassword ? "text" : "password", autoComplete: props.item?.InputProps?.autoComplete || "off", placeholder: props.item.placeholder || "", ...field, label: label, sx: {
|
|
20
|
-
width: "100%",
|
|
21
|
-
"& .css-kichxs-MuiFormLabel-root-MuiInputLabel-root,.css-1holvmy": {
|
|
22
|
-
top: "-8px",
|
|
23
|
-
},
|
|
24
|
-
}, inputProps: {
|
|
25
|
-
maxLength: props.item.maxLength || 100,
|
|
26
|
-
onInput: (e) => {
|
|
27
|
-
props.item.onInputProps && props.item.onInputProps(e);
|
|
28
|
-
},
|
|
29
|
-
onPaste: (e) => {
|
|
30
|
-
if (props.item?.doNotAllowPaste) {
|
|
31
|
-
e.preventDefault();
|
|
32
|
-
}
|
|
33
|
-
},
|
|
34
|
-
}, value: field.value || null, disabled: props.item.disable }), jsx(IconButton, { sx: {
|
|
35
|
-
position: "absolute",
|
|
36
|
-
right: "14px",
|
|
37
|
-
top: variant === "standard" ? "70%" : "50%",
|
|
38
|
-
transform: "translateY(-50%)",
|
|
39
|
-
width: "25px",
|
|
40
|
-
}, "aria-label": "toggle password visibility", onClick: handleTogglePasswordVisibility, edge: "end", children: showPassword ? (jsx(Visibility, { sx: {
|
|
41
|
-
fontSize: "12px",
|
|
42
|
-
position: "absolute",
|
|
43
|
-
} })) : (jsx(VisibilityOff, { sx: {
|
|
44
|
-
fontSize: "12px",
|
|
45
|
-
position: "absolute",
|
|
46
|
-
} })) })] }), jsx(FormBottomField, { ...props })] })) })] }) }, props.item.name));
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
export { PasswordField as default };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditor.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/RichTextEditor/RichTextEditor.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AAGvE,QAAA,MAAM,cAAc,GAAI,WAAW;IAAE,KAAK,EAAE,eAAe,CAAA;CAAE,4CAoG5D,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"RichTextEditorWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/RichTextEditor/RichTextEditorWrapper.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,eAAe,EACf,YAAY,EACb,MAAM,sCAAsC,CAAC;AAI9C,QAAA,MAAM,qBAAqB,GAAI,qBAG5B;IACD,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;CACvB,4CAeA,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"jodit.index.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/RichTextEditor/jodit.index.ts"],"names":[],"mappings":"AA+BA,OAAO,WAAW,MAAM,aAAa,CAAC;AAGtC,OAAO,EAAE,KAAK,EAAE,MAAM,OAAO,CAAC;AAG9B,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;CACtC;AACD,OAAO,QAAQ,OAAO,CAAC;IACrB,UAAU,KAAK;QACb,OAAO,IAAI,MAAM,CAAC;QAClB,OAAO,CAAC,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;KAC7B;CACF;AAGD,eAAe,WAAW,CAAC;AAC3B,OAAO,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import JoditEditor from 'jodit-react';
|
|
2
|
-
export { default } from 'jodit-react';
|
|
3
|
-
export { Jodit } from 'jodit';
|
|
4
|
-
|
|
5
|
-
// import { Jodit } from 'jodit/esm/index';
|
|
6
|
-
// import * as React from 'react';
|
|
7
|
-
// type DeepPartial<T> = T extends object
|
|
8
|
-
// ? {
|
|
9
|
-
// [P in keyof T]?: DeepPartial<T[P]>;
|
|
10
|
-
// }
|
|
11
|
-
// : T;
|
|
12
|
-
// export interface IJoditEditorProps {
|
|
13
|
-
// value: string;
|
|
14
|
-
// className?: string;
|
|
15
|
-
// config?: DeepPartial<Jodit['options']>;
|
|
16
|
-
// tabIndex?: DeepPartial<Jodit['tabIndex']>;
|
|
17
|
-
// // eslint-disable-next-line no-unused-vars
|
|
18
|
-
// onChange?: (newValue: string) => void;
|
|
19
|
-
// // eslint-disable-next-line no-unused-vars
|
|
20
|
-
// onBlur?: (newValue: string) => void;
|
|
21
|
-
// }
|
|
22
|
-
// declare const JoditEditor: React.ForwardRefExoticComponent<
|
|
23
|
-
// React.PropsWithoutRef<IJoditEditorProps> & React.RefAttributes<Jodit>
|
|
24
|
-
// >;
|
|
25
|
-
// export default JoditEditor;
|
|
26
|
-
// export { Jodit };
|
|
27
|
-
// Import the runtime React component
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/Select/MultiSelect.tsx"],"names":[],"mappings":"AA2IA,QAAA,MAAM,WAAW,+CAEhB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MultiSelectv1.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/Select/MultiSelectv1.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,eAAe,EACf,YAAY,EACb,MAAM,sCAAsC,CAAC;AA+B9C,MAAM,CAAC,OAAO,UAAU,aAAa,CAAC,EACpC,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;CACvB,2CAqOA"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SingleSelect.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/Select/SingleSelect.tsx"],"names":[],"mappings":"AAIA,OAAO,EACL,eAAe,EACf,YAAY,EACb,MAAM,sCAAsC,CAAC;AAG9C,QAAA,MAAM,YAAY,GAAI,qBAGnB;IACD,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;CACvB,4CA6FA,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
2
|
-
import { Autocomplete, Tooltip, TextField } from '@mui/material';
|
|
3
|
-
import { Controller } from 'react-hook-form';
|
|
4
|
-
import { renderLabel } from '../../../lib/Constants/FormConstants.js';
|
|
5
|
-
import FormBottomField from '../FormBottomField/FormBottomField.js';
|
|
6
|
-
|
|
7
|
-
const SingleSelect = ({ props, variant, }) => {
|
|
8
|
-
const isError = !!props.errors?.[props.item.name];
|
|
9
|
-
const isShowBorderError = isError && props.fieldError && !props.getValues(props.item.name);
|
|
10
|
-
const value = props.getValues(props.item.name)
|
|
11
|
-
? props.item.options?.find((item) => item.value === props.getValues(props.item.name))
|
|
12
|
-
: null;
|
|
13
|
-
return (jsx(Controller, { control: props.control, name: props.item.name, render: ({ field }) => (jsxs(Fragment, { children: [renderLabel(variant, props), jsx(Autocomplete, { ...field, value: value, onChange: (_, newValue) => {
|
|
14
|
-
props.setValue(props?.item?.name, newValue?.value);
|
|
15
|
-
props?.item?.onChangeFn &&
|
|
16
|
-
props?.item?.onChangeFn(newValue?.value);
|
|
17
|
-
props?.clearErrors && props?.clearErrors(props?.item?.name);
|
|
18
|
-
}, onBlur: (e) => {
|
|
19
|
-
props?.item?.onBlurFn && props?.item?.onBlurFn(e);
|
|
20
|
-
}, size: "small", sx: {
|
|
21
|
-
"& .MuiAutocomplete-input": {
|
|
22
|
-
padding: "0px 0px 0px 5px !important",
|
|
23
|
-
},
|
|
24
|
-
"& .css-erkti9-MuiFormLabel-root-MuiInputLabel-root,.css-8edmr2-MuiFormLabel-root-MuiInputLabel-root": {
|
|
25
|
-
top: "-3px",
|
|
26
|
-
},
|
|
27
|
-
"& .MuiAutocomplete-option": {
|
|
28
|
-
fontSize: "11px",
|
|
29
|
-
zIndex: 2000,
|
|
30
|
-
},
|
|
31
|
-
...props.item.sx,
|
|
32
|
-
}, ListboxProps: {
|
|
33
|
-
onScroll: (event) => {
|
|
34
|
-
const listboxNode = event.currentTarget;
|
|
35
|
-
if (listboxNode.scrollTop + listboxNode.clientHeight ===
|
|
36
|
-
listboxNode.scrollHeight) ;
|
|
37
|
-
},
|
|
38
|
-
}, disabled: props.item.disable, options: props.item.options || [], slotProps: {
|
|
39
|
-
popper: {
|
|
40
|
-
sx: {
|
|
41
|
-
zIndex: 1401,
|
|
42
|
-
},
|
|
43
|
-
},
|
|
44
|
-
}, renderInput: (params) => {
|
|
45
|
-
return (jsx(Tooltip, { title: params.inputProps.value && params.inputProps.value, children: jsx(TextField, { ...params, placeholder: props.item.placeholder, error: isShowBorderError, label: variant !== "standard"
|
|
46
|
-
? `${props.item.label}${props.item.required ? " *" : ""}`
|
|
47
|
-
: "" }) }));
|
|
48
|
-
} }), jsx(FormBottomField, { ...props })] })) }, props.item.name));
|
|
49
|
-
};
|
|
50
|
-
|
|
51
|
-
export { SingleSelect as default };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SingleSelectNonAutoComplete.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/Select/SingleSelectNonAutoComplete.tsx"],"names":[],"mappings":"AAEA,OAAO,EACL,eAAe,EACf,YAAY,EACb,MAAM,sCAAsC,CAAC;AAE9C,QAAA,MAAM,2BAA2B,GAAI,qBAGlC;IACD,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;CACvB,4CAsDA,CAAC;AAEF,eAAe,2BAA2B,CAAC"}
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { FormControl, InputLabel, Select, MenuItem } from '@mui/material';
|
|
3
|
-
import { renderLabel } from '../../../lib/Constants/FormConstants.js';
|
|
4
|
-
import FormBottomField from '../FormBottomField/FormBottomField.js';
|
|
5
|
-
|
|
6
|
-
const SingleSelectNonAutoComplete = ({ props, variant, }) => {
|
|
7
|
-
const isError = !!props.errors?.[props.item.name];
|
|
8
|
-
const isShowBorderError = isError && props.fieldError;
|
|
9
|
-
return (jsxs(FormControl, { fullWidth: true, sx: {
|
|
10
|
-
position: "relative",
|
|
11
|
-
"& .MuiFormLabel-root": {
|
|
12
|
-
top: -10,
|
|
13
|
-
},
|
|
14
|
-
"& .MuiInputLabel-shrink": {
|
|
15
|
-
top: 0,
|
|
16
|
-
},
|
|
17
|
-
}, children: [renderLabel(variant, props), variant !== "standard" && (jsx(InputLabel, { error: isShowBorderError, id: "demo-simple-select-label", children: props.item.label })), jsx(Select, { labelId: "demo-simple-select-label", id: "demo-simple-select", value: props.getValues(props.item.name), label: variant !== "standard"
|
|
18
|
-
? `${props.item.label}${props.item.required ? " *" : ""}`
|
|
19
|
-
: "", onChange: (e) => props.setValue(props.item.name, e.target.value), onBlur: (e) => {
|
|
20
|
-
props?.item?.onBlurFn && props?.item?.onBlurFn(e);
|
|
21
|
-
}, error: isShowBorderError, children: (props.item.options || []).map((item) => (jsx(MenuItem, { sx: {
|
|
22
|
-
fontSize: "11px", // Adjust the font size as needed
|
|
23
|
-
zIndex: 2000,
|
|
24
|
-
}, value: item.value, children: item.label }))) }), jsx(FormBottomField, { ...props })] }, props.item.name));
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
export { SingleSelectNonAutoComplete as default };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"SingleSelectSearchApi.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/Select/SingleSelectSearchApi.tsx"],"names":[],"mappings":"AA8MA,QAAA,MAAM,qBAAqB,+CAE1B,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TimePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/FormComponents/TimePicker/TimePicker.tsx"],"names":[],"mappings":"AAUA,OAAO,EACL,eAAe,EACf,YAAY,EACb,MAAM,sCAAsC,CAAC;AAE9C,MAAM,CAAC,OAAO,UAAU,sBAAsB,CAAC,EAC7C,KAAK,EACL,OAAO,GACR,EAAE;IACD,KAAK,EAAE,eAAe,CAAC;IACvB,OAAO,EAAE,YAAY,CAAC;CACvB,2CA2EA"}
|
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
|
|
2
|
-
import { ErrorMessage } from '@hookform/error-message';
|
|
3
|
-
import { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';
|
|
4
|
-
import { LocalizationProvider } from '@mui/x-date-pickers/LocalizationProvider';
|
|
5
|
-
import { TimePicker } from '@mui/x-date-pickers/TimePicker';
|
|
6
|
-
import { Controller } from 'react-hook-form';
|
|
7
|
-
import { renderLabel, parseCustomTime, formatDayjsToCustomTime } from '../../../lib/Constants/FormConstants.js';
|
|
8
|
-
import { ErrorMessageComponent } from '../../Form/Form.styles.js';
|
|
9
|
-
|
|
10
|
-
function TimePickerFieldWrapper({ props, variant, }) {
|
|
11
|
-
const value = props.getValues(props.item.name);
|
|
12
|
-
const isError = !!props.errors?.[props.item.name];
|
|
13
|
-
const isShowBorderError = isError && props.fieldError;
|
|
14
|
-
return (jsxs(LocalizationProvider, { dateAdapter: AdapterDayjs, children: [jsx(Controller, { name: "time", control: props.control, render: ({ field }) => (jsxs(Fragment, { children: [" ", renderLabel(variant, props), jsx(TimePicker, { ...field, value: value ? parseCustomTime(value) : null, onChange: (newTime) => {
|
|
15
|
-
const parsedTime = parseCustomTime(formatDayjsToCustomTime(newTime));
|
|
16
|
-
const min = props.item.minTime
|
|
17
|
-
? parseCustomTime(props.item.minTime)
|
|
18
|
-
: null;
|
|
19
|
-
const max = props.item.maxTime
|
|
20
|
-
? parseCustomTime(props.item.maxTime)
|
|
21
|
-
: null;
|
|
22
|
-
let finalTime = parsedTime;
|
|
23
|
-
if (min && parsedTime?.isBefore(min)) {
|
|
24
|
-
finalTime = min;
|
|
25
|
-
}
|
|
26
|
-
else if (max && parsedTime?.isAfter(max)) {
|
|
27
|
-
finalTime = max;
|
|
28
|
-
}
|
|
29
|
-
const formatted = formatDayjsToCustomTime(finalTime);
|
|
30
|
-
props.setValue(props.item.name, formatted);
|
|
31
|
-
props.item.onChangeFn && props.item.onChangeFn(formatted);
|
|
32
|
-
}, minTime: props.item.minTime
|
|
33
|
-
? parseCustomTime(props.item.minTime) || undefined
|
|
34
|
-
: undefined, maxTime: props.item.maxTime
|
|
35
|
-
? parseCustomTime(props.item.maxTime) || undefined
|
|
36
|
-
: undefined, label: props.variant === "standard" ? "" : props.item.label, disabled: props.item.disable, slotProps: {
|
|
37
|
-
textField: {
|
|
38
|
-
size: "small",
|
|
39
|
-
error: isShowBorderError,
|
|
40
|
-
inputProps: {
|
|
41
|
-
readOnly: true,
|
|
42
|
-
},
|
|
43
|
-
sx: {
|
|
44
|
-
"& .MuiFormLabel-root": {
|
|
45
|
-
top: -3,
|
|
46
|
-
},
|
|
47
|
-
"& .MuiInputLabel-shrink": {
|
|
48
|
-
top: 0,
|
|
49
|
-
},
|
|
50
|
-
},
|
|
51
|
-
},
|
|
52
|
-
} })] })) }), jsx(ErrorMessageComponent, { children: jsx(ErrorMessage, { errors: props.errors, name: props.item.name }) })] }));
|
|
53
|
-
}
|
|
54
|
-
|
|
55
|
-
export { TimePickerFieldWrapper as default };
|