@zydon/common 2.2.42 → 2.2.44
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/ActionButton/index.js +36 -3
- package/dist/components/ActionButton/index.js.map +1 -0
- package/dist/components/Autocomplete/index.js +142 -3
- package/dist/components/Autocomplete/index.js.map +1 -0
- package/dist/components/AutocompleteDetailed/index.js +139 -3
- package/dist/components/AutocompleteDetailed/index.js.map +1 -0
- package/dist/components/BuilderLayout/index.js +24 -9
- package/dist/components/BuilderLayout/index.js.map +1 -0
- package/dist/components/BuilderSidebar/index.js +18 -7
- package/dist/components/BuilderSidebar/index.js.map +1 -0
- package/dist/components/ColorPickerInput/index.js +102 -2
- package/dist/components/ColorPickerInput/index.js.map +1 -0
- package/dist/components/ColoredLabel/index.js +42 -4
- package/dist/components/ColoredLabel/index.js.map +1 -0
- package/dist/components/Common/index.js +29 -19
- package/dist/components/Common/index.js.map +1 -0
- package/dist/components/Confirm/index.js +49 -8
- package/dist/components/Confirm/index.js.map +1 -0
- package/dist/components/CustomAvatar/index.js +63 -1
- package/dist/components/CustomAvatar/index.js.map +1 -0
- package/dist/components/CustomAvatarGroup/index.js +74 -4
- package/dist/components/CustomAvatarGroup/index.js.map +1 -0
- package/dist/components/DashedDivider/index.js +11 -1
- package/dist/components/DashedDivider/index.js.map +1 -0
- package/dist/components/DataCards/index.js +58 -18
- package/dist/components/DataCards/index.js.map +1 -0
- package/dist/components/DataGrid/index.js +76 -12
- package/dist/components/DataGrid/index.js.map +1 -0
- package/dist/components/DatePicker/index.js +40 -4
- package/dist/components/DatePicker/index.js.map +1 -0
- package/dist/components/DateRangePicker/index.js +48 -4
- package/dist/components/DateRangePicker/index.js.map +1 -0
- package/dist/components/DateTimePicker/index.js +38 -4
- package/dist/components/DateTimePicker/index.js.map +1 -0
- package/dist/components/Delayed/index.js +15 -2
- package/dist/components/Delayed/index.js.map +1 -0
- package/dist/components/Drawer/index.js +37 -9
- package/dist/components/Drawer/index.js.map +1 -0
- package/dist/components/EmptyContent/index.js +81 -3
- package/dist/components/EmptyContent/index.js.map +1 -0
- package/dist/components/EmptyView/index.js +35 -2
- package/dist/components/EmptyView/index.js.map +1 -0
- package/dist/components/Error/index.js +44 -7
- package/dist/components/Error/index.js.map +1 -0
- package/dist/components/ExpandableGroup/index.js +31 -10
- package/dist/components/ExpandableGroup/index.js.map +1 -0
- package/dist/components/FixedProgressBar/index.js +23 -1
- package/dist/components/FixedProgressBar/index.js.map +1 -0
- package/dist/components/FrameSkeleton/index.js +96 -13
- package/dist/components/FrameSkeleton/index.js.map +1 -0
- package/dist/components/HelpButton/index.js +23 -3
- package/dist/components/HelpButton/index.js.map +1 -0
- package/dist/components/Icon/index.js +404 -2
- package/dist/components/Icon/index.js.map +1 -0
- package/dist/components/ImageCrop/index.js +52 -1
- package/dist/components/ImageCrop/index.js.map +1 -0
- package/dist/components/ImageCropModal/index.js +131 -5
- package/dist/components/ImageCropModal/index.js.map +1 -0
- package/dist/components/Incrementer/index.js +158 -5
- package/dist/components/Incrementer/index.js.map +1 -0
- package/dist/components/Label/index.js +72 -6
- package/dist/components/Label/index.js.map +1 -0
- package/dist/components/LoadingScreen/index.js +9 -5
- package/dist/components/LoadingScreen/index.js.map +1 -0
- package/dist/components/MaskedInput/index.js +56 -1
- package/dist/components/MaskedInput/index.js.map +1 -0
- package/dist/components/MenuItem/index.js +22 -8
- package/dist/components/MenuItem/index.js.map +1 -0
- package/dist/components/MenuPopover/index.js +49 -1
- package/dist/components/MenuPopover/index.js.map +1 -0
- package/dist/components/Modal/index.js +34 -3
- package/dist/components/Modal/index.js.map +1 -0
- package/dist/components/ModalActions/index.js +9 -3
- package/dist/components/ModalActions/index.js.map +1 -0
- package/dist/components/MoreMenu/index.js +16 -8
- package/dist/components/MoreMenu/index.js.map +1 -0
- package/dist/components/NumberInput/index.js +108 -1
- package/dist/components/NumberInput/index.js.map +1 -0
- package/dist/components/PasswordRules/index.js +76 -8
- package/dist/components/PasswordRules/index.js.map +1 -0
- package/dist/components/PopoverSelect/index.js +44 -10
- package/dist/components/PopoverSelect/index.js.map +1 -0
- package/dist/components/Portal/index.js +29 -1
- package/dist/components/Portal/index.js.map +1 -0
- package/dist/components/Result/index.js +29 -1
- package/dist/components/Result/index.js.map +1 -0
- package/dist/components/SavedChanges/index.js +40 -4
- package/dist/components/SavedChanges/index.js.map +1 -0
- package/dist/components/Scrollbar/index.js +46 -1
- package/dist/components/Scrollbar/index.js.map +1 -0
- package/dist/components/SearchInput/index.js +74 -3
- package/dist/components/SearchInput/index.js.map +1 -0
- package/dist/components/SelectableCards/index.js +145 -8
- package/dist/components/SelectableCards/index.js.map +1 -0
- package/dist/components/SeoPreview/index.js +158 -10
- package/dist/components/SeoPreview/index.js.map +1 -0
- package/dist/components/SplashScreen/index.js +105 -5
- package/dist/components/SplashScreen/index.js.map +1 -0
- package/dist/components/Steps/index.js +69 -11
- package/dist/components/Steps/index.js.map +1 -0
- package/dist/components/StyledTab/index.js +88 -7
- package/dist/components/StyledTab/index.js.map +1 -0
- package/dist/components/StyledTabs/index.js +25 -4
- package/dist/components/StyledTabs/index.js.map +1 -0
- package/dist/components/Summary/index.js +13 -5
- package/dist/components/Summary/index.js.map +1 -0
- package/dist/components/SwapList/index.js +246 -18
- package/dist/components/SwapList/index.js.map +1 -0
- package/dist/components/TabPanel/index.js +32 -3
- package/dist/components/TabPanel/index.js.map +1 -0
- package/dist/components/TextMaxLine/index.js +50 -2
- package/dist/components/TextMaxLine/index.js.map +1 -0
- package/dist/components/TimePicker/index.js +40 -4
- package/dist/components/TimePicker/index.js.map +1 -0
- package/dist/components/ToggleButtonGroup/index.js +8 -4
- package/dist/components/ToggleButtonGroup/index.js.map +1 -0
- package/dist/components/Tooltip/index.js +6 -3
- package/dist/components/Tooltip/index.js.map +1 -0
- package/dist/components/WhiteBox/index.js +9 -1
- package/dist/components/WhiteBox/index.js.map +1 -0
- package/dist/components/animate/index.js +6 -2
- package/dist/components/animate/index.js.map +1 -0
- package/dist/components/carousel/index.js +11 -16
- package/dist/components/carousel/index.js.map +1 -0
- package/dist/components/form/Address/index.js +197 -12
- package/dist/components/form/Address/index.js.map +1 -0
- package/dist/components/form/Autocomplete/index.js +43 -4
- package/dist/components/form/Autocomplete/index.js.map +1 -0
- package/dist/components/form/AutocompleteDetailed/index.js +40 -6
- package/dist/components/form/AutocompleteDetailed/index.js.map +1 -0
- package/dist/components/form/Checkbox/index.js +49 -6
- package/dist/components/form/Checkbox/index.js.map +1 -0
- package/dist/components/form/Codes/index.js +84 -7
- package/dist/components/form/Codes/index.js.map +1 -0
- package/dist/components/form/ColorPicker/index.js +50 -5
- package/dist/components/form/ColorPicker/index.js.map +1 -0
- package/dist/components/form/DatePicker/index.js +61 -5
- package/dist/components/form/DatePicker/index.js.map +1 -0
- package/dist/components/form/DateRangePicker/index.js +75 -7
- package/dist/components/form/DateRangePicker/index.js.map +1 -0
- package/dist/components/form/DateTimePicker/index.js +59 -5
- package/dist/components/form/DateTimePicker/index.js.map +1 -0
- package/dist/components/form/Field/index.js +50 -1
- package/dist/components/form/Field/index.js.map +1 -0
- package/dist/components/form/Form/index.js +27 -4
- package/dist/components/form/Form/index.js.map +1 -0
- package/dist/components/form/Incrementer/index.js +36 -8
- package/dist/components/form/Incrementer/index.js.map +1 -0
- package/dist/components/form/InputTags/index.js +67 -6
- package/dist/components/form/InputTags/index.js.map +1 -0
- package/dist/components/form/MaskedInput/index.js +46 -2
- package/dist/components/form/MaskedInput/index.js.map +1 -0
- package/dist/components/form/MultiCheckbox/index.js +91 -9
- package/dist/components/form/MultiCheckbox/index.js.map +1 -0
- package/dist/components/form/MultiChipField/index.js +47 -5
- package/dist/components/form/MultiChipField/index.js.map +1 -0
- package/dist/components/form/NumberInput/index.js +41 -4
- package/dist/components/form/NumberInput/index.js.map +1 -0
- package/dist/components/form/Password/index.js +88 -9
- package/dist/components/form/Password/index.js.map +1 -0
- package/dist/components/form/RadioGroup/index.js +124 -9
- package/dist/components/form/RadioGroup/index.js.map +1 -0
- package/dist/components/form/SelectableCards/index.js +20 -11
- package/dist/components/form/SelectableCards/index.js.map +1 -0
- package/dist/components/form/Switch/index.js +66 -6
- package/dist/components/form/Switch/index.js.map +1 -0
- package/dist/components/form/TimePicker/index.js +62 -5
- package/dist/components/form/TimePicker/index.js.map +1 -0
- package/dist/components/form/UploadAvatarWithCrop/index.js +57 -17
- package/dist/components/form/UploadAvatarWithCrop/index.js.map +1 -0
- package/dist/components/form/UploadWithCrop/index.js +57 -20
- package/dist/components/form/UploadWithCrop/index.js.map +1 -0
- package/dist/components/form/Webhook/index.js +144 -16
- package/dist/components/form/Webhook/index.js.map +1 -0
- package/dist/components/lightbox/index.js +4 -16
- package/dist/components/lightbox/index.js.map +1 -0
- package/dist/components/table/index.js +11 -21
- package/dist/components/table/index.js.map +1 -0
- package/dist/components/upload/index.js +10 -23
- package/dist/components/upload/index.js.map +1 -0
- package/dist/hooks/useActiveElement.js +25 -2
- package/dist/hooks/useActiveElement.js.map +1 -0
- package/dist/hooks/useApiMessage.js +31 -2
- package/dist/hooks/useApiMessage.js.map +1 -0
- package/dist/hooks/useAutocomplete.js +58 -2
- package/dist/hooks/useAutocomplete.js.map +1 -0
- package/dist/hooks/useCopyToClipboard.js +20 -2
- package/dist/hooks/useCopyToClipboard.js.map +1 -0
- package/dist/hooks/useDatagrid.js +41 -2
- package/dist/hooks/useDatagrid.js.map +1 -0
- package/dist/hooks/useDebounceValue.js +16 -2
- package/dist/hooks/useDebounceValue.js.map +1 -0
- package/dist/hooks/useDeepCompareEffect.js +14 -3
- package/dist/hooks/useDeepCompareEffect.js.map +1 -0
- package/dist/hooks/useEventCallback.js +17 -2
- package/dist/hooks/useEventCallback.js.map +1 -0
- package/dist/hooks/useEventListener.js +25 -1
- package/dist/hooks/useEventListener.js.map +1 -0
- package/dist/hooks/useIsMounting.js +11 -2
- package/dist/hooks/useIsMounting.js.map +1 -0
- package/dist/hooks/useIsomorphicLayoutEffect.js +7 -1
- package/dist/hooks/useIsomorphicLayoutEffect.js.map +1 -0
- package/dist/hooks/useLocalStorage.js +86 -5
- package/dist/hooks/useLocalStorage.js.map +1 -0
- package/dist/hooks/useMount.js +7 -2
- package/dist/hooks/useMount.js.map +1 -0
- package/dist/hooks/useOnClickOutside.js +14 -3
- package/dist/hooks/useOnClickOutside.js.map +1 -0
- package/dist/hooks/usePagination.js +38 -2
- package/dist/hooks/usePagination.js.map +1 -0
- package/dist/hooks/usePopover.js +22 -1
- package/dist/hooks/usePopover.js.map +1 -0
- package/dist/hooks/useResponsive.js +35 -1
- package/dist/hooks/useResponsive.js.map +1 -0
- package/dist/hooks/useScrollOffSetTop.js +29 -2
- package/dist/hooks/useScrollOffSetTop.js.map +1 -0
- package/dist/hooks/useSnackbar.js +14 -1
- package/dist/hooks/useSnackbar.js.map +1 -0
- package/dist/hooks/useTabs.js +14 -2
- package/dist/hooks/useTabs.js.map +1 -0
- package/dist/hooks/useToggle.js +12 -1
- package/dist/hooks/useToggle.js.map +1 -0
- package/dist/hooks/useUpload.js +58 -1
- package/dist/hooks/useUpload.js.map +1 -0
- package/dist/hooks/useUploadImage.js +80 -2
- package/dist/hooks/useUploadImage.js.map +1 -0
- package/dist/index.js +6 -2
- package/dist/index.js.map +1 -0
- package/dist/locales/all-langs.js +34 -1
- package/dist/locales/all-langs.js.map +1 -0
- package/dist/theme/core/index.js +7 -3
- package/dist/theme/core/index.js.map +1 -0
- package/dist/theme/styles/index.js +4 -1
- package/dist/theme/styles/index.js.map +1 -0
- package/dist/theme/theme-provider.js +46 -7
- package/dist/theme/theme-provider.js.map +1 -0
- package/dist/theme/with-settings/index.js +3 -4
- package/dist/theme/with-settings/index.js.map +1 -0
- package/dist/types/addressProps.js +2 -0
- package/dist/types/addressProps.js.map +1 -0
- package/dist/types/api.js +2 -0
- package/dist/types/api.js.map +1 -0
- package/dist/types/autoComplete.js +2 -0
- package/dist/types/autoComplete.js.map +1 -0
- package/dist/types/autoCompleteProps.js +2 -0
- package/dist/types/autoCompleteProps.js.map +1 -0
- package/dist/types/baseField.js +2 -0
- package/dist/types/baseField.js.map +1 -0
- package/dist/types/dataGridProps.js +2 -0
- package/dist/types/dataGridProps.js.map +1 -0
- package/dist/types/datagrid.js +2 -0
- package/dist/types/datagrid.js.map +1 -0
- package/dist/types/datePickerProps.js +2 -0
- package/dist/types/datePickerProps.js.map +1 -0
- package/dist/types/dateRangePickerProps.js +2 -0
- package/dist/types/dateRangePickerProps.js.map +1 -0
- package/dist/types/dateTimePickerProps.js +2 -0
- package/dist/types/dateTimePickerProps.js.map +1 -0
- package/dist/types/fieldProps.js +2 -0
- package/dist/types/fieldProps.js.map +1 -0
- package/dist/types/icon.js +331 -1
- package/dist/types/icon.js.map +1 -0
- package/dist/types/iconProps.js +2 -0
- package/dist/types/iconProps.js.map +1 -0
- package/dist/types/incrementerProps.js +2 -0
- package/dist/types/incrementerProps.js.map +1 -0
- package/dist/types/item.js +2 -0
- package/dist/types/item.js.map +1 -0
- package/dist/types/multiCheckboxProps.js +2 -0
- package/dist/types/multiCheckboxProps.js.map +1 -0
- package/dist/types/numberInputProps.js +2 -0
- package/dist/types/numberInputProps.js.map +1 -0
- package/dist/types/option.js +2 -0
- package/dist/types/option.js.map +1 -0
- package/dist/types/radioGroupProps.js +2 -0
- package/dist/types/radioGroupProps.js.map +1 -0
- package/dist/types/searchInputProps.js +2 -0
- package/dist/types/searchInputProps.js.map +1 -0
- package/dist/types/sectionProps.js +2 -0
- package/dist/types/sectionProps.js.map +1 -0
- package/dist/types/switchProps.js +2 -0
- package/dist/types/switchProps.js.map +1 -0
- package/dist/types/timePickerProps.js +2 -0
- package/dist/types/timePickerProps.js.map +1 -0
- package/dist/types/upload.js +2 -0
- package/dist/types/upload.js.map +1 -0
- package/dist/types/webhook.js +35 -2
- package/dist/types/webhook.js.map +1 -0
- package/dist/utils/color.js +7 -1
- package/dist/utils/color.js.map +1 -0
- package/dist/utils/compare.js +7 -1
- package/dist/utils/compare.js.map +1 -0
- package/dist/utils/date.js +20 -4
- package/dist/utils/date.js.map +1 -0
- package/dist/utils/formatNumber.js +87 -1
- package/dist/utils/formatNumber.js.map +1 -0
- package/dist/utils/formatTime.js +157 -1
- package/dist/utils/formatTime.js.map +1 -0
- package/dist/utils/loadable.js +12 -4
- package/dist/utils/loadable.js.map +1 -0
- package/dist/utils/mask.js +38 -2
- package/dist/utils/mask.js.map +1 -0
- package/dist/utils/number.js +13 -1
- package/dist/utils/number.js.map +1 -0
- package/dist/utils/sort.js +22 -2
- package/dist/utils/sort.js.map +1 -0
- package/dist/utils/uuidv4.js +9 -2
- package/dist/utils/uuidv4.js.map +1 -0
- package/dist/utils/validators.js +83 -1
- package/dist/utils/validators.js.map +1 -0
- package/package.json +2 -1
- package/dist/chunk-2MVQI7NJ.js +0 -8
- package/dist/chunk-2MW433JI.js +0 -17
- package/dist/chunk-2Z4AFXGP.js +0 -10
- package/dist/chunk-3APKMSVD.js +0 -5
- package/dist/chunk-3E5A45HM.js +0 -3
- package/dist/chunk-3SFA4YEZ.js +0 -7
- package/dist/chunk-4INDXVIX.js +0 -5
- package/dist/chunk-4SHVMCT6.js +0 -7
- package/dist/chunk-5YJTSVA2.js +0 -6
- package/dist/chunk-7F56LFN2.js +0 -17
- package/dist/chunk-7KZ2UT76.js +0 -8
- package/dist/chunk-ANAHA3L6.js +0 -3
- package/dist/chunk-BUYQKDFG.js +0 -13
- package/dist/chunk-BYAPKKGB.js +0 -7
- package/dist/chunk-CFVUZ4S5.js +0 -5
- package/dist/chunk-CFYNJQGN.js +0 -43
- package/dist/chunk-CQDKXUUX.js +0 -3
- package/dist/chunk-D27ND54J.js +0 -16
- package/dist/chunk-E5MGOPPQ.js +0 -8
- package/dist/chunk-EFUFJKJD.js +0 -7
- package/dist/chunk-GA4A5P3S.js +0 -6
- package/dist/chunk-GOC7PC2S.js +0 -6
- package/dist/chunk-ILHUUK4X.js +0 -6
- package/dist/chunk-J76XIRCA.js +0 -18
- package/dist/chunk-JHCOHKLL.js +0 -7
- package/dist/chunk-KFZEM7KS.js +0 -5
- package/dist/chunk-M6QHAL4V.js +0 -7
- package/dist/chunk-MCT77MRN.js +0 -8
- package/dist/chunk-NF42ENKE.js +0 -9
- package/dist/chunk-OJKIWVED.js +0 -10
- package/dist/chunk-ORYAES3Q.js +0 -5
- package/dist/chunk-P4HPVV7B.js +0 -14
- package/dist/chunk-P5FKEHCD.js +0 -11
- package/dist/chunk-PIYBPQAC.js +0 -17
- package/dist/chunk-PPUFQMAW.js +0 -9
- package/dist/chunk-QCWALW56.js +0 -18
- package/dist/chunk-QNAXGE5H.js +0 -8
- package/dist/chunk-QQB3DGHT.js +0 -3
- package/dist/chunk-R6FUU7Z7.js +0 -7
- package/dist/chunk-REM462FC.js +0 -26
- package/dist/chunk-RLMWIJKJ.js +0 -10
- package/dist/chunk-SEVJABAI.js +0 -7
- package/dist/chunk-T7I256S6.js +0 -8
- package/dist/chunk-TRI6XGH4.js +0 -7
- package/dist/chunk-TWGGHTU5.js +0 -5
- package/dist/chunk-UGH5FWZQ.js +0 -13
- package/dist/chunk-VTHBHXM2.js +0 -7
- package/dist/chunk-VVMQMROT.js +0 -5
- package/dist/chunk-W3MYAMTH.js +0 -5
- package/dist/chunk-WAAV5ZRR.js +0 -13
- package/dist/chunk-WKD3OXUA.js +0 -6
- package/dist/chunk-YWEB6IAI.js +0 -6
- package/dist/chunk-Z2TDWMRU.js +0 -6
- package/dist/chunk-ZDHXW74M.js +0 -5
- package/dist/chunk-ZODC2MGF.js +0 -10
- package/dist/index.css +0 -10
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/form/Codes/index.tsx"],"names":[],"mappings":"AAgEI,SASU,KATV;AAhEJ,SAAsC,cAAc;AACpD,SAAS,YAAY,sBAAsB;AAC3C,OAAO,oBAAoB;AAC3B,OAAO,WAAW;AAClB,OAAO,eAAe;AAEtB,OAAO,sBAAsB;AAI7B,MAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA,SAAS,CAAC;AAAA,EACV;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAkB;AAChB,QAAM,WAAW,OAAuB,IAAI;AAE5C,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW,EAAE,OAAO;AAAA,EACtB,IAAI,eAAe;AAEnB,QAAM,cAAc,CAAC,UAA0B;AAC7C,UAAM,OAAO,MAAM,cAAc,QAAQ,MAAM,EAAE,MAAM,EAAE;AAEzD,WAAO,IAAI,CAAC,OAAO,UAAU,SAAS,OAAO,KAAK,KAAK,CAAC,CAAC;AAEzD,UAAM,eAAe;AAAA,EACvB;AAEA,QAAM,4BAA4B,CAChC,OACA,iBACG;AACH,UAAM,EAAE,WAAW,OAAO,KAAK,IAAI,MAAM;AAEzC,UAAM,aAAa,KAAK,QAAQ,SAAS,EAAE;AAE3C,UAAM,gBAAgB,OAAO,UAAU;AAEvC,UAAM,YAAgC,SAAS;AAAA,MAC7C,cAAc,UAAU,gBAAgB;AAAA,IAC1C;AAEA,QAAI,MAAM,SAAS,WAAW;AAC5B,YAAM,OAAO,QAAQ,MAAM,CAAC;AAAA,IAC9B;AAEA,QAAI,MAAM,UAAU,aAAa,gBAAgB,KAAK,cAAc,MAAM;AACxE,MAAC,UAA0B,MAAM;AAAA,IACnC;AAEA,iBAAa,KAAK;AAAA,EACpB;AAGA,mBAAiB,SAAS,aAAoB,QAAQ;AAEtD,QAAM,mBAAmB,OAAO,KAAK,WAAS,OAAO,KAAK,CAAC;AAE3D,SACE,qBAAC,SACC;AAAA,wBAAC,SAAM,WAAU,OAAM,SAAS,GAAG,gBAAe,UAAS,KAAK,UAC7D,iBAAO,IAAI,CAAC,MAAM,UACjB;AAAA,MAAC;AAAA;AAAA,QAEC,MAAM,GAAG,UAAU,QAAQ;AAAA,QAC3B;AAAA,QACA;AAAA,QACA,QAAQ,CAAC,EAAE,OAAO,YAAY,EAAE,MAAM,EAAE,MACtC;AAAA,UAAC;AAAA;AAAA,YACE,GAAG;AAAA,YACH,GAAG;AAAA,YACJ,cAAa;AAAA,YACb,OAAO,CAAC,CAAC;AAAA,YACT,WAAW,UAAU;AAAA,YACrB,aAAY;AAAA,YACZ,UAAU,CAAC,UAAyC;AAClD,wCAA0B,OAAO,MAAM,QAAQ;AAAA,YACjD;AAAA,YACA,SAAS,WAAS,MAAM,cAAc,OAAO;AAAA,YAC7C,YAAY;AAAA,cACV,IAAI;AAAA,gBACF,OAAO,EAAE,IAAI,IAAI,IAAI,GAAG;AAAA,gBACxB,QAAQ,EAAE,IAAI,IAAI,IAAI,GAAG;AAAA,gBACzB,WAAW,EAAE,GAAG,GAAG,WAAW,SAAS;AAAA,cACzC;AAAA,YACF;AAAA,YACA,YAAY;AAAA,cACV,WAAW;AAAA,cACX,MAAM;AAAA,cACN;AAAA,YACF;AAAA;AAAA,QACF;AAAA;AAAA,MA5BG;AAAA,IA8BP,CACD,GACH;AAAA,IAEC,oBACC,oBAAC,kBAAe,OAAK,MAAC,IAAI,EAAE,IAAI,EAAE,GAAG,2CAErC;AAAA,KAEJ;AAEJ;AAEA,IAAO,gBAAQ","sourcesContent":["import { ChangeEvent, ClipboardEvent, useRef } from 'react';\nimport { Controller, useFormContext } from 'react-hook-form';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport Stack from '@mui/material/Stack';\nimport TextField from '@mui/material/TextField';\n\nimport useEventListener from 'hooks/useEventListener';\n\nimport { CodesProps } from './props';\n\nconst Codes = ({\n keyName,\n inputs = [],\n rules,\n tabIndex,\n ...other\n}: CodesProps) => {\n const codesRef = useRef<HTMLDivElement>(null);\n\n const {\n control,\n setValue,\n formState: { errors },\n } = useFormContext();\n\n const handlePaste = (event: ClipboardEvent) => {\n const data = event.clipboardData.getData('text').split('');\n\n inputs.map((input, index) => setValue(input, data[index]));\n\n event.preventDefault();\n };\n\n const handleChangeWithNextField = (\n event: ChangeEvent<HTMLInputElement>,\n handleChange: (event: ChangeEvent<HTMLInputElement>) => void,\n ) => {\n const { maxLength, value, name } = event.target;\n\n const fieldIndex = name.replace(keyName, '');\n\n const fieldIntIndex = Number(fieldIndex);\n\n const nextfield: HTMLElement | null = document.querySelector(\n `input[name=${keyName}${fieldIntIndex + 1}]`,\n );\n\n if (value.length > maxLength) {\n event.target.value = value[0];\n }\n\n if (value.length >= maxLength && fieldIntIndex < 6 && nextfield !== null) {\n (nextfield as HTMLElement).focus();\n }\n\n handleChange(event);\n };\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n useEventListener('paste', handlePaste as any, codesRef);\n\n const hasCodeNotFilled = inputs.some(input => errors[input]);\n\n return (\n <Stack>\n <Stack direction=\"row\" spacing={2} justifyContent=\"center\" ref={codesRef}>\n {inputs.map((name, index) => (\n <Controller\n key={name}\n name={`${keyName}${index + 1}`}\n control={control}\n rules={rules}\n render={({ field, fieldState: { error } }) => (\n <TextField\n {...other}\n {...field}\n autoComplete=\"none\"\n error={!!error}\n autoFocus={index === 0}\n placeholder=\"-\"\n onChange={(event: ChangeEvent<HTMLInputElement>) => {\n handleChangeWithNextField(event, field.onChange);\n }}\n onFocus={event => event.currentTarget.select()}\n InputProps={{\n sx: {\n width: { xs: 36, sm: 56 },\n height: { xs: 36, sm: 56 },\n '& input': { p: 0, textAlign: 'center' },\n },\n }}\n inputProps={{\n maxLength: 1,\n type: 'number',\n tabIndex,\n }}\n />\n )}\n />\n ))}\n </Stack>\n\n {hasCodeNotFilled && (\n <FormHelperText error sx={{ px: 2 }}>\n Código é obrigatório\n </FormHelperText>\n )}\n </Stack>\n );\n};\n\nexport default Codes;\n"]}
|
|
@@ -1,8 +1,53 @@
|
|
|
1
|
-
import { a } from '../../../chunk-BUYQKDFG.js';
|
|
2
|
-
import '../../../chunk-ORYAES3Q.js';
|
|
3
|
-
import { useFormContext, Controller } from 'react-hook-form';
|
|
4
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useFormContext, Controller } from 'react-hook-form';
|
|
3
|
+
import ColorPickerInput from 'components/ColorPickerInput';
|
|
5
4
|
|
|
6
|
-
|
|
5
|
+
const ColorPicker = ({
|
|
6
|
+
name,
|
|
7
|
+
rules,
|
|
8
|
+
helperText,
|
|
9
|
+
...other
|
|
10
|
+
}) => {
|
|
11
|
+
const { control } = useFormContext();
|
|
12
|
+
return /* @__PURE__ */ jsx(
|
|
13
|
+
Controller,
|
|
14
|
+
{
|
|
15
|
+
name,
|
|
16
|
+
control,
|
|
17
|
+
rules: {
|
|
18
|
+
...rules,
|
|
19
|
+
validate: {
|
|
20
|
+
...rules?.validate,
|
|
21
|
+
validation: (v) => {
|
|
22
|
+
const fValue = "#" + v.replaceAll("#", "");
|
|
23
|
+
const hexRegex = /^#([0-9A-Fa-f]{3}){1,2}$/;
|
|
24
|
+
if (!hexRegex.test(fValue))
|
|
25
|
+
return "Cor inv\xE1lida";
|
|
26
|
+
return true;
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
render: ({
|
|
31
|
+
field: { ref, onChange, ...field },
|
|
32
|
+
fieldState: { error }
|
|
33
|
+
}) => /* @__PURE__ */ jsx(
|
|
34
|
+
ColorPickerInput,
|
|
35
|
+
{
|
|
36
|
+
...field,
|
|
37
|
+
onChangeColor: onChange,
|
|
38
|
+
inputRef: ref,
|
|
39
|
+
fullWidth: true,
|
|
40
|
+
error: !!error,
|
|
41
|
+
helperText: error?.message || helperText,
|
|
42
|
+
"data-intercom-target": name,
|
|
43
|
+
...other
|
|
44
|
+
}
|
|
45
|
+
)
|
|
46
|
+
}
|
|
47
|
+
);
|
|
48
|
+
};
|
|
49
|
+
var ColorPicker_default = ColorPicker;
|
|
7
50
|
|
|
8
|
-
export {
|
|
51
|
+
export { ColorPicker_default as default };
|
|
52
|
+
//# sourceMappingURL=out.js.map
|
|
53
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/form/ColorPicker/index.tsx"],"names":[],"mappings":"AAoCQ;AApCR,SAAS,YAAY,sBAAsB;AAE3C,OAAO,sBAAsB;AAI7B,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,OAAO;AAAA,QACL,GAAG;AAAA,QACH,UAAU;AAAA,UACR,GAAG,OAAO;AAAA,UACV,YAAY,CAAC,MAAc;AACzB,kBAAM,SAAS,MAAM,EAAE,WAAW,KAAK,EAAE;AACzC,kBAAM,WAAW;AAEjB,gBAAI,CAAC,SAAS,KAAK,MAAM;AAAG,qBAAO;AAEnC,mBAAO;AAAA,UACT;AAAA,QACF;AAAA,MACF;AAAA,MACA,QAAQ,CAAC;AAAA,QACP,OAAO,EAAE,KAAK,UAAU,GAAG,MAAM;AAAA,QACjC,YAAY,EAAE,MAAM;AAAA,MACtB,MACE;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACJ,eAAe;AAAA,UACf,UAAU;AAAA,UACV,WAAS;AAAA,UACT,OAAO,CAAC,CAAC;AAAA,UACT,YAAY,OAAO,WAAW;AAAA,UAC9B,wBAAsB;AAAA,UACrB,GAAG;AAAA;AAAA,MACN;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,sBAAQ","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\n\nimport ColorPickerInput from 'components/ColorPickerInput';\n\nimport { ColorPickerProps } from './props';\n\nconst ColorPicker = ({\n name,\n rules,\n helperText,\n ...other\n}: ColorPickerProps) => {\n const { control } = useFormContext();\n\n return (\n <Controller\n name={name}\n control={control}\n rules={{\n ...rules,\n validate: {\n ...rules?.validate,\n validation: (v: string) => {\n const fValue = '#' + v.replaceAll('#', '');\n const hexRegex = /^#([0-9A-Fa-f]{3}){1,2}$/;\n\n if (!hexRegex.test(fValue)) return 'Cor inválida';\n\n return true;\n },\n },\n }}\n render={({\n field: { ref, onChange, ...field },\n fieldState: { error },\n }) => (\n <ColorPickerInput\n {...field}\n onChangeColor={onChange}\n inputRef={ref}\n fullWidth\n error={!!error}\n helperText={error?.message || helperText}\n data-intercom-target={name}\n {...other}\n />\n )}\n />\n );\n};\n\nexport default ColorPicker;\n"]}
|
|
@@ -1,8 +1,64 @@
|
|
|
1
|
-
import { useFormContext, Controller } from 'react-hook-form';
|
|
2
|
-
import { DatePicker } from '@mui/x-date-pickers-pro';
|
|
3
|
-
import C from 'dayjs';
|
|
4
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useFormContext, Controller } from 'react-hook-form';
|
|
3
|
+
import { DatePicker as DatePicker$1 } from '@mui/x-date-pickers-pro';
|
|
4
|
+
import dayjs from 'dayjs';
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
const DatePicker = ({
|
|
7
|
+
name,
|
|
8
|
+
rules,
|
|
9
|
+
tabIndex,
|
|
10
|
+
helperText,
|
|
11
|
+
required,
|
|
12
|
+
...other
|
|
13
|
+
}) => {
|
|
14
|
+
const { control } = useFormContext();
|
|
15
|
+
return /* @__PURE__ */ jsx(
|
|
16
|
+
Controller,
|
|
17
|
+
{
|
|
18
|
+
name,
|
|
19
|
+
control,
|
|
20
|
+
rules,
|
|
21
|
+
render: ({
|
|
22
|
+
field: { ref, onChange, ...field },
|
|
23
|
+
fieldState: { error }
|
|
24
|
+
}) => /* @__PURE__ */ jsx(
|
|
25
|
+
DatePicker$1,
|
|
26
|
+
{
|
|
27
|
+
inputRef: ref,
|
|
28
|
+
format: "DD/MM/YYYY",
|
|
29
|
+
...field,
|
|
30
|
+
"data-intercom-target": name,
|
|
31
|
+
...other,
|
|
32
|
+
value: field.value ? dayjs(field.value) : null,
|
|
33
|
+
onChange: (v) => {
|
|
34
|
+
const newValue = v ? v.toDate() : null;
|
|
35
|
+
onChange(newValue);
|
|
36
|
+
other.onChange && other.onChange(newValue);
|
|
37
|
+
},
|
|
38
|
+
slotProps: {
|
|
39
|
+
textField: {
|
|
40
|
+
...other.slotProps?.textField,
|
|
41
|
+
required,
|
|
42
|
+
error: !!error,
|
|
43
|
+
helperText: error?.message || helperText,
|
|
44
|
+
autoComplete: "off",
|
|
45
|
+
spellCheck: "false",
|
|
46
|
+
fullWidth: true,
|
|
47
|
+
inputProps: {
|
|
48
|
+
tabIndex
|
|
49
|
+
}
|
|
50
|
+
},
|
|
51
|
+
openPickerButton: {
|
|
52
|
+
tabIndex
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
)
|
|
57
|
+
}
|
|
58
|
+
);
|
|
59
|
+
};
|
|
60
|
+
var DatePicker_default = DatePicker;
|
|
7
61
|
|
|
8
|
-
export {
|
|
62
|
+
export { DatePicker_default as default };
|
|
63
|
+
//# sourceMappingURL=out.js.map
|
|
64
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/form/DatePicker/index.tsx"],"names":[],"mappings":"AAyBQ;AAzBR,SAAS,YAAY,sBAAsB;AAC3C,SAAS,cAAc,qBAAqB;AAC5C,OAAO,WAAW;AAIlB,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAuB;AACrB,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC;AAAA,QACP,OAAO,EAAE,KAAK,UAAU,GAAG,MAAM;AAAA,QACjC,YAAY,EAAE,MAAM;AAAA,MACtB,MACE;AAAA,QAAC;AAAA;AAAA,UACC,UAAU;AAAA,UACV,QAAO;AAAA,UACN,GAAG;AAAA,UACJ,wBAAsB;AAAA,UACrB,GAAG;AAAA,UACJ,OAAO,MAAM,QAAQ,MAAM,MAAM,KAAK,IAAI;AAAA,UAC1C,UAAU,OAAK;AACb,kBAAM,WAAW,IAAI,EAAE,OAAO,IAAI;AAClC,qBAAS,QAAQ;AACjB,kBAAM,YAAY,MAAM,SAAS,QAAQ;AAAA,UAC3C;AAAA,UACA,WAAW;AAAA,YACT,WAAW;AAAA,cACT,GAAG,MAAM,WAAW;AAAA,cACpB;AAAA,cACA,OAAO,CAAC,CAAC;AAAA,cACT,YAAY,OAAO,WAAW;AAAA,cAC9B,cAAc;AAAA,cACd,YAAY;AAAA,cACZ,WAAW;AAAA,cACX,YAAY;AAAA,gBACV;AAAA,cACF;AAAA,YACF;AAAA,YACA,kBAAkB;AAAA,cAChB;AAAA,YACF;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,qBAAQ","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\nimport { DatePicker as MuiDatePicker } from '@mui/x-date-pickers-pro';\nimport dayjs from 'dayjs';\n\nimport { DatePickerProps } from 'types/datePickerProps';\n\nconst DatePicker = ({\n name,\n rules,\n tabIndex,\n helperText,\n required,\n ...other\n}: DatePickerProps) => {\n const { control } = useFormContext();\n\n return (\n <Controller\n name={name}\n control={control}\n rules={rules}\n render={({\n field: { ref, onChange, ...field },\n fieldState: { error },\n }) => (\n <MuiDatePicker\n inputRef={ref}\n format=\"DD/MM/YYYY\"\n {...field}\n data-intercom-target={name}\n {...other}\n value={field.value ? dayjs(field.value) : null}\n onChange={v => {\n const newValue = v ? v.toDate() : null;\n onChange(newValue);\n other.onChange && other.onChange(newValue);\n }}\n slotProps={{\n textField: {\n ...other.slotProps?.textField,\n required,\n error: !!error,\n helperText: error?.message || helperText,\n autoComplete: 'off',\n spellCheck: 'false',\n fullWidth: true,\n inputProps: {\n tabIndex,\n },\n },\n openPickerButton: {\n tabIndex,\n },\n }}\n />\n )}\n />\n );\n};\n\nexport default DatePicker;\n"]}
|
|
@@ -1,10 +1,78 @@
|
|
|
1
|
-
import { useFormContext, Controller } from 'react-hook-form';
|
|
2
|
-
import k from '@mui/material/FormHelperText';
|
|
3
|
-
import x from '@mui/material/Stack';
|
|
4
|
-
import { DateRangePicker } from '@mui/x-date-pickers-pro';
|
|
5
|
-
import m from 'dayjs';
|
|
6
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
+
import { useFormContext, Controller } from 'react-hook-form';
|
|
3
|
+
import FormHelperText from '@mui/material/FormHelperText';
|
|
4
|
+
import Stack from '@mui/material/Stack';
|
|
5
|
+
import { DateRangePicker as DateRangePicker$1 } from '@mui/x-date-pickers-pro';
|
|
6
|
+
import dayjs from 'dayjs';
|
|
7
7
|
|
|
8
|
-
|
|
8
|
+
const DateRangePicker = ({
|
|
9
|
+
name,
|
|
10
|
+
label,
|
|
11
|
+
rules,
|
|
12
|
+
tabIndex,
|
|
13
|
+
helperText,
|
|
14
|
+
required,
|
|
15
|
+
...other
|
|
16
|
+
}) => {
|
|
17
|
+
const { control, setError } = useFormContext();
|
|
18
|
+
return /* @__PURE__ */ jsx(
|
|
19
|
+
Controller,
|
|
20
|
+
{
|
|
21
|
+
name,
|
|
22
|
+
control,
|
|
23
|
+
rules,
|
|
24
|
+
render: ({ field: { value, onChange }, fieldState: { error } }) => {
|
|
25
|
+
return /* @__PURE__ */ jsxs(Stack, { children: [
|
|
26
|
+
/* @__PURE__ */ jsx(
|
|
27
|
+
DateRangePicker$1,
|
|
28
|
+
{
|
|
29
|
+
"data-intercom-target": name,
|
|
30
|
+
...other,
|
|
31
|
+
format: "DD/MM/YYYY",
|
|
32
|
+
value: [
|
|
33
|
+
value?.startDate ? dayjs(value.startDate) : null,
|
|
34
|
+
value?.endDate ? dayjs(value.endDate) : null
|
|
35
|
+
],
|
|
36
|
+
onChange: (v) => {
|
|
37
|
+
const newValue = {
|
|
38
|
+
startDate: v[0] ? v[0].toDate() : null,
|
|
39
|
+
endDate: v[1] ? v[1].toDate() : null
|
|
40
|
+
};
|
|
41
|
+
onChange(newValue);
|
|
42
|
+
other.onChange && other.onChange(newValue);
|
|
43
|
+
},
|
|
44
|
+
onError: (newError) => {
|
|
45
|
+
setError(name, {
|
|
46
|
+
message: newError[0] || newError[1] || void 0
|
|
47
|
+
});
|
|
48
|
+
},
|
|
49
|
+
slotProps: {
|
|
50
|
+
textField: ({ position }) => ({
|
|
51
|
+
...other.slotProps?.textField,
|
|
52
|
+
required,
|
|
53
|
+
error: !!error,
|
|
54
|
+
autoComplete: "off",
|
|
55
|
+
spellCheck: "false",
|
|
56
|
+
fullWidth: true,
|
|
57
|
+
label: position === "start" ? `${label} (Dt. In\xEDcio)` : `${label} (Dt. Fim)`,
|
|
58
|
+
inputProps: {
|
|
59
|
+
tabIndex
|
|
60
|
+
}
|
|
61
|
+
})
|
|
62
|
+
},
|
|
63
|
+
sx: {
|
|
64
|
+
width: 1
|
|
65
|
+
}
|
|
66
|
+
}
|
|
67
|
+
),
|
|
68
|
+
(error?.message || helperText) && /* @__PURE__ */ jsx(FormHelperText, { error: !!error, sx: { mx: "14px" }, children: error?.message || helperText })
|
|
69
|
+
] });
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
);
|
|
73
|
+
};
|
|
74
|
+
var DateRangePicker_default = DateRangePicker;
|
|
9
75
|
|
|
10
|
-
export {
|
|
76
|
+
export { DateRangePicker_default as default };
|
|
77
|
+
//# sourceMappingURL=out.js.map
|
|
78
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/form/DateRangePicker/index.tsx"],"names":[],"mappings":"AA0BU,SACE,KADF;AA1BV,SAAS,YAAY,sBAAsB;AAC3C,OAAO,oBAAoB;AAC3B,OAAO,WAAW;AAClB,SAAS,mBAAmB,0BAA0B;AACtD,OAAO,WAAW;AAIlB,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA4B;AAC1B,QAAM,EAAE,SAAS,SAAS,IAAI,eAAe;AAE7C,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,OAAO,SAAS,GAAG,YAAY,EAAE,MAAM,EAAE,MAAM;AACjE,eACE,qBAAC,SACC;AAAA;AAAA,YAAC;AAAA;AAAA,cACC,wBAAsB;AAAA,cACrB,GAAG;AAAA,cACJ,QAAO;AAAA,cACP,OAAO;AAAA,gBACL,OAAO,YAAY,MAAM,MAAM,SAAS,IAAI;AAAA,gBAC5C,OAAO,UAAU,MAAM,MAAM,OAAO,IAAI;AAAA,cAC1C;AAAA,cACA,UAAU,OAAK;AACb,sBAAM,WAAW;AAAA,kBACf,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,OAAO,IAAI;AAAA,kBAClC,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,OAAO,IAAI;AAAA,gBAClC;AACA,yBAAS,QAAQ;AACjB,sBAAM,YAAY,MAAM,SAAS,QAAQ;AAAA,cAC3C;AAAA,cACA,SAAS,cAAY;AACnB,yBAAS,MAAM;AAAA,kBACb,SAAS,SAAS,CAAC,KAAK,SAAS,CAAC,KAAK;AAAA,gBACzC,CAAC;AAAA,cACH;AAAA,cACA,WAAW;AAAA,gBACT,WAAW,CAAC,EAAE,SAAS,OAAO;AAAA,kBAC5B,GAAG,MAAM,WAAW;AAAA,kBACpB;AAAA,kBACA,OAAO,CAAC,CAAC;AAAA,kBACT,cAAc;AAAA,kBACd,YAAY;AAAA,kBACZ,WAAW;AAAA,kBACX,OACE,aAAa,UACT,GAAG,0BACH,GAAG;AAAA,kBACT,YAAY;AAAA,oBACV;AAAA,kBACF;AAAA,gBACF;AAAA,cACF;AAAA,cACA,IAAI;AAAA,gBACF,OAAO;AAAA,cACT;AAAA;AAAA,UACF;AAAA,WACE,OAAO,WAAW,eAClB,oBAAC,kBAAe,OAAO,CAAC,CAAC,OAAO,IAAI,EAAE,IAAI,OAAO,GAC9C,iBAAO,WAAW,YACrB;AAAA,WAEJ;AAAA,MAEJ;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,0BAAQ","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\nimport FormHelperText from '@mui/material/FormHelperText';\nimport Stack from '@mui/material/Stack';\nimport { DateRangePicker as MuiDateRangePicker } from '@mui/x-date-pickers-pro';\nimport dayjs from 'dayjs';\n\nimport { DateRangePickerProps } from 'types/dateRangePickerProps';\n\nconst DateRangePicker = ({\n name,\n label,\n rules,\n tabIndex,\n helperText,\n required,\n ...other\n}: DateRangePickerProps) => {\n const { control, setError } = useFormContext();\n\n return (\n <Controller\n name={name}\n control={control}\n rules={rules}\n render={({ field: { value, onChange }, fieldState: { error } }) => {\n return (\n <Stack>\n <MuiDateRangePicker\n data-intercom-target={name}\n {...other}\n format=\"DD/MM/YYYY\"\n value={[\n value?.startDate ? dayjs(value.startDate) : null,\n value?.endDate ? dayjs(value.endDate) : null,\n ]}\n onChange={v => {\n const newValue = {\n startDate: v[0] ? v[0].toDate() : null,\n endDate: v[1] ? v[1].toDate() : null,\n };\n onChange(newValue);\n other.onChange && other.onChange(newValue);\n }}\n onError={newError => {\n setError(name, {\n message: newError[0] || newError[1] || undefined,\n });\n }}\n slotProps={{\n textField: ({ position }) => ({\n ...other.slotProps?.textField,\n required,\n error: !!error,\n autoComplete: 'off',\n spellCheck: 'false',\n fullWidth: true,\n label:\n position === 'start'\n ? `${label} (Dt. Início)`\n : `${label} (Dt. Fim)`,\n inputProps: {\n tabIndex,\n },\n }),\n }}\n sx={{\n width: 1,\n }}\n />\n {(error?.message || helperText) && (\n <FormHelperText error={!!error} sx={{ mx: '14px' }}>\n {error?.message || helperText}\n </FormHelperText>\n )}\n </Stack>\n );\n }}\n />\n );\n};\n\nexport default DateRangePicker;\n"]}
|
|
@@ -1,8 +1,62 @@
|
|
|
1
|
-
import { useFormContext, Controller } from 'react-hook-form';
|
|
2
|
-
import { DateTimePicker } from '@mui/x-date-pickers-pro';
|
|
3
|
-
import C from 'dayjs';
|
|
4
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useFormContext, Controller } from 'react-hook-form';
|
|
3
|
+
import { DateTimePicker as DateTimePicker$1 } from '@mui/x-date-pickers-pro';
|
|
4
|
+
import dayjs from 'dayjs';
|
|
5
5
|
|
|
6
|
-
|
|
6
|
+
const DateTimePicker = ({
|
|
7
|
+
name,
|
|
8
|
+
rules,
|
|
9
|
+
tabIndex,
|
|
10
|
+
helperText,
|
|
11
|
+
required,
|
|
12
|
+
...other
|
|
13
|
+
}) => {
|
|
14
|
+
const { control } = useFormContext();
|
|
15
|
+
return /* @__PURE__ */ jsx(
|
|
16
|
+
Controller,
|
|
17
|
+
{
|
|
18
|
+
name,
|
|
19
|
+
control,
|
|
20
|
+
rules,
|
|
21
|
+
render: ({
|
|
22
|
+
field: { ref, onChange, ...field },
|
|
23
|
+
fieldState: { error }
|
|
24
|
+
}) => /* @__PURE__ */ jsx(
|
|
25
|
+
DateTimePicker$1,
|
|
26
|
+
{
|
|
27
|
+
format: "DD/MM/YYYY HH:mm",
|
|
28
|
+
inputRef: ref,
|
|
29
|
+
...field,
|
|
30
|
+
"data-intercom-target": name,
|
|
31
|
+
...other,
|
|
32
|
+
value: field.value ? dayjs(field.value) : null,
|
|
33
|
+
onChange: (v) => {
|
|
34
|
+
const newValue = v ? v.toDate() : null;
|
|
35
|
+
onChange(newValue);
|
|
36
|
+
other.onChange && other.onChange(newValue);
|
|
37
|
+
},
|
|
38
|
+
slotProps: {
|
|
39
|
+
textField: {
|
|
40
|
+
...other.slotProps?.textField,
|
|
41
|
+
required,
|
|
42
|
+
error: !!error,
|
|
43
|
+
helperText: error?.message || helperText,
|
|
44
|
+
autoComplete: "off",
|
|
45
|
+
spellCheck: "false",
|
|
46
|
+
fullWidth: true,
|
|
47
|
+
inputProps: { tabIndex }
|
|
48
|
+
},
|
|
49
|
+
openPickerButton: {
|
|
50
|
+
tabIndex
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
)
|
|
55
|
+
}
|
|
56
|
+
);
|
|
57
|
+
};
|
|
58
|
+
var DateTimePicker_default = DateTimePicker;
|
|
7
59
|
|
|
8
|
-
export {
|
|
60
|
+
export { DateTimePicker_default as default };
|
|
61
|
+
//# sourceMappingURL=out.js.map
|
|
62
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/form/DateTimePicker/index.tsx"],"names":[],"mappings":"AAyBQ;AAzBR,SAAS,YAAY,sBAAsB;AAC3C,SAAS,kBAAkB,yBAAyB;AACpD,OAAO,WAAW;AAIlB,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAA2B;AACzB,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC;AAAA,QACP,OAAO,EAAE,KAAK,UAAU,GAAG,MAAM;AAAA,QACjC,YAAY,EAAE,MAAM;AAAA,MACtB,MACE;AAAA,QAAC;AAAA;AAAA,UACC,QAAO;AAAA,UACP,UAAU;AAAA,UACT,GAAG;AAAA,UACJ,wBAAsB;AAAA,UACrB,GAAG;AAAA,UACJ,OAAO,MAAM,QAAQ,MAAM,MAAM,KAAK,IAAI;AAAA,UAC1C,UAAU,OAAK;AACb,kBAAM,WAAW,IAAI,EAAE,OAAO,IAAI;AAClC,qBAAS,QAAQ;AACjB,kBAAM,YAAY,MAAM,SAAS,QAAQ;AAAA,UAC3C;AAAA,UACA,WAAW;AAAA,YACT,WAAW;AAAA,cACT,GAAG,MAAM,WAAW;AAAA,cACpB;AAAA,cACA,OAAO,CAAC,CAAC;AAAA,cACT,YAAY,OAAO,WAAW;AAAA,cAC9B,cAAc;AAAA,cACd,YAAY;AAAA,cACZ,WAAW;AAAA,cACX,YAAY,EAAE,SAAS;AAAA,YACzB;AAAA,YACA,kBAAkB;AAAA,cAChB;AAAA,YACF;AAAA,UACF;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,yBAAQ","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\nimport { DateTimePicker as MuiDateTimePicker } from '@mui/x-date-pickers-pro';\nimport dayjs from 'dayjs';\n\nimport { DateTimePickerProps } from 'types/dateTimePickerProps';\n\nconst DateTimePicker = ({\n name,\n rules,\n tabIndex,\n helperText,\n required,\n ...other\n}: DateTimePickerProps) => {\n const { control } = useFormContext();\n\n return (\n <Controller\n name={name}\n control={control}\n rules={rules}\n render={({\n field: { ref, onChange, ...field },\n fieldState: { error },\n }) => (\n <MuiDateTimePicker\n format=\"DD/MM/YYYY HH:mm\"\n inputRef={ref}\n {...field}\n data-intercom-target={name}\n {...other}\n value={field.value ? dayjs(field.value) : null}\n onChange={v => {\n const newValue = v ? v.toDate() : null;\n onChange(newValue);\n other.onChange && other.onChange(newValue);\n }}\n slotProps={{\n textField: {\n ...other.slotProps?.textField,\n required,\n error: !!error,\n helperText: error?.message || helperText,\n autoComplete: 'off',\n spellCheck: 'false',\n fullWidth: true,\n inputProps: { tabIndex },\n },\n openPickerButton: {\n tabIndex,\n },\n }}\n />\n )}\n />\n );\n};\n\nexport default DateTimePicker;\n"]}
|
|
@@ -1 +1,50 @@
|
|
|
1
|
-
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useFormContext, Controller } from 'react-hook-form';
|
|
3
|
+
import TextField from '@mui/material/TextField';
|
|
4
|
+
|
|
5
|
+
const Field = ({
|
|
6
|
+
name,
|
|
7
|
+
helperText,
|
|
8
|
+
rules,
|
|
9
|
+
onChange,
|
|
10
|
+
tabIndex,
|
|
11
|
+
className,
|
|
12
|
+
...other
|
|
13
|
+
}) => {
|
|
14
|
+
const { control } = useFormContext();
|
|
15
|
+
return /* @__PURE__ */ jsx(
|
|
16
|
+
Controller,
|
|
17
|
+
{
|
|
18
|
+
name,
|
|
19
|
+
control,
|
|
20
|
+
rules,
|
|
21
|
+
render: ({ field: { ref, ...field }, fieldState: { error } }) => /* @__PURE__ */ jsx(
|
|
22
|
+
TextField,
|
|
23
|
+
{
|
|
24
|
+
...field,
|
|
25
|
+
onChange: (e) => {
|
|
26
|
+
field.onChange(e);
|
|
27
|
+
if (onChange)
|
|
28
|
+
onChange(e);
|
|
29
|
+
},
|
|
30
|
+
inputRef: ref,
|
|
31
|
+
fullWidth: true,
|
|
32
|
+
error: !!error,
|
|
33
|
+
helperText: error?.message || helperText,
|
|
34
|
+
"data-intercom-target": name,
|
|
35
|
+
...other,
|
|
36
|
+
inputProps: {
|
|
37
|
+
...other.inputProps,
|
|
38
|
+
tabIndex
|
|
39
|
+
},
|
|
40
|
+
className: `field-${name} ${className}`
|
|
41
|
+
}
|
|
42
|
+
)
|
|
43
|
+
}
|
|
44
|
+
);
|
|
45
|
+
};
|
|
46
|
+
var Field_default = Field;
|
|
47
|
+
|
|
48
|
+
export { Field_default as default };
|
|
49
|
+
//# sourceMappingURL=out.js.map
|
|
50
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/form/Field/index.tsx"],"names":[],"mappings":"AAsBQ;AAtBR,SAAS,YAAY,sBAAsB;AAC3C,OAAO,eAAe;AAItB,MAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAkB;AAChB,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,GAAG,MAAM,GAAG,YAAY,EAAE,MAAM,EAAE,MACzD;AAAA,QAAC;AAAA;AAAA,UACE,GAAG;AAAA,UACJ,UAAU,OAAK;AACb,kBAAM,SAAS,CAAC;AAChB,gBAAI;AAAU,uBAAS,CAAC;AAAA,UAC1B;AAAA,UACA,UAAU;AAAA,UACV,WAAS;AAAA,UACT,OAAO,CAAC,CAAC;AAAA,UACT,YAAY,OAAO,WAAW;AAAA,UAC9B,wBAAsB;AAAA,UACrB,GAAG;AAAA,UACJ,YAAY;AAAA,YACV,GAAG,MAAM;AAAA,YACT;AAAA,UACF;AAAA,UACA,WAAW,SAAS,QAAQ;AAAA;AAAA,MAC9B;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,gBAAQ","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\nimport TextField from '@mui/material/TextField';\n\nimport { FieldProps } from 'types/fieldProps';\n\nconst Field = ({\n name,\n helperText,\n rules,\n onChange,\n tabIndex,\n className,\n ...other\n}: FieldProps) => {\n const { control } = useFormContext();\n\n return (\n <Controller\n name={name}\n control={control}\n rules={rules}\n render={({ field: { ref, ...field }, fieldState: { error } }) => (\n <TextField\n {...field}\n onChange={e => {\n field.onChange(e);\n if (onChange) onChange(e);\n }}\n inputRef={ref}\n fullWidth\n error={!!error}\n helperText={error?.message || helperText}\n data-intercom-target={name}\n {...other}\n inputProps={{\n ...other.inputProps,\n tabIndex,\n }}\n className={`field-${name} ${className}`}\n />\n )}\n />\n );\n};\n\nexport default Field;\n"]}
|
|
@@ -1,7 +1,30 @@
|
|
|
1
|
-
import { FormProvider } from 'react-hook-form';
|
|
2
|
-
import e from '@mui/material/Stack';
|
|
3
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { FormProvider } from 'react-hook-form';
|
|
3
|
+
import Stack from '@mui/material/Stack';
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
const Form = ({
|
|
6
|
+
id,
|
|
7
|
+
children,
|
|
8
|
+
onSubmit,
|
|
9
|
+
methods,
|
|
10
|
+
...other
|
|
11
|
+
}) => {
|
|
12
|
+
return /* @__PURE__ */ jsx(FormProvider, { ...methods, children: /* @__PURE__ */ jsx(
|
|
13
|
+
Stack,
|
|
14
|
+
{
|
|
15
|
+
component: "form",
|
|
16
|
+
id,
|
|
17
|
+
onSubmit,
|
|
18
|
+
flex: 1,
|
|
19
|
+
width: 1,
|
|
20
|
+
noValidate: true,
|
|
21
|
+
...other,
|
|
22
|
+
children
|
|
23
|
+
}
|
|
24
|
+
) });
|
|
25
|
+
};
|
|
26
|
+
var Form_default = Form;
|
|
6
27
|
|
|
7
|
-
export {
|
|
28
|
+
export { Form_default as default };
|
|
29
|
+
//# sourceMappingURL=out.js.map
|
|
30
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/form/Form/index.tsx"],"names":[],"mappings":"AAeM;AAdN,SAAS,oBAAoB;AAC7B,OAAO,WAAW;AAIlB,MAAM,OAAO,CAAC;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAoC;AAClC,SACE,oBAAC,gBAAc,GAAG,SAChB;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,MAAM;AAAA,MACN,OAAO;AAAA,MACP,YAAU;AAAA,MACT,GAAG;AAAA,MAEH;AAAA;AAAA,EACH,GACF;AAEJ;AAEA,IAAO,eAAQ","sourcesContent":["import { PropsWithChildren } from 'react';\nimport { FormProvider } from 'react-hook-form';\nimport Stack from '@mui/material/Stack';\n\nimport { FormProps } from './props';\n\nconst Form = ({\n id,\n children,\n onSubmit,\n methods,\n ...other\n}: PropsWithChildren<FormProps>) => {\n return (\n <FormProvider {...methods}>\n <Stack\n component=\"form\"\n id={id}\n onSubmit={onSubmit}\n flex={1}\n width={1}\n noValidate\n {...other}\n >\n {children}\n </Stack>\n </FormProvider>\n );\n};\n\nexport default Form;\n"]}
|
|
@@ -1,11 +1,39 @@
|
|
|
1
|
-
import { a } from '../../../chunk-P5FKEHCD.js';
|
|
2
|
-
import '../../../chunk-ANAHA3L6.js';
|
|
3
|
-
import '../../../chunk-7KZ2UT76.js';
|
|
4
|
-
import '../../../chunk-PPUFQMAW.js';
|
|
5
|
-
import '../../../chunk-3E5A45HM.js';
|
|
6
|
-
import { useFormContext, Controller } from 'react-hook-form';
|
|
7
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useFormContext, Controller } from 'react-hook-form';
|
|
3
|
+
import IncrementerComponent from 'components/Incrementer';
|
|
8
4
|
|
|
9
|
-
|
|
5
|
+
const Incrementer = ({
|
|
6
|
+
name,
|
|
7
|
+
helperText,
|
|
8
|
+
rules,
|
|
9
|
+
...other
|
|
10
|
+
}) => {
|
|
11
|
+
const { control } = useFormContext();
|
|
12
|
+
return /* @__PURE__ */ jsx(
|
|
13
|
+
Controller,
|
|
14
|
+
{
|
|
15
|
+
name,
|
|
16
|
+
control,
|
|
17
|
+
rules,
|
|
18
|
+
render: ({ field: { ref, value, ...field }, fieldState: { error } }) => /* @__PURE__ */ jsx(
|
|
19
|
+
IncrementerComponent,
|
|
20
|
+
{
|
|
21
|
+
value,
|
|
22
|
+
inputRef: ref,
|
|
23
|
+
fullWidth: true,
|
|
24
|
+
error: !!error,
|
|
25
|
+
helperText: error?.message || helperText,
|
|
26
|
+
"data-intercom-target": name,
|
|
27
|
+
...other,
|
|
28
|
+
...field,
|
|
29
|
+
name
|
|
30
|
+
}
|
|
31
|
+
)
|
|
32
|
+
}
|
|
33
|
+
);
|
|
34
|
+
};
|
|
35
|
+
var Incrementer_default = Incrementer;
|
|
10
36
|
|
|
11
|
-
export {
|
|
37
|
+
export { Incrementer_default as default };
|
|
38
|
+
//# sourceMappingURL=out.js.map
|
|
39
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/form/Incrementer/index.tsx"],"names":[],"mappings":"AAmBQ;AAnBR,SAAS,YAAY,sBAAsB;AAE3C,OAAO,0BAA0B;AAGjC,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,OAAO,GAAG,MAAM,GAAG,YAAY,EAAE,MAAM,EAAE,MAChE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,UAAU;AAAA,UACV,WAAS;AAAA,UACT,OAAO,CAAC,CAAC;AAAA,UACT,YAAY,OAAO,WAAW;AAAA,UAC9B,wBAAsB;AAAA,UACrB,GAAG;AAAA,UACH,GAAG;AAAA,UACJ;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,sBAAQ","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\n\nimport IncrementerComponent from 'components/Incrementer';\nimport { IncrementerProps } from 'types/incrementerProps';\n\nconst Incrementer = ({\n name,\n helperText,\n rules,\n ...other\n}: IncrementerProps) => {\n const { control } = useFormContext();\n\n return (\n <Controller\n name={name}\n control={control}\n rules={rules}\n render={({ field: { ref, value, ...field }, fieldState: { error } }) => (\n <IncrementerComponent\n value={value}\n inputRef={ref}\n fullWidth\n error={!!error}\n helperText={error?.message || helperText}\n data-intercom-target={name}\n {...other}\n {...field}\n name={name}\n />\n )}\n />\n );\n};\n\nexport default Incrementer;\n"]}
|
|
@@ -1,9 +1,70 @@
|
|
|
1
|
-
import { useFormContext, Controller } from 'react-hook-form';
|
|
2
|
-
import b from '@mui/material/Autocomplete';
|
|
3
|
-
import h from '@mui/material/Chip';
|
|
4
|
-
import I from '@mui/material/TextField';
|
|
5
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useFormContext, Controller } from 'react-hook-form';
|
|
3
|
+
import Autocomplete from '@mui/material/Autocomplete';
|
|
4
|
+
import Chip from '@mui/material/Chip';
|
|
5
|
+
import TextField from '@mui/material/TextField';
|
|
6
6
|
|
|
7
|
-
|
|
7
|
+
const InputTags = ({
|
|
8
|
+
name,
|
|
9
|
+
helperText,
|
|
10
|
+
rules,
|
|
11
|
+
label,
|
|
12
|
+
required
|
|
13
|
+
}) => {
|
|
14
|
+
const { control } = useFormContext();
|
|
15
|
+
return /* @__PURE__ */ jsx(
|
|
16
|
+
Controller,
|
|
17
|
+
{
|
|
18
|
+
name,
|
|
19
|
+
control,
|
|
20
|
+
rules,
|
|
21
|
+
render: ({ field: { ref, value, onChange }, fieldState: { error } }) => /* @__PURE__ */ jsx(
|
|
22
|
+
Autocomplete,
|
|
23
|
+
{
|
|
24
|
+
multiple: true,
|
|
25
|
+
options: [],
|
|
26
|
+
freeSolo: true,
|
|
27
|
+
value,
|
|
28
|
+
onChange: (_, value2) => {
|
|
29
|
+
const filteredValue = value2.filter(
|
|
30
|
+
(item) => typeof item === "string" ? item.trim().length > 0 : true
|
|
31
|
+
);
|
|
32
|
+
onChange(filteredValue);
|
|
33
|
+
},
|
|
34
|
+
renderTags: (value2, getTagProps) => value2.map(
|
|
35
|
+
(option, index) => {
|
|
36
|
+
return /* @__PURE__ */ jsx(
|
|
37
|
+
Chip,
|
|
38
|
+
{
|
|
39
|
+
variant: "soft",
|
|
40
|
+
color: "primary",
|
|
41
|
+
label: option,
|
|
42
|
+
...getTagProps({ index })
|
|
43
|
+
},
|
|
44
|
+
index
|
|
45
|
+
);
|
|
46
|
+
}
|
|
47
|
+
),
|
|
48
|
+
renderInput: (params) => /* @__PURE__ */ jsx(
|
|
49
|
+
TextField,
|
|
50
|
+
{
|
|
51
|
+
...params,
|
|
52
|
+
inputRef: ref,
|
|
53
|
+
label,
|
|
54
|
+
placeholder: "| Digite e tecle enter",
|
|
55
|
+
error: !!error,
|
|
56
|
+
helperText: error?.message || helperText,
|
|
57
|
+
required
|
|
58
|
+
}
|
|
59
|
+
),
|
|
60
|
+
"data-intercom-target": name
|
|
61
|
+
}
|
|
62
|
+
)
|
|
63
|
+
}
|
|
64
|
+
);
|
|
65
|
+
};
|
|
66
|
+
var InputTags_default = InputTags;
|
|
8
67
|
|
|
9
|
-
export {
|
|
68
|
+
export { InputTags_default as default };
|
|
69
|
+
//# sourceMappingURL=out.js.map
|
|
70
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/form/InputTags/index.tsx"],"names":["value"],"mappings":"AA+CkB;AA/ClB,SAAS,YAAY,sBAAsB;AAC3C,OAAO,kBAGA;AACP,OAAO,UAAU;AACjB,OAAO,eAAe;AAItB,MAAM,YAAY,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAkB;AAChB,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC,EAAE,OAAO,EAAE,KAAK,OAAO,SAAS,GAAG,YAAY,EAAE,MAAM,EAAE,MAChE;AAAA,QAAC;AAAA;AAAA,UACC,UAAQ;AAAA,UACR,SAAS,CAAC;AAAA,UACV,UAAQ;AAAA,UACR;AAAA,UACA,UAAU,CAAC,GAAGA,WAAU;AACtB,kBAAM,gBAAgBA,OAAM;AAAA,cAAO,UACjC,OAAO,SAAS,WAAW,KAAK,KAAK,EAAE,SAAS,IAAI;AAAA,YACtD;AAEA,qBAAS,aAAa;AAAA,UACxB;AAAA,UACA,YAAY,CACVA,QACA,gBAEAA,OAAM;AAAA,YACJ,CACE,QACA,UACG;AACH,qBACE;AAAA,gBAAC;AAAA;AAAA,kBAEC,SAAQ;AAAA,kBACR,OAAM;AAAA,kBACN,OAAO;AAAA,kBACN,GAAG,YAAY,EAAE,MAAM,CAAC;AAAA;AAAA,gBAJpB;AAAA,cAKP;AAAA,YAEJ;AAAA,UACF;AAAA,UAEF,aAAa,CAAC,WACZ;AAAA,YAAC;AAAA;AAAA,cACE,GAAG;AAAA,cACJ,UAAU;AAAA,cACV;AAAA,cACA,aAAY;AAAA,cACZ,OAAO,CAAC,CAAC;AAAA,cACT,YAAY,OAAO,WAAW;AAAA,cAC9B;AAAA;AAAA,UACF;AAAA,UAEF,wBAAsB;AAAA;AAAA,MACxB;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,oBAAQ","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\nimport Autocomplete, {\n AutocompleteRenderInputParams,\n AutocompleteValue,\n} from '@mui/material/Autocomplete';\nimport Chip from '@mui/material/Chip';\nimport TextField from '@mui/material/TextField';\n\nimport { FieldProps } from 'types/fieldProps';\n\nconst InputTags = ({\n name,\n helperText,\n rules,\n label,\n required,\n}: FieldProps) => {\n const { control } = useFormContext();\n\n return (\n <Controller\n name={name}\n control={control}\n rules={rules}\n render={({ field: { ref, value, onChange }, fieldState: { error } }) => (\n <Autocomplete\n multiple\n options={[]}\n freeSolo\n value={value}\n onChange={(_, value) => {\n const filteredValue = value.filter(item =>\n typeof item === 'string' ? item.trim().length > 0 : true,\n );\n\n onChange(filteredValue);\n }}\n renderTags={(\n value: AutocompleteValue<string, true, false, true>[],\n getTagProps: (arg0: { index: number }) => JSX.IntrinsicAttributes,\n ) =>\n value.map(\n (\n option: AutocompleteValue<string, true, false, true>,\n index: number,\n ) => {\n return (\n <Chip\n key={index}\n variant=\"soft\"\n color=\"primary\"\n label={option}\n {...getTagProps({ index })}\n />\n );\n },\n )\n }\n renderInput={(params: AutocompleteRenderInputParams) => (\n <TextField\n {...params}\n inputRef={ref}\n label={label}\n placeholder=\"| Digite e tecle enter\"\n error={!!error}\n helperText={error?.message || helperText}\n required={required}\n />\n )}\n data-intercom-target={name}\n />\n )}\n />\n );\n};\n\nexport default InputTags;\n"]}
|
|
@@ -1,2 +1,46 @@
|
|
|
1
|
-
|
|
2
|
-
import '
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { useFormContext, Controller } from 'react-hook-form';
|
|
3
|
+
import MaskedInputComponent from 'components/MaskedInput';
|
|
4
|
+
|
|
5
|
+
const MaskedInput = ({
|
|
6
|
+
name,
|
|
7
|
+
helperText,
|
|
8
|
+
rules,
|
|
9
|
+
onChange: onChangeValue,
|
|
10
|
+
error: isError,
|
|
11
|
+
...other
|
|
12
|
+
}) => {
|
|
13
|
+
const { control } = useFormContext();
|
|
14
|
+
return /* @__PURE__ */ jsx(
|
|
15
|
+
Controller,
|
|
16
|
+
{
|
|
17
|
+
name,
|
|
18
|
+
control,
|
|
19
|
+
rules,
|
|
20
|
+
render: ({
|
|
21
|
+
field: { name: fieldName, onChange, value, ref },
|
|
22
|
+
fieldState: { error }
|
|
23
|
+
}) => /* @__PURE__ */ jsx(
|
|
24
|
+
MaskedInputComponent,
|
|
25
|
+
{
|
|
26
|
+
ref,
|
|
27
|
+
"data-intercom-target": name,
|
|
28
|
+
...other,
|
|
29
|
+
name: fieldName,
|
|
30
|
+
value,
|
|
31
|
+
error: isError || !!error,
|
|
32
|
+
helperText: error?.message || helperText,
|
|
33
|
+
onChange: ({ target: { value: v } }) => {
|
|
34
|
+
onChangeValue && onChangeValue(v);
|
|
35
|
+
onChange(v);
|
|
36
|
+
}
|
|
37
|
+
}
|
|
38
|
+
)
|
|
39
|
+
}
|
|
40
|
+
);
|
|
41
|
+
};
|
|
42
|
+
var MaskedInput_default = MaskedInput;
|
|
43
|
+
|
|
44
|
+
export { MaskedInput_default as default };
|
|
45
|
+
//# sourceMappingURL=out.js.map
|
|
46
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/form/MaskedInput/index.tsx"],"names":[],"mappings":"AAyBQ;AAzBR,SAAS,YAAY,sBAAsB;AAE3C,OAAO,0BAA0B;AAIjC,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,OAAO;AAAA,EACP,GAAG;AACL,MAAwB;AACtB,QAAM,EAAE,QAAQ,IAAI,eAAe;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ,CAAC;AAAA,QACP,OAAO,EAAE,MAAM,WAAW,UAAU,OAAO,IAAI;AAAA,QAC/C,YAAY,EAAE,MAAM;AAAA,MACtB,MACE;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,wBAAsB;AAAA,UACrB,GAAG;AAAA,UACJ,MAAM;AAAA,UACN;AAAA,UACA,OAAO,WAAW,CAAC,CAAC;AAAA,UACpB,YAAY,OAAO,WAAW;AAAA,UAC9B,UAAU,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,MAAM;AACtC,6BAAiB,cAAc,CAAC;AAChC,qBAAS,CAAC;AAAA,UACZ;AAAA;AAAA,MACF;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,sBAAQ","sourcesContent":["import { Controller, useFormContext } from 'react-hook-form';\n\nimport MaskedInputComponent from 'components/MaskedInput';\n\nimport { MaskedInputProps } from './props';\n\nconst MaskedInput = ({\n name,\n helperText,\n rules,\n onChange: onChangeValue,\n error: isError,\n ...other\n}: MaskedInputProps) => {\n const { control } = useFormContext();\n\n return (\n <Controller\n name={name}\n control={control}\n rules={rules}\n render={({\n field: { name: fieldName, onChange, value, ref },\n fieldState: { error },\n }) => (\n <MaskedInputComponent\n ref={ref}\n data-intercom-target={name}\n {...other}\n name={fieldName}\n value={value}\n error={isError || !!error}\n helperText={error?.message || helperText}\n onChange={({ target: { value: v } }) => {\n onChangeValue && onChangeValue(v);\n onChange(v);\n }}\n />\n )}\n />\n );\n};\n\nexport default MaskedInput;\n"]}
|