@gnwebsoft/ui 4.0.3 → 4.0.4
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/{chunk-DKD73ADK.cjs → chunk-2QTXS736.cjs} +28 -77
- package/dist/{chunk-DS524L7W.cjs → chunk-3RZ4JNO3.cjs} +5 -5
- package/dist/chunk-HKO2FXDM.js +2232 -0
- package/dist/{chunk-M3NVOZ7L.cjs → chunk-IKHMJW5A.cjs} +1 -1
- package/dist/chunk-LUW7V5GI.cjs +1 -1
- package/dist/chunk-MVPLBJRK.cjs +1 -1
- package/dist/chunk-NMJ5V7FQ.js +2512 -0
- package/dist/chunk-XN3KVY4J.js +467 -0
- package/dist/chunk-XTPFOURJ.cjs +72 -0
- package/dist/chunk-Y3QTSDLJ.cjs +1 -1
- package/dist/core/api/ApiClient.d.ts +329 -0
- package/dist/core/api/ApiClient.d.ts.map +1 -0
- package/dist/core/api/CorrelationIdGenerator.d.ts +52 -0
- package/dist/core/api/CorrelationIdGenerator.d.ts.map +1 -0
- package/dist/core/api/Errors/ErrorNormalizer.d.ts +106 -0
- package/dist/core/api/Errors/ErrorNormalizer.d.ts.map +1 -0
- package/dist/core/api/Interceptors/InterceptorManager.d.ts +236 -0
- package/dist/core/api/Interceptors/InterceptorManager.d.ts.map +1 -0
- package/dist/core/api/Models/FilterModel.d.ts +22 -0
- package/dist/core/api/Models/FilterModel.d.ts.map +1 -0
- package/dist/core/api/Models/QueryParams.d.ts +13 -0
- package/dist/core/api/Models/QueryParams.d.ts.map +1 -0
- package/dist/core/api/Models/index.d.ts +3 -0
- package/dist/core/api/Models/index.d.ts.map +1 -0
- package/dist/core/api/RequestManager.d.ts +142 -0
- package/dist/core/api/RequestManager.d.ts.map +1 -0
- package/dist/core/api/Retry/RetryHandler.d.ts +100 -0
- package/dist/core/api/Retry/RetryHandler.d.ts.map +1 -0
- package/dist/core/api/Signals/SignalManager.d.ts +153 -0
- package/dist/core/api/Signals/SignalManager.d.ts.map +1 -0
- package/dist/core/api/Utils/ResponseParser.d.ts +105 -0
- package/dist/core/api/Utils/ResponseParser.d.ts.map +1 -0
- package/dist/core/api/Utils/UrlBuilder.d.ts +111 -0
- package/dist/core/api/Utils/UrlBuilder.d.ts.map +1 -0
- package/dist/core/api/createApiClient.d.ts +243 -0
- package/dist/core/api/createApiClient.d.ts.map +1 -0
- package/dist/core/api/index.d.ts +7 -0
- package/dist/core/api/index.d.ts.map +1 -0
- package/dist/core/api/types/ApiError.d.ts +17 -0
- package/dist/core/api/types/ApiError.d.ts.map +1 -0
- package/dist/core/api/types/ApiResponse.d.ts +76 -0
- package/dist/core/api/types/ApiResponse.d.ts.map +1 -0
- package/dist/core/api/types/CancelToken.d.ts +15 -0
- package/dist/core/api/types/CancelToken.d.ts.map +1 -0
- package/dist/core/api/types/ErrorInterceptor.d.ts +3 -0
- package/dist/core/api/types/ErrorInterceptor.d.ts.map +1 -0
- package/dist/core/api/types/ErrorResponseData.d.ts +68 -0
- package/dist/core/api/types/ErrorResponseData.d.ts.map +1 -0
- package/dist/core/api/types/RequestConfig.d.ts +21 -0
- package/dist/core/api/types/RequestConfig.d.ts.map +1 -0
- package/dist/core/api/types/RequestInterceptor.d.ts +3 -0
- package/dist/core/api/types/RequestInterceptor.d.ts.map +1 -0
- package/dist/core/api/types/ResponseInterceptor.d.ts +3 -0
- package/dist/core/api/types/ResponseInterceptor.d.ts.map +1 -0
- package/dist/core/api/types/ValidationErrors.d.ts +7 -0
- package/dist/core/api/types/ValidationErrors.d.ts.map +1 -0
- package/dist/core/api/types/index.d.ts +10 -0
- package/dist/core/api/types/index.d.ts.map +1 -0
- package/dist/core/api/useValidationErrors.d.ts +11 -0
- package/dist/core/api/useValidationErrors.d.ts.map +1 -0
- package/dist/core/components/AuthorizedView/AuthorizedView.d.ts +7 -0
- package/dist/core/components/AuthorizedView/AuthorizedView.d.ts.map +1 -0
- package/dist/core/components/AuthorizedView/index.d.ts +2 -0
- package/dist/core/components/AuthorizedView/index.d.ts.map +1 -0
- package/dist/core/components/CancelButton/CancelButton.d.ts +4 -0
- package/dist/core/components/CancelButton/CancelButton.d.ts.map +1 -0
- package/dist/core/components/CancelButton/index.d.ts +2 -0
- package/dist/core/components/CancelButton/index.d.ts.map +1 -0
- package/dist/core/components/ClearButton/ClearButton.d.ts +63 -0
- package/dist/core/components/ClearButton/ClearButton.d.ts.map +1 -0
- package/dist/core/components/ClearButton/index.d.ts +2 -0
- package/dist/core/components/ClearButton/index.d.ts.map +1 -0
- package/dist/core/components/Containers/SimpleContainer.d.ts +10 -0
- package/dist/core/components/Containers/SimpleContainer.d.ts.map +1 -0
- package/dist/core/components/Containers/index.d.ts +2 -0
- package/dist/core/components/Containers/index.d.ts.map +1 -0
- package/dist/core/components/FilterButton/FilterButton.d.ts +86 -0
- package/dist/core/components/FilterButton/FilterButton.d.ts.map +1 -0
- package/dist/core/components/FilterButton/index.d.ts +2 -0
- package/dist/core/components/FilterButton/index.d.ts.map +1 -0
- package/dist/core/components/FilterDisplay/FilterChip.d.ts +9 -0
- package/dist/core/components/FilterDisplay/FilterChip.d.ts.map +1 -0
- package/dist/core/components/FilterDisplay/FilterDisplay.d.ts +10 -0
- package/dist/core/components/FilterDisplay/FilterDisplay.d.ts.map +1 -0
- package/dist/core/components/FilterDisplay/index.d.ts +3 -0
- package/dist/core/components/FilterDisplay/index.d.ts.map +1 -0
- package/dist/core/components/FilterWrapper/FilterWrapper.d.ts +99 -0
- package/dist/core/components/FilterWrapper/FilterWrapper.d.ts.map +1 -0
- package/dist/core/components/FilterWrapper/index.d.ts +2 -0
- package/dist/core/components/FilterWrapper/index.d.ts.map +1 -0
- package/dist/core/components/Footer/Footer.d.ts +3 -0
- package/dist/core/components/Footer/Footer.d.ts.map +1 -0
- package/dist/core/components/Footer/index.d.ts +2 -0
- package/dist/core/components/Footer/index.d.ts.map +1 -0
- package/dist/core/components/LabelText/LabelText.d.ts +103 -0
- package/dist/core/components/LabelText/LabelText.d.ts.map +1 -0
- package/dist/core/components/LabelText/index.d.ts +2 -0
- package/dist/core/components/LabelText/index.d.ts.map +1 -0
- package/dist/core/components/RenderIf/RenderIf.d.ts +7 -0
- package/dist/core/components/RenderIf/RenderIf.d.ts.map +1 -0
- package/dist/core/components/RenderIf/index.d.ts +2 -0
- package/dist/core/components/RenderIf/index.d.ts.map +1 -0
- package/dist/core/components/SectionBox/SectionBox.d.ts +15 -0
- package/dist/core/components/SectionBox/SectionBox.d.ts.map +1 -0
- package/dist/core/components/SectionBox/index.d.ts +2 -0
- package/dist/core/components/SectionBox/index.d.ts.map +1 -0
- package/dist/core/components/SimpleTabs/SimpleTabs.d.ts +17 -0
- package/dist/core/components/SimpleTabs/SimpleTabs.d.ts.map +1 -0
- package/dist/core/components/SimpleTabs/index.d.ts +2 -0
- package/dist/core/components/SimpleTabs/index.d.ts.map +1 -0
- package/dist/core/components/SubmitButton/SubmitButton.d.ts +6 -0
- package/dist/core/components/SubmitButton/SubmitButton.d.ts.map +1 -0
- package/dist/core/components/SubmitButton/index.d.ts +2 -0
- package/dist/core/components/SubmitButton/index.d.ts.map +1 -0
- package/dist/core/components/WithRef/WithRef.d.ts +14 -0
- package/dist/core/components/WithRef/WithRef.d.ts.map +1 -0
- package/dist/core/components/WithRef/index.d.ts +2 -0
- package/dist/core/components/WithRef/index.d.ts.map +1 -0
- package/dist/core/components/index.d.ts +15 -0
- package/dist/core/components/index.d.ts.map +1 -0
- package/dist/core/config.d.ts +24 -0
- package/dist/core/config.d.ts.map +1 -0
- package/dist/core/hooks/index.d.ts +3 -0
- package/dist/core/hooks/index.d.ts.map +1 -0
- package/dist/core/hooks/makeQuery.d.ts +12 -0
- package/dist/core/hooks/makeQuery.d.ts.map +1 -0
- package/dist/core/hooks/useApiClient.d.ts +3 -0
- package/dist/core/hooks/useApiClient.d.ts.map +1 -0
- package/dist/core/hooks/useFormErrorHandler.d.ts +35 -0
- package/dist/core/hooks/useFormErrorHandler.d.ts.map +1 -0
- package/dist/core/hooks/useListView.d.ts +20 -0
- package/dist/core/hooks/useListView.d.ts.map +1 -0
- package/dist/core/index.cjs +3 -3
- package/dist/core/index.d.ts +9 -0
- package/dist/core/index.d.ts.map +1 -0
- package/dist/core/index.js +1 -1
- package/dist/core/models.d.ts +5 -0
- package/dist/core/models.d.ts.map +1 -0
- package/dist/core/types/FilterLabel.d.ts +6 -0
- package/dist/core/types/FilterLabel.d.ts.map +1 -0
- package/dist/core/types/ListModels.d.ts +18 -0
- package/dist/core/types/ListModels.d.ts.map +1 -0
- package/dist/core/types/OptionsRequest.d.ts +4 -0
- package/dist/core/types/OptionsRequest.d.ts.map +1 -0
- package/dist/core/types/index.d.ts +4 -0
- package/dist/core/types/index.d.ts.map +1 -0
- package/dist/core/utils/CacheUtility/index.d.ts +15 -0
- package/dist/core/utils/CacheUtility/index.d.ts.map +1 -0
- package/dist/core/utils/calculateFilterCount.d.ts +2 -0
- package/dist/core/utils/calculateFilterCount.d.ts.map +1 -0
- package/dist/core/utils/format-time.d.ts +79 -0
- package/dist/core/utils/format-time.d.ts.map +1 -0
- package/dist/core/utils/getEmptyObject.d.ts +7 -0
- package/dist/core/utils/getEmptyObject.d.ts.map +1 -0
- package/dist/core/utils/index.d.ts +7 -0
- package/dist/core/utils/index.d.ts.map +1 -0
- package/dist/core/utils/useStableRowCount.d.ts +9 -0
- package/dist/core/utils/useStableRowCount.d.ts.map +1 -0
- package/dist/core/utils/watch/core.d.ts +22 -0
- package/dist/core/utils/watch/core.d.ts.map +1 -0
- package/dist/core/utils/watch/index.d.ts +49 -0
- package/dist/core/utils/watch/index.d.ts.map +1 -0
- package/dist/core/utils/watch/utilities.d.ts +34 -0
- package/dist/core/utils/watch/utilities.d.ts.map +1 -0
- package/dist/hooks/index.cjs +1 -1
- package/dist/hooks/index.d.ts +3 -0
- package/dist/hooks/index.d.ts.map +1 -0
- package/dist/hooks/useTransform/enhanced.d.ts +133 -0
- package/dist/hooks/useTransform/enhanced.d.ts.map +1 -0
- package/dist/hooks/useTransform/index.d.ts +93 -0
- package/dist/hooks/useTransform/index.d.ts.map +1 -0
- package/dist/index.cjs +6 -24
- package/dist/index.d.ts +6 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/index.js +4 -22
- package/dist/types/AsyncSelectPayload.d.ts +9 -0
- package/dist/types/AsyncSelectPayload.d.ts.map +1 -0
- package/dist/types/OperationResponse.d.ts +5 -0
- package/dist/types/OperationResponse.d.ts.map +1 -0
- package/dist/types/OptionItem.d.ts +75 -0
- package/dist/types/OptionItem.d.ts.map +1 -0
- package/dist/types/api.d.ts +127 -0
- package/dist/types/api.d.ts.map +1 -0
- package/dist/types/events.d.ts +74 -0
- package/dist/types/events.d.ts.map +1 -0
- package/dist/types/index.cjs +3 -3
- package/dist/types/index.d.ts +17 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/index.js +1 -1
- package/dist/types/utilities.d.ts +458 -0
- package/dist/types/utilities.d.ts.map +1 -0
- package/dist/utils/api.d.ts +14 -0
- package/dist/utils/api.d.ts.map +1 -0
- package/dist/utils/api2.d.ts +14 -0
- package/dist/utils/api2.d.ts.map +1 -0
- package/dist/utils/flattenObjectKeys.d.ts +63 -0
- package/dist/utils/flattenObjectKeys.d.ts.map +1 -0
- package/dist/utils/getTimezone.d.ts +4 -0
- package/dist/utils/getTimezone.d.ts.map +1 -0
- package/dist/utils/handleServerErrors.d.ts +70 -0
- package/dist/utils/handleServerErrors.d.ts.map +1 -0
- package/dist/utils/index.cjs +3 -3
- package/dist/utils/index.d.ts +11 -0
- package/dist/utils/index.d.ts.map +1 -0
- package/dist/utils/index.js +1 -1
- package/dist/utils/propertyExists.d.ts +35 -0
- package/dist/utils/propertyExists.d.ts.map +1 -0
- package/dist/utils/readValueAsDate.d.ts +4 -0
- package/dist/utils/readValueAsDate.d.ts.map +1 -0
- package/dist/utils/removeLeadingTrailingSlashes.d.ts +2 -0
- package/dist/utils/removeLeadingTrailingSlashes.d.ts.map +1 -0
- package/dist/utils/schemaTools.d.ts +82 -0
- package/dist/utils/schemaTools.d.ts.map +1 -0
- package/dist/utils/typeGuards.d.ts +316 -0
- package/dist/utils/typeGuards.d.ts.map +1 -0
- package/dist/utils/watch/core.d.ts +22 -0
- package/dist/utils/watch/core.d.ts.map +1 -0
- package/dist/utils/watch/index.d.ts +49 -0
- package/dist/utils/watch/index.d.ts.map +1 -0
- package/dist/utils/watch/utilities.d.ts +34 -0
- package/dist/utils/watch/utilities.d.ts.map +1 -0
- package/dist/wrappers/AsyncMultiSelect/AsyncMultiSelect.d.ts +9 -0
- package/dist/wrappers/AsyncMultiSelect/AsyncMultiSelect.d.ts.map +1 -0
- package/dist/wrappers/AsyncMultiSelect/index.d.ts +3 -0
- package/dist/wrappers/AsyncMultiSelect/index.d.ts.map +1 -0
- package/dist/wrappers/AsyncMultiSelect/types.d.ts +19 -0
- package/dist/wrappers/AsyncMultiSelect/types.d.ts.map +1 -0
- package/dist/wrappers/AsyncMultiSelect2/AsyncMultiSelect2.d.ts +8 -0
- package/dist/wrappers/AsyncMultiSelect2/AsyncMultiSelect2.d.ts.map +1 -0
- package/dist/wrappers/AsyncMultiSelect2/index.d.ts +3 -0
- package/dist/wrappers/AsyncMultiSelect2/index.d.ts.map +1 -0
- package/dist/wrappers/AsyncMultiSelect2/types.d.ts +29 -0
- package/dist/wrappers/AsyncMultiSelect2/types.d.ts.map +1 -0
- package/dist/wrappers/AsyncSelect/index.d.ts +9 -0
- package/dist/wrappers/AsyncSelect/index.d.ts.map +1 -0
- package/dist/wrappers/AsyncSelect/types.d.ts +19 -0
- package/dist/wrappers/AsyncSelect/types.d.ts.map +1 -0
- package/dist/wrappers/Button.d.ts +49 -0
- package/dist/wrappers/Button.d.ts.map +1 -0
- package/dist/wrappers/CheckboxElement/CheckboxElement.d.ts +102 -0
- package/dist/wrappers/CheckboxElement/CheckboxElement.d.ts.map +1 -0
- package/dist/wrappers/CheckboxElement/index.d.ts +3 -0
- package/dist/wrappers/CheckboxElement/index.d.ts.map +1 -0
- package/dist/wrappers/CheckboxElement/types.d.ts +76 -0
- package/dist/wrappers/CheckboxElement/types.d.ts.map +1 -0
- package/dist/wrappers/CheckboxGroup/CheckboxGroup.d.ts +96 -0
- package/dist/wrappers/CheckboxGroup/CheckboxGroup.d.ts.map +1 -0
- package/dist/wrappers/CheckboxGroup/EnhancedCheckboxGroup.d.ts +49 -0
- package/dist/wrappers/CheckboxGroup/EnhancedCheckboxGroup.d.ts.map +1 -0
- package/dist/wrappers/CheckboxGroup/enhanced-types.d.ts +171 -0
- package/dist/wrappers/CheckboxGroup/enhanced-types.d.ts.map +1 -0
- package/dist/wrappers/CheckboxGroup/index.d.ts +3 -0
- package/dist/wrappers/CheckboxGroup/index.d.ts.map +1 -0
- package/dist/wrappers/CheckboxGroup/types.d.ts +106 -0
- package/dist/wrappers/CheckboxGroup/types.d.ts.map +1 -0
- package/dist/wrappers/DatePickerElement/DatePickerElement.d.ts +131 -0
- package/dist/wrappers/DatePickerElement/DatePickerElement.d.ts.map +1 -0
- package/dist/wrappers/DatePickerElement/DatePickerElementCore.d.ts +57 -0
- package/dist/wrappers/DatePickerElement/DatePickerElementCore.d.ts.map +1 -0
- package/dist/wrappers/DatePickerElement/hooks/index.d.ts +24 -0
- package/dist/wrappers/DatePickerElement/hooks/index.d.ts.map +1 -0
- package/dist/wrappers/DatePickerElement/hooks/useDatePickerStyles.d.ts +63 -0
- package/dist/wrappers/DatePickerElement/hooks/useDatePickerStyles.d.ts.map +1 -0
- package/dist/wrappers/DatePickerElement/hooks/useDatePickerValidation.d.ts +79 -0
- package/dist/wrappers/DatePickerElement/hooks/useDatePickerValidation.d.ts.map +1 -0
- package/dist/wrappers/DatePickerElement/hooks/useDatePickerValue.d.ts +73 -0
- package/dist/wrappers/DatePickerElement/hooks/useDatePickerValue.d.ts.map +1 -0
- package/dist/wrappers/DatePickerElement/index.d.ts +47 -0
- package/dist/wrappers/DatePickerElement/index.d.ts.map +1 -0
- package/dist/wrappers/DatePickerElement/types.d.ts +183 -0
- package/dist/wrappers/DatePickerElement/types.d.ts.map +1 -0
- package/dist/wrappers/DatePickerElement/utils.d.ts +89 -0
- package/dist/wrappers/DatePickerElement/utils.d.ts.map +1 -0
- package/dist/wrappers/DateTimePickerElement/index.d.ts +1 -0
- package/dist/wrappers/DateTimePickerElement/index.d.ts.map +1 -0
- package/dist/wrappers/DateTimePickerElement/types.d.ts +1 -0
- package/dist/wrappers/DateTimePickerElement/types.d.ts.map +1 -0
- package/dist/wrappers/Field/index.d.ts +42 -0
- package/dist/wrappers/Field/index.d.ts.map +1 -0
- package/dist/wrappers/NumberFieldElement/NumberFieldElement.d.ts +176 -0
- package/dist/wrappers/NumberFieldElement/NumberFieldElement.d.ts.map +1 -0
- package/dist/wrappers/NumberFieldElement/index.d.ts +3 -0
- package/dist/wrappers/NumberFieldElement/index.d.ts.map +1 -0
- package/dist/wrappers/OTPInputElement/HelperText.d.ts +8 -0
- package/dist/wrappers/OTPInputElement/HelperText.d.ts.map +1 -0
- package/dist/wrappers/OTPInputElement/OTPInputElement.d.ts +32 -0
- package/dist/wrappers/OTPInputElement/OTPInputElement.d.ts.map +1 -0
- package/dist/wrappers/OTPInputElement/index.d.ts +3 -0
- package/dist/wrappers/OTPInputElement/index.d.ts.map +1 -0
- package/dist/wrappers/PasswordElement/PasswordElement.d.ts +104 -0
- package/dist/wrappers/PasswordElement/PasswordElement.d.ts.map +1 -0
- package/dist/wrappers/PasswordElement/index.d.ts +2 -0
- package/dist/wrappers/PasswordElement/index.d.ts.map +1 -0
- package/dist/wrappers/RadioButtonGroup/RadioButtonGroup.d.ts +38 -0
- package/dist/wrappers/RadioButtonGroup/RadioButtonGroup.d.ts.map +1 -0
- package/dist/wrappers/RadioButtonGroup/index.d.ts +2 -0
- package/dist/wrappers/RadioButtonGroup/index.d.ts.map +1 -0
- package/dist/wrappers/SelectCascadeElement/SelectCascadeElement.d.ts +22 -0
- package/dist/wrappers/SelectCascadeElement/SelectCascadeElement.d.ts.map +1 -0
- package/dist/wrappers/SelectCascadeElement/index.d.ts +2 -0
- package/dist/wrappers/SelectCascadeElement/index.d.ts.map +1 -0
- package/dist/wrappers/SelectElement/SelectElement.d.ts +152 -0
- package/dist/wrappers/SelectElement/SelectElement.d.ts.map +1 -0
- package/dist/wrappers/SelectElement/index.d.ts +2 -0
- package/dist/wrappers/SelectElement/index.d.ts.map +1 -0
- package/dist/wrappers/SelectMultiElement/SelectMultiElement.d.ts +21 -0
- package/dist/wrappers/SelectMultiElement/SelectMultiElement.d.ts.map +1 -0
- package/dist/wrappers/SelectMultiElement/index.d.ts +2 -0
- package/dist/wrappers/SelectMultiElement/index.d.ts.map +1 -0
- package/dist/wrappers/TextFieldElement/TextFieldElement.d.ts +179 -0
- package/dist/wrappers/TextFieldElement/TextFieldElement.d.ts.map +1 -0
- package/dist/wrappers/TextFieldElement/index.d.ts +3 -0
- package/dist/wrappers/TextFieldElement/index.d.ts.map +1 -0
- package/dist/wrappers/TimePickerElement/TimePickerElement.d.ts +30 -0
- package/dist/wrappers/TimePickerElement/TimePickerElement.d.ts.map +1 -0
- package/dist/wrappers/TimePickerElement/index.d.ts +2 -0
- package/dist/wrappers/TimePickerElement/index.d.ts.map +1 -0
- package/dist/wrappers/index.cjs +3 -4
- package/dist/wrappers/index.d.ts +14 -0
- package/dist/wrappers/index.d.ts.map +1 -0
- package/dist/wrappers/index.js +1 -2
- package/dist/wrappers/types/common.d.ts +87 -0
- package/dist/wrappers/types/common.d.ts.map +1 -0
- package/dist/wrappers/types/index.d.ts +8 -0
- package/dist/wrappers/types/index.d.ts.map +1 -0
- package/package.json +4 -8
- package/dist/chunk-BXWPG6VW.js +0 -108
- package/dist/chunk-EOUSOGZ6.js +0 -2281
- package/dist/chunk-EYXPJMEF.cjs +0 -108
- package/dist/chunk-GHW77WIM.cjs +0 -72
- package/dist/chunk-PUQIPRL2.js +0 -467
- package/dist/chunk-YAYXHYKC.js +0 -2512
- package/dist/i18n/index.cjs +0 -21
- package/dist/i18n/index.js +0 -21
- /package/dist/{chunk-MULSVYFT.js → chunk-6GKAC3KH.js} +0 -0
|
@@ -0,0 +1,176 @@
|
|
|
1
|
+
import type { GridProps, TextFieldProps, TextFieldVariants } from '@mui/material';
|
|
2
|
+
import { TextField } from '@mui/material';
|
|
3
|
+
import type { ChangeEvent, ReactElement, ReactNode } from 'react';
|
|
4
|
+
import type { Control, FieldError, FieldPath, FieldValues, PathValue } from 'react-hook-form';
|
|
5
|
+
import type { FieldType } from '../../hooks/useTransform/enhanced';
|
|
6
|
+
import type { EventOrValue } from '../../types/events';
|
|
7
|
+
/**
|
|
8
|
+
* Props for the TextFieldElement component.
|
|
9
|
+
*
|
|
10
|
+
* @template TFieldValues - The form values type
|
|
11
|
+
* @template TName - The field name type
|
|
12
|
+
* @template TValue - The transformed value type
|
|
13
|
+
*
|
|
14
|
+
* @public
|
|
15
|
+
*/
|
|
16
|
+
export interface NumberFieldElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = PathValue<TFieldValues, TName>> {
|
|
17
|
+
/**
|
|
18
|
+
* The field name in the form
|
|
19
|
+
* @example "firstName" | "user.email"
|
|
20
|
+
*/
|
|
21
|
+
name: TName;
|
|
22
|
+
/**
|
|
23
|
+
* Custom error message parser
|
|
24
|
+
* @param error - The field error object
|
|
25
|
+
* @returns Custom error message or component
|
|
26
|
+
*/
|
|
27
|
+
parseError?: (error: FieldError) => ReactNode;
|
|
28
|
+
/**
|
|
29
|
+
* The form control instance from react-hook-form
|
|
30
|
+
*/
|
|
31
|
+
control?: Control<TFieldValues>;
|
|
32
|
+
/**
|
|
33
|
+
* Custom TextField component to use instead of default MUI TextField
|
|
34
|
+
*/
|
|
35
|
+
component?: typeof TextField;
|
|
36
|
+
/**
|
|
37
|
+
* Value transformation functions for input/output
|
|
38
|
+
* @deprecated Use fieldType for common patterns or custom transforms for complex cases
|
|
39
|
+
*/
|
|
40
|
+
transform?: {
|
|
41
|
+
/** Transform value before displaying in input */
|
|
42
|
+
input?: (value: PathValue<TFieldValues, TName>) => TValue;
|
|
43
|
+
/** Transform input event to form value */
|
|
44
|
+
output?: (eventOrValue: EventOrValue<PathValue<TFieldValues, TName>>, value?: PathValue<TFieldValues, TName>) => PathValue<TFieldValues, TName>;
|
|
45
|
+
};
|
|
46
|
+
/**
|
|
47
|
+
* Built-in field type for automatic transformation
|
|
48
|
+
* @example 'text' | 'number' | 'date' | 'time' | 'select'
|
|
49
|
+
*/
|
|
50
|
+
fieldType?: FieldType;
|
|
51
|
+
/**
|
|
52
|
+
* Default value to display when field value is null/undefined
|
|
53
|
+
* @example ""
|
|
54
|
+
*/
|
|
55
|
+
defaultValue?: TValue;
|
|
56
|
+
/**
|
|
57
|
+
* The input label text
|
|
58
|
+
* @example "Email Address"
|
|
59
|
+
*/
|
|
60
|
+
label?: string;
|
|
61
|
+
/**
|
|
62
|
+
* Placeholder text for the input
|
|
63
|
+
* @example "Enter your email"
|
|
64
|
+
*/
|
|
65
|
+
placeholder?: string;
|
|
66
|
+
/**
|
|
67
|
+
* Additional props for the underlying TextField component
|
|
68
|
+
*/
|
|
69
|
+
textFieldProps?: Omit<TextFieldProps, 'name'>;
|
|
70
|
+
/**
|
|
71
|
+
* Grid layout props for the wrapper Grid component
|
|
72
|
+
* @defaultValue { size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 } }
|
|
73
|
+
*/
|
|
74
|
+
gridProps?: GridProps;
|
|
75
|
+
/**
|
|
76
|
+
* The TextField variant
|
|
77
|
+
* @defaultValue "outlined"
|
|
78
|
+
*/
|
|
79
|
+
variant?: TextFieldVariants;
|
|
80
|
+
/**
|
|
81
|
+
* Custom onChange handler called after transformation
|
|
82
|
+
*/
|
|
83
|
+
onChange?: (event: ChangeEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
|
|
84
|
+
/**
|
|
85
|
+
* Enable development warnings for debugging transformation issues
|
|
86
|
+
* @defaultValue process.env.NODE_ENV === 'development'
|
|
87
|
+
*/
|
|
88
|
+
enableWarnings?: boolean;
|
|
89
|
+
}
|
|
90
|
+
/**
|
|
91
|
+
* A react-hook-form integrated TextField component with automatic validation,
|
|
92
|
+
* performance optimizations, and built-in field type handling.
|
|
93
|
+
*
|
|
94
|
+
* Features:
|
|
95
|
+
* - Full react-hook-form integration
|
|
96
|
+
* - Automatic error display with custom parsing
|
|
97
|
+
* - Value transformation support
|
|
98
|
+
* - Built-in field types for common patterns
|
|
99
|
+
* - Grid layout wrapper
|
|
100
|
+
* - TypeScript type safety
|
|
101
|
+
* - Optimized number input handling
|
|
102
|
+
* - Disabled state styling
|
|
103
|
+
* - Performance optimizations with memoized transformations
|
|
104
|
+
* - Development warnings for debugging
|
|
105
|
+
* - Stable references to prevent unnecessary re-renders
|
|
106
|
+
*
|
|
107
|
+
* @example
|
|
108
|
+
* Basic usage with built-in number handling:
|
|
109
|
+
* ```tsx
|
|
110
|
+
* <TextFieldElement
|
|
111
|
+
* control={control}
|
|
112
|
+
* name="age"
|
|
113
|
+
* label="Age"
|
|
114
|
+
* fieldType="number"
|
|
115
|
+
* rules={{ required: 'Age is required', min: { value: 0, message: 'Age must be positive' } }}
|
|
116
|
+
* />
|
|
117
|
+
* ```
|
|
118
|
+
*
|
|
119
|
+
* @example
|
|
120
|
+
* Advanced usage with custom grid layout:
|
|
121
|
+
* ```tsx
|
|
122
|
+
* <TextFieldElement
|
|
123
|
+
* control={control}
|
|
124
|
+
* name="email"
|
|
125
|
+
* label="Email"
|
|
126
|
+
* fieldType="text"
|
|
127
|
+
* placeholder="Enter your email address"
|
|
128
|
+
* gridProps={{ size: { xs: 12, md: 6 } }}
|
|
129
|
+
* rules={{
|
|
130
|
+
* required: 'Email is required',
|
|
131
|
+
* pattern: { value: /\S+@\S+\.\S+/, message: 'Invalid email' }
|
|
132
|
+
* }}
|
|
133
|
+
* />
|
|
134
|
+
* ```
|
|
135
|
+
*
|
|
136
|
+
* @example
|
|
137
|
+
* Custom transformation:
|
|
138
|
+
* ```tsx
|
|
139
|
+
* <TextFieldElement
|
|
140
|
+
* control={control}
|
|
141
|
+
* name="price"
|
|
142
|
+
* label="Price"
|
|
143
|
+
* transform={{
|
|
144
|
+
* input: (value) => value ? `$${value}` : '',
|
|
145
|
+
* output: (event) => parseFloat(event.target.value.replace('$', '')) || null
|
|
146
|
+
* }}
|
|
147
|
+
* />
|
|
148
|
+
* ```
|
|
149
|
+
*
|
|
150
|
+
* @example
|
|
151
|
+
* With custom error parsing:
|
|
152
|
+
* ```tsx
|
|
153
|
+
* <TextFieldElement
|
|
154
|
+
* control={control}
|
|
155
|
+
* name="username"
|
|
156
|
+
* label="Username"
|
|
157
|
+
* fieldType="text"
|
|
158
|
+
* parseError={(error) => (
|
|
159
|
+
* <span style={{ color: 'red' }}>
|
|
160
|
+
* ⚠️ {error.message}
|
|
161
|
+
* </span>
|
|
162
|
+
* )}
|
|
163
|
+
* />
|
|
164
|
+
* ```
|
|
165
|
+
*
|
|
166
|
+
* @template TFieldValues - The form values type
|
|
167
|
+
* @template TName - The field name type
|
|
168
|
+
* @template TValue - The transformed value type
|
|
169
|
+
*
|
|
170
|
+
* @param props - Component props
|
|
171
|
+
* @returns React element with optional Grid wrapper
|
|
172
|
+
*
|
|
173
|
+
* @public
|
|
174
|
+
*/
|
|
175
|
+
export declare const NumberFieldElement: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TValue = PathValue<TFieldValues, TName>>({ gridProps, ...props }: NumberFieldElementProps<TFieldValues, TName, TValue>) => ReactElement;
|
|
176
|
+
//# sourceMappingURL=NumberFieldElement.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"NumberFieldElement.d.ts","sourceRoot":"","sources":["../../../src/wrappers/NumberFieldElement/NumberFieldElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,iBAAiB,EAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAQ,SAAS,EAAc,MAAM,eAAe,CAAC;AAC5D,OAAO,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EACV,OAAO,EACP,UAAU,EACV,SAAS,EACT,WAAW,EACX,SAAS,EACV,MAAM,iBAAiB,CAAC;AAGzB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,mCAAmC,CAAC;AAEnE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD;;;;;;;;GAQG;AACH,MAAM,WAAW,uBAAuB,CACtC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,MAAM,GAAG,SAAS,CAAC,YAAY,EAAE,KAAK,CAAC;IAEvC;;;OAGG;IACH,IAAI,EAAE,KAAK,CAAC;IACZ;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,SAAS,CAAC;IAC9C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,SAAS,CAAC;IAC7B;;;OAGG;IACH,SAAS,CAAC,EAAE;QACV,iDAAiD;QACjD,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,YAAY,EAAE,KAAK,CAAC,KAAK,MAAM,CAAC;QAC1D,0CAA0C;QAC1C,MAAM,CAAC,EAAE,CACP,YAAY,EAAE,YAAY,CAAC,SAAS,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,EAC1D,KAAK,CAAC,EAAE,SAAS,CAAC,YAAY,EAAE,KAAK,CAAC,KACnC,SAAS,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;KACrC,CAAC;IACF;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,cAAc,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,CAAE,CAAC;IAC/C;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,CACT,KAAK,EAAE,WAAW,CAAC,gBAAgB,GAAG,mBAAmB,CAAC,KACvD,IAAI,CAAC;IACV;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAuHD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoFG;AACH,eAAO,MAAM,kBAAkB,GAC7B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,MAAM,GAAG,SAAS,CAAC,YAAY,EAAE,KAAK,CAAC,EACvC,yBAGC,uBAAuB,CAAC,YAAY,EAAE,KAAK,EAAE,MAAM,CAAC,KAAG,YAMzD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wrappers/NumberFieldElement/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAG,MAAM,sBAAsB,CAAC;AAE3D,YAAY,EAAE,uBAAuB,EAAG,MAAM,sBAAsB,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { FormHelperTextProps } from '@mui/material/FormHelperText';
|
|
2
|
+
export type HelperTextProps = FormHelperTextProps & {
|
|
3
|
+
errorMessage?: string;
|
|
4
|
+
disableGutters?: boolean;
|
|
5
|
+
helperText?: React.ReactNode;
|
|
6
|
+
};
|
|
7
|
+
export declare function HelperText({ sx, helperText, errorMessage, disableGutters, ...other }: HelperTextProps): import("react/jsx-runtime").JSX.Element | null;
|
|
8
|
+
//# sourceMappingURL=HelperText.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"HelperText.d.ts","sourceRoot":"","sources":["../../../src/wrappers/OTPInputElement/HelperText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,8BAA8B,CAAC;AAKxE,MAAM,MAAM,eAAe,GAAG,mBAAmB,GAAG;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC9B,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,UAAU,EACV,YAAY,EACZ,cAAc,EACd,GAAG,KAAK,EACT,EAAE,eAAe,kDAmBjB"}
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import type { BoxProps, FormHelperTextProps, GridProps } from '@mui/material';
|
|
2
|
+
import { type MuiOtpInputProps } from 'mui-one-time-password-input';
|
|
3
|
+
import type { ReactElement, ReactNode } from 'react';
|
|
4
|
+
import type { Control, FieldError, FieldPath, FieldValues } from 'react-hook-form';
|
|
5
|
+
export interface OTPInputElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> {
|
|
6
|
+
/**
|
|
7
|
+
* The field name in the form
|
|
8
|
+
* @example "firstName" | "user.email"
|
|
9
|
+
*/
|
|
10
|
+
name: TName;
|
|
11
|
+
/**
|
|
12
|
+
* Custom error message parser
|
|
13
|
+
* @param error - The field error object
|
|
14
|
+
* @returns Custom error message or component
|
|
15
|
+
*/
|
|
16
|
+
parseError?: (error: FieldError) => ReactNode;
|
|
17
|
+
/**
|
|
18
|
+
* The form control instance from react-hook-form
|
|
19
|
+
*/
|
|
20
|
+
control?: Control<TFieldValues>;
|
|
21
|
+
maxSize?: number;
|
|
22
|
+
placeholder?: string;
|
|
23
|
+
helperText?: React.ReactNode;
|
|
24
|
+
slotProps?: {
|
|
25
|
+
wrapper?: BoxProps;
|
|
26
|
+
helperText?: FormHelperTextProps;
|
|
27
|
+
textfield?: MuiOtpInputProps['TextFieldsProps'];
|
|
28
|
+
};
|
|
29
|
+
gridProps?: GridProps;
|
|
30
|
+
}
|
|
31
|
+
export declare const OTPInputElement: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ gridProps, ...props }: OTPInputElementProps<TFieldValues, TName>) => ReactElement;
|
|
32
|
+
//# sourceMappingURL=OTPInputElement.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"OTPInputElement.d.ts","sourceRoot":"","sources":["../../../src/wrappers/OTPInputElement/OTPInputElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE9E,OAAO,EAEL,KAAK,gBAAgB,EACtB,MAAM,6BAA6B,CAAC;AACrC,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,KAAK,EACV,OAAO,EACP,UAAU,EACV,SAAS,EACT,WAAW,EACZ,MAAM,iBAAiB,CAAC;AAKzB,MAAM,WAAW,oBAAoB,CACnC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC;IAE/D;;;OAGG;IACH,IAAI,EAAE,KAAK,CAAC;IACZ;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,SAAS,CAAC;IAC9C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAEhC,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,QAAQ,CAAC;QACnB,UAAU,CAAC,EAAE,mBAAmB,CAAC;QACjC,SAAS,CAAC,EAAE,gBAAgB,CAAC,iBAAiB,CAAC,CAAC;KACjD,CAAC;IACF,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAwED,eAAO,MAAM,eAAe,GAC1B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,yBAGC,oBAAoB,CAAC,YAAY,EAAE,KAAK,CAAC,KAAG,YAM9C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wrappers/OTPInputElement/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAG,MAAM,mBAAmB,CAAC;AAErD,YAAY,EAAE,oBAAoB,EAAG,MAAM,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
import type { IconButtonProps, TextFieldProps, GridProps } from '@mui/material';
|
|
2
|
+
import type { ReactNode } from 'react';
|
|
3
|
+
import type { Control, FieldPath, FieldValues } from 'react-hook-form';
|
|
4
|
+
/**
|
|
5
|
+
* Props for the PasswordElement component.
|
|
6
|
+
*
|
|
7
|
+
* @template TFieldValues - The form values type
|
|
8
|
+
* @template TName - The field name type
|
|
9
|
+
*
|
|
10
|
+
* @public
|
|
11
|
+
*/
|
|
12
|
+
export type PasswordElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>> = Omit<TextFieldProps, 'name' | 'size'> & {
|
|
13
|
+
/**
|
|
14
|
+
* The field name in the form
|
|
15
|
+
* @example "password" | "user.currentPassword"
|
|
16
|
+
*/
|
|
17
|
+
name: TName;
|
|
18
|
+
/**
|
|
19
|
+
* The form control instance from react-hook-form
|
|
20
|
+
*/
|
|
21
|
+
control?: Control<TFieldValues>;
|
|
22
|
+
/**
|
|
23
|
+
* Color of the visibility toggle icon button
|
|
24
|
+
* @defaultValue "default"
|
|
25
|
+
*/
|
|
26
|
+
iconColor?: IconButtonProps['color'];
|
|
27
|
+
/**
|
|
28
|
+
* Custom render function for the visibility toggle icon
|
|
29
|
+
* @param password - Whether password is currently hidden
|
|
30
|
+
* @returns ReactNode to render as the icon
|
|
31
|
+
* @defaultValue Default visibility/visibility-off icons
|
|
32
|
+
*/
|
|
33
|
+
renderIcon?: (password: boolean) => ReactNode;
|
|
34
|
+
/**
|
|
35
|
+
* Grid layout props for the wrapper Grid component
|
|
36
|
+
* @defaultValue { size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 } }
|
|
37
|
+
*/
|
|
38
|
+
gridProps?: GridProps;
|
|
39
|
+
};
|
|
40
|
+
/**
|
|
41
|
+
* A react-hook-form integrated password TextField with show/hide functionality.
|
|
42
|
+
*
|
|
43
|
+
* This component provides a fully integrated password input that works seamlessly with react-hook-form,
|
|
44
|
+
* including automatic validation, error handling, and a built-in visibility toggle button. The password
|
|
45
|
+
* can be shown or hidden by clicking the eye icon in the input's end adornment.
|
|
46
|
+
*
|
|
47
|
+
* Features:
|
|
48
|
+
* - Full react-hook-form integration
|
|
49
|
+
* - Password visibility toggle
|
|
50
|
+
* - Automatic error display
|
|
51
|
+
* - Customizable visibility icons
|
|
52
|
+
* - Grid layout wrapper
|
|
53
|
+
* - TypeScript type safety
|
|
54
|
+
* - Disabled state support
|
|
55
|
+
*
|
|
56
|
+
* @example
|
|
57
|
+
* Basic usage:
|
|
58
|
+
* ```tsx
|
|
59
|
+
* <PasswordElement
|
|
60
|
+
* control={control}
|
|
61
|
+
* name="password"
|
|
62
|
+
* label="Password"
|
|
63
|
+
* rules={{
|
|
64
|
+
* required: 'Password is required',
|
|
65
|
+
* minLength: { value: 8, message: 'Minimum 8 characters' }
|
|
66
|
+
* }}
|
|
67
|
+
* />
|
|
68
|
+
* ```
|
|
69
|
+
*
|
|
70
|
+
* @example
|
|
71
|
+
* With custom icon color:
|
|
72
|
+
* ```tsx
|
|
73
|
+
* <PasswordElement
|
|
74
|
+
* control={control}
|
|
75
|
+
* name="confirmPassword"
|
|
76
|
+
* label="Confirm Password"
|
|
77
|
+
* iconColor="primary"
|
|
78
|
+
* placeholder="Re-enter your password"
|
|
79
|
+
* />
|
|
80
|
+
* ```
|
|
81
|
+
*
|
|
82
|
+
* @example
|
|
83
|
+
* Custom grid layout:
|
|
84
|
+
* ```tsx
|
|
85
|
+
* <PasswordElement
|
|
86
|
+
* control={control}
|
|
87
|
+
* name="newPassword"
|
|
88
|
+
* label="New Password"
|
|
89
|
+
* gridProps={{ size: { xs: 12, md: 6 } }}
|
|
90
|
+
* renderIcon={(hidden) => hidden ? <CustomHideIcon /> : <CustomShowIcon />}
|
|
91
|
+
* />
|
|
92
|
+
* ```
|
|
93
|
+
*
|
|
94
|
+
* @template TFieldValues - The form values type
|
|
95
|
+
* @template TName - The field name type
|
|
96
|
+
*
|
|
97
|
+
* @param props - Component props
|
|
98
|
+
* @returns React element with optional Grid wrapper
|
|
99
|
+
*
|
|
100
|
+
* @public
|
|
101
|
+
*/
|
|
102
|
+
declare const PasswordElement: <TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ gridProps, ...props }: PasswordElementProps<TFieldValues, TName>) => import("react/jsx-runtime").JSX.Element;
|
|
103
|
+
export { PasswordElement };
|
|
104
|
+
//# sourceMappingURL=PasswordElement.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PasswordElement.d.ts","sourceRoot":"","sources":["../../../src/wrappers/PasswordElement/PasswordElement.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQhF,OAAO,KAAK,EAAc,SAAS,EAAE,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGvE;;;;;;;GAOG;AACH,MAAM,MAAM,oBAAoB,CAC9B,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,IAC7D,IAAI,CAAC,cAAc,EAAE,MAAM,GAAG,MAAM,CAAC,GAAG;IAC1C;;;OAGG;IACH,IAAI,EAAE,KAAK,CAAC;IACZ;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACrC;;;;;OAKG;IACH,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,SAAS,CAAC;IAC9C;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;CAEvB,CAAC;AAmFF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6DG;AACH,QAAA,MAAM,eAAe,GACnB,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,yBAGC,oBAAoB,CAAC,YAAY,EAAE,KAAK,CAAC,4CAO3C,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wrappers/PasswordElement/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import type { FormControlLabelProps, FormLabelProps, RadioProps, GridProps } from '@mui/material';
|
|
2
|
+
import type { ReactNode } from 'react';
|
|
3
|
+
import type { Control, FieldError, FieldPath, FieldValues, PathValue } from 'react-hook-form';
|
|
4
|
+
import type { EventOrValue } from '../../types/events';
|
|
5
|
+
type PrimitiveValue = string | number | boolean;
|
|
6
|
+
type OptionObject<TValueKey extends string = string, TLabelKey extends string = string, TDisabledKey extends string = string> = Record<TValueKey, PrimitiveValue> & Record<TLabelKey, string> & Partial<Record<TDisabledKey, boolean>>;
|
|
7
|
+
export interface RadioButtonGroupProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TOption extends OptionObject<TValueKey, TLabelKey, TDisabledKey> = OptionObject, TValueKey extends string = 'id', TLabelKey extends string = 'label', TDisabledKey extends string = 'disabled'> {
|
|
8
|
+
options: TOption[];
|
|
9
|
+
helperText?: ReactNode;
|
|
10
|
+
name: TName;
|
|
11
|
+
required?: boolean;
|
|
12
|
+
parseError?: (error: FieldError) => ReactNode;
|
|
13
|
+
label?: string;
|
|
14
|
+
labelKey?: TLabelKey;
|
|
15
|
+
valueKey?: TValueKey;
|
|
16
|
+
disabledKey?: TDisabledKey;
|
|
17
|
+
type?: 'number' | 'string' | 'boolean';
|
|
18
|
+
emptyOptionLabel?: string;
|
|
19
|
+
onChange?: (value: TOption[TValueKey] | TOption | undefined) => void;
|
|
20
|
+
returnObject?: boolean;
|
|
21
|
+
row?: boolean;
|
|
22
|
+
control?: Control<TFieldValues>;
|
|
23
|
+
labelProps?: Omit<FormControlLabelProps, 'label' | 'control' | 'value'>;
|
|
24
|
+
formLabelProps?: Omit<FormLabelProps, 'required' | 'error'>;
|
|
25
|
+
radioProps?: RadioProps;
|
|
26
|
+
disabled?: boolean;
|
|
27
|
+
transform?: {
|
|
28
|
+
input?: (value: PathValue<TFieldValues, TName>) => TOption[TValueKey];
|
|
29
|
+
output?: (eventOrValue: EventOrValue<PathValue<TFieldValues, TName>>, value?: PathValue<TFieldValues, TName>) => PathValue<TFieldValues, TName>;
|
|
30
|
+
};
|
|
31
|
+
gridProps?: GridProps;
|
|
32
|
+
}
|
|
33
|
+
declare const RadioButtonGroup: {
|
|
34
|
+
<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TOption extends OptionObject<TValueKey, TLabelKey, TDisabledKey> = OptionObject<string, string, string>, TValueKey extends string = "id", TLabelKey extends string = "label", TDisabledKey extends string = "disabled">({ gridProps, ...props }: RadioButtonGroupProps<TFieldValues, TName, TOption, TValueKey, TLabelKey, TDisabledKey>): import("react/jsx-runtime").JSX.Element;
|
|
35
|
+
displayName: string;
|
|
36
|
+
};
|
|
37
|
+
export { RadioButtonGroup };
|
|
38
|
+
//# sourceMappingURL=RadioButtonGroup.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"RadioButtonGroup.d.ts","sourceRoot":"","sources":["../../../src/wrappers/RadioButtonGroup/RadioButtonGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,qBAAqB,EACrB,cAAc,EAEd,UAAU,EACV,SAAS,EACV,MAAM,eAAe,CAAC;AAUvB,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EACV,OAAO,EACP,UAAU,EACV,SAAS,EACT,WAAW,EACX,SAAS,EACV,MAAM,iBAAiB,CAAC;AAIzB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAGvD,KAAK,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAGhD,KAAK,YAAY,CACf,SAAS,SAAS,MAAM,GAAG,MAAM,EACjC,SAAS,SAAS,MAAM,GAAG,MAAM,EACjC,YAAY,SAAS,MAAM,GAAG,MAAM,IAClC,MAAM,CAAC,SAAS,EAAE,cAAc,CAAC,GACnC,MAAM,CAAC,SAAS,EAAE,MAAM,CAAC,GACzB,OAAO,CAAC,MAAM,CAAC,YAAY,EAAE,OAAO,CAAC,CAAC,CAAE;AAE1C,MAAM,WAAW,qBAAqB,CACpC,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,OAAO,SAAS,YAAY,CAC1B,SAAS,EACT,SAAS,EACT,YAAY,CACb,GAAG,YAAY,EAChB,SAAS,SAAU,MAAM,GAAG,IAAI,EAChC,SAAS,SAAU,MAAM,GAAG,OAAO,EACnC,YAAY,SAAU,MAAM,GAAG,UAAU;IAEzC,OAAO,EAAE,OAAO,EAAE,CAAC;IACnB,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB,IAAI,EAAE,KAAK,CAAC;IACZ,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,SAAS,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,SAAS,CAAC;IACvC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,CAAC,SAAS,CAAC,GAAG,OAAO,GAAG,SAAS,KAAK,IAAI,CAAC;IACrE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC,UAAU,CAAC,EAAE,IAAI,CAAC,qBAAqB,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC,CAAC;IACxE,cAAc,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,UAAU,GAAG,OAAO,CAAC,CAAC;IAC5D,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE;QACV,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,YAAY,EAAE,KAAK,CAAC,KAAK,OAAO,CAAC,SAAS,CAAC,CAAC;QACtE,MAAM,CAAC,EAAE,CACP,YAAY,EAAE,YAAY,CAAC,SAAS,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,EAC1D,KAAK,CAAC,EAAE,SAAS,CAAC,YAAY,EAAE,KAAK,CAAC,KACnC,SAAS,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC;KACrC,CAAC;IACF,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAyJD,QAAA,MAAM,gBAAgB;KACpB,YAAY,SAAS,WAAW,gBAChC,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,4BACrC,OAAO,SAAS,YAAY,CAC1B,SAAS,EACT,SAAS,EACT,YAAY,CACb,yCACD,SAAS,SAAU,MAAM,SACzB,SAAS,SAAU,MAAM,YACzB,YAAY,SAAU,MAAM,wCAI3B,qBAAqB,CACtB,YAAY,EACZ,KAAK,EACL,OAAO,EACP,SAAS,EACT,SAAS,EACT,YAAY,CACb;;CAeA,CAAC;AAIF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wrappers/RadioButtonGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import type { GridProps, ChipTypeMap, TextFieldProps, TextFieldVariants, AutocompleteProps } from '@mui/material';
|
|
2
|
+
import type { Control, FieldPath, FieldValues } from 'react-hook-form';
|
|
3
|
+
export type SelectCascadeElementProps<TOption, TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> = Omit<AutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'name' | 'renderInput' | 'isOptionEqualToValue' | 'getOptionLabel' | 'disabled'> & {
|
|
4
|
+
name: TName;
|
|
5
|
+
dependsOn: TName;
|
|
6
|
+
control?: Control<TFieldValues>;
|
|
7
|
+
gridProps?: GridProps;
|
|
8
|
+
placeholder?: string;
|
|
9
|
+
label?: string;
|
|
10
|
+
variant?: TextFieldVariants;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
isEdit?: boolean;
|
|
13
|
+
labelField?: keyof TOption;
|
|
14
|
+
valueField?: keyof TOption;
|
|
15
|
+
textFieldProps?: Omit<TextFieldProps, 'name'>;
|
|
16
|
+
options?: readonly TOption[] | null;
|
|
17
|
+
};
|
|
18
|
+
export declare const SelectCascadeElement: {
|
|
19
|
+
<TOption, TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>>({ gridProps, ...props }: SelectCascadeElementProps<TOption, TFieldValues, TName>): React.ReactElement;
|
|
20
|
+
displayName: string;
|
|
21
|
+
};
|
|
22
|
+
//# sourceMappingURL=SelectCascadeElement.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectCascadeElement.d.ts","sourceRoot":"","sources":["../../../src/wrappers/SelectCascadeElement/SelectCascadeElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,WAAW,EACX,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,eAAe,CAAC;AAGvB,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGvE,MAAM,MAAM,yBAAyB,CACnC,OAAO,EACP,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EAC5C,gBAAgB,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EACpD,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EAC5C,aAAa,SAAS,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC,kBAAkB,CAAC,IACvE,IAAI,CACN,iBAAiB,CACf,OAAO,EACP,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,aAAa,CACd,EACC,MAAM,GACN,aAAa,GACb,sBAAsB,GACtB,gBAAgB,GAChB,UAAU,CACb,GAAG;IACF,IAAI,EAAE,KAAK,CAAC;IACZ,SAAS,EAAE,KAAK,CAAC;IACjB,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,OAAO,CAAC;IAC3B,cAAc,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,SAAS,OAAO,EAAE,GAAG,IAAI,CAAC;CACrC,CAAC;AA0JF,eAAO,MAAM,oBAAoB;KAC/B,OAAO,EACP,YAAY,SAAS,WAAW,gBAChC,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,qDAIpC,yBAAyB,CAC1B,OAAO,EACP,YAAY,EACZ,KAAK,CACN,GAAG,KAAK,CAAC,YAAY;;CAMrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wrappers/SelectCascadeElement/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC"}
|
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
import type { GridProps, ChipTypeMap, TextFieldProps, AutocompleteProps, TextFieldVariants } from '@mui/material';
|
|
2
|
+
import type { Control, FieldPath, FieldValues } from 'react-hook-form';
|
|
3
|
+
import type { FlexibleOption } from '../types';
|
|
4
|
+
/**
|
|
5
|
+
* Props for the SelectElement component.
|
|
6
|
+
*
|
|
7
|
+
* @template TOption - The option object type
|
|
8
|
+
* @template TFieldValues - The form values type
|
|
9
|
+
* @template TName - The field name type
|
|
10
|
+
* @template Multiple - Whether multiple selection is enabled
|
|
11
|
+
* @template DisableClearable - Whether the clear button is disabled
|
|
12
|
+
* @template FreeSolo - Whether free text input is allowed
|
|
13
|
+
* @template ChipComponent - The chip component type for multiple selection
|
|
14
|
+
*
|
|
15
|
+
* @public
|
|
16
|
+
*/
|
|
17
|
+
export type SelectElementProps<TOption, TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> = Omit<AutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'name' | 'renderInput' | 'isOptionEqualToValue' | 'getOptionLabel' | 'disabled' | 'options'> & {
|
|
18
|
+
/**
|
|
19
|
+
* The field name in the form
|
|
20
|
+
* @example "category" | "user.department"
|
|
21
|
+
*/
|
|
22
|
+
name: TName;
|
|
23
|
+
/**
|
|
24
|
+
* The form control instance from react-hook-form
|
|
25
|
+
*/
|
|
26
|
+
control?: Control<TFieldValues>;
|
|
27
|
+
/**
|
|
28
|
+
* Grid layout props for the wrapper Grid component
|
|
29
|
+
* @defaultValue { size: { xs: 12, sm: 12, md: 12, lg: 12, xl: 12 } }
|
|
30
|
+
*/
|
|
31
|
+
gridProps?: GridProps;
|
|
32
|
+
/**
|
|
33
|
+
* Placeholder text for the select input
|
|
34
|
+
* @example "Choose an option..."
|
|
35
|
+
*/
|
|
36
|
+
placeholder?: string;
|
|
37
|
+
/**
|
|
38
|
+
* The input label text
|
|
39
|
+
* @example "Category"
|
|
40
|
+
*/
|
|
41
|
+
label?: string;
|
|
42
|
+
/**
|
|
43
|
+
* The TextField variant
|
|
44
|
+
* @defaultValue "outlined"
|
|
45
|
+
*/
|
|
46
|
+
variant?: TextFieldVariants;
|
|
47
|
+
/**
|
|
48
|
+
* Whether the component is in edit mode (affects auto-selection behavior)
|
|
49
|
+
* When false and only one option exists, that option is auto-selected
|
|
50
|
+
* @defaultValue false
|
|
51
|
+
*/
|
|
52
|
+
isEdit?: boolean;
|
|
53
|
+
/**
|
|
54
|
+
* Whether the select is disabled
|
|
55
|
+
*/
|
|
56
|
+
disabled?: boolean;
|
|
57
|
+
/**
|
|
58
|
+
* The property name in option objects to use as display label
|
|
59
|
+
* @defaultValue "Label"
|
|
60
|
+
* @example "name" | "title"
|
|
61
|
+
*/
|
|
62
|
+
labelKey?: string;
|
|
63
|
+
/**
|
|
64
|
+
* The property name in option objects to use as the value
|
|
65
|
+
* @defaultValue "Value"
|
|
66
|
+
* @example "id" | "code"
|
|
67
|
+
*/
|
|
68
|
+
valueKey?: keyof TOption;
|
|
69
|
+
/**
|
|
70
|
+
* Additional props for the underlying TextField component
|
|
71
|
+
*/
|
|
72
|
+
textFieldProps?: Omit<TextFieldProps, 'name'>;
|
|
73
|
+
options?: readonly TOption[] | null;
|
|
74
|
+
};
|
|
75
|
+
/**
|
|
76
|
+
* A react-hook-form integrated Autocomplete component for selecting from predefined options.
|
|
77
|
+
*
|
|
78
|
+
* This component provides a fully integrated select/autocomplete input that works seamlessly
|
|
79
|
+
* with react-hook-form, including automatic validation, error handling, and optional Grid wrapper
|
|
80
|
+
* for responsive layouts. It supports both single and multiple selection modes.
|
|
81
|
+
*
|
|
82
|
+
* Features:
|
|
83
|
+
* - Full react-hook-form integration
|
|
84
|
+
* - Autocomplete with filtering
|
|
85
|
+
* - Single and multiple selection support
|
|
86
|
+
* - Automatic error display
|
|
87
|
+
* - Customizable option display (labelKey/valueKey)
|
|
88
|
+
* - Auto-selection when only one option exists
|
|
89
|
+
* - Grid layout wrapper
|
|
90
|
+
* - TypeScript type safety
|
|
91
|
+
* - Disabled state styling
|
|
92
|
+
*
|
|
93
|
+
* @example
|
|
94
|
+
* Basic usage:
|
|
95
|
+
* ```tsx
|
|
96
|
+
* <SelectElement
|
|
97
|
+
* control={control}
|
|
98
|
+
* name="category"
|
|
99
|
+
* label="Category"
|
|
100
|
+
* options={[
|
|
101
|
+
* { Label: 'Technology', Value: 'tech' },
|
|
102
|
+
* { Label: 'Finance', Value: 'finance' }
|
|
103
|
+
* ]}
|
|
104
|
+
* rules={{ required: 'Please select a category' }}
|
|
105
|
+
* />
|
|
106
|
+
* ```
|
|
107
|
+
*
|
|
108
|
+
* @example
|
|
109
|
+
* With custom keys:
|
|
110
|
+
* ```tsx
|
|
111
|
+
* <SelectElement
|
|
112
|
+
* control={control}
|
|
113
|
+
* name="userId"
|
|
114
|
+
* label="Assign to User"
|
|
115
|
+
* options={users}
|
|
116
|
+
* labelKey="fullName"
|
|
117
|
+
* valueKey="id"
|
|
118
|
+
* placeholder="Choose a user..."
|
|
119
|
+
* />
|
|
120
|
+
* ```
|
|
121
|
+
*
|
|
122
|
+
* @example
|
|
123
|
+
* Multiple selection:
|
|
124
|
+
* ```tsx
|
|
125
|
+
* <SelectElement
|
|
126
|
+
* control={control}
|
|
127
|
+
* name="tags"
|
|
128
|
+
* label="Tags"
|
|
129
|
+
* options={availableTags}
|
|
130
|
+
* multiple
|
|
131
|
+
* gridProps={{ size: { xs: 12, md: 8 } }}
|
|
132
|
+
* />
|
|
133
|
+
* ```
|
|
134
|
+
*
|
|
135
|
+
* @template TOption - The option object type
|
|
136
|
+
* @template TFieldValues - The form values type
|
|
137
|
+
* @template TName - The field name type
|
|
138
|
+
* @template Multiple - Whether multiple selection is enabled
|
|
139
|
+
* @template DisableClearable - Whether the clear button is disabled
|
|
140
|
+
* @template FreeSolo - Whether free text input is allowed
|
|
141
|
+
* @template ChipComponent - The chip component type for multiple selection
|
|
142
|
+
*
|
|
143
|
+
* @param props - Component props
|
|
144
|
+
* @returns React element with optional Grid wrapper
|
|
145
|
+
*
|
|
146
|
+
* @public
|
|
147
|
+
*/
|
|
148
|
+
export declare const SelectElement: {
|
|
149
|
+
<TOption extends FlexibleOption = FlexibleOption, TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = "div">({ gridProps, ...props }: SelectElementProps<TOption, TFieldValues, TName, Multiple, DisableClearable, FreeSolo, ChipComponent>): React.ReactElement;
|
|
150
|
+
displayName: string;
|
|
151
|
+
};
|
|
152
|
+
//# sourceMappingURL=SelectElement.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"SelectElement.d.ts","sourceRoot":"","sources":["../../../src/wrappers/SelectElement/SelectElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EACT,WAAW,EACX,cAAc,EACd,iBAAiB,EACjB,iBAAiB,EAIlB,MAAM,eAAe,CAAC;AASvB,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAGvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C;;;;;;;;;;;;GAYG;AACH,MAAM,MAAM,kBAAkB,CAC5B,OAAO,EACP,YAAY,SAAS,WAAW,GAAG,WAAW,EAC9C,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,GAAG,SAAS,CAAC,YAAY,CAAC,EAC/D,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EAC5C,gBAAgB,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EACpD,QAAQ,SAAS,OAAO,GAAG,SAAS,GAAG,KAAK,EAC5C,aAAa,SAAS,KAAK,CAAC,WAAW,GAAG,WAAW,CAAC,kBAAkB,CAAC,IACvE,IAAI,CACN,iBAAiB,CACf,OAAO,EACP,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,aAAa,CACd,EACC,MAAM,GACN,aAAa,GACb,sBAAsB,GACtB,gBAAgB,GAChB,UAAU,GACV,SAAS,CACZ,GAAG;IACF;;;OAGG;IACH,IAAI,EAAE,KAAK,CAAC;IACZ;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC;;;OAGG;IACH,SAAS,CAAC,EAAE,SAAS,CAAC;IACtB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC;IAC5B;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,OAAO,CAAC;IACzB;;OAEG;IACH,cAAc,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,CAAC,CAAC;IAE9C,OAAO,CAAC,EAAE,SAAS,OAAO,EAAE,GAAG,IAAI,CAAC;CACrC,CAAC;AAgJF;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwEG;AACH,eAAO,MAAM,aAAa;KACxB,OAAO,SAAS,cAAc,mBAC9B,YAAY,SAAS,WAAW,gBAChC,KAAK,SAAS,SAAS,CAAC,YAAY,CAAC,4BACrC,QAAQ,SAAS,OAAO,GAAG,SAAS,UACpC,gBAAgB,SAAS,OAAO,GAAG,SAAS,UAC5C,QAAQ,SAAS,OAAO,GAAG,SAAS,UACpC,aAAa,SAAS,KAAK,CAAC,WAAW,mCAItC,kBAAkB,CACnB,OAAO,EACP,YAAY,EACZ,KAAK,EACL,QAAQ,EACR,gBAAgB,EAChB,QAAQ,EACR,aAAa,CACd,GAAG,KAAK,CAAC,YAAY;;CAMrB,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/wrappers/SelectElement/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { GridProps, ChipTypeMap, AutocompleteProps, TextFieldVariants } from '@mui/material';
|
|
2
|
+
import type { Control, FieldPath, FieldValues } from 'react-hook-form';
|
|
3
|
+
import type { FlexibleOption } from '../types';
|
|
4
|
+
type BaseAutocompleteProps<TOption, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined, ChipComponent extends React.ElementType> = Omit<AutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent>, 'name' | 'renderInput' | 'multiple' | 'onChange' | 'value'>;
|
|
5
|
+
export type SelectMultiElementProps<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TOption extends FlexibleOption = FlexibleOption, Multiple extends boolean | undefined = true, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false, ChipComponent extends React.ElementType = ChipTypeMap['defaultComponent']> = BaseAutocompleteProps<TOption, Multiple, DisableClearable, FreeSolo, ChipComponent> & {
|
|
6
|
+
name: TName;
|
|
7
|
+
control?: Control<TFieldValues>;
|
|
8
|
+
gridProps?: GridProps;
|
|
9
|
+
placeholder?: string;
|
|
10
|
+
label?: string;
|
|
11
|
+
variant?: TextFieldVariants;
|
|
12
|
+
labelField?: keyof TOption;
|
|
13
|
+
valueField?: keyof TOption;
|
|
14
|
+
options?: readonly TOption[] | null;
|
|
15
|
+
};
|
|
16
|
+
export declare const SelectMultiElement: {
|
|
17
|
+
<TFieldValues extends FieldValues = FieldValues, TName extends FieldPath<TFieldValues> = FieldPath<TFieldValues>, TOption extends FlexibleOption = FlexibleOption>({ gridProps, ...props }: SelectMultiElementProps<TFieldValues, TName, TOption>): React.ReactElement;
|
|
18
|
+
displayName: string;
|
|
19
|
+
};
|
|
20
|
+
export {};
|
|
21
|
+
//# sourceMappingURL=SelectMultiElement.d.ts.map
|