@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
|
@@ -1,6 +1,12 @@
|
|
|
1
|
-
import { a } from '../../chunk-5YJTSVA2.js';
|
|
2
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import Portal from '../Portal';
|
|
3
3
|
|
|
4
|
-
|
|
4
|
+
const ModalActions = ({
|
|
5
|
+
children,
|
|
6
|
+
id = "modal-actions"
|
|
7
|
+
}) => /* @__PURE__ */ jsx(Portal, { container: id, children });
|
|
8
|
+
var ModalActions_default = ModalActions;
|
|
5
9
|
|
|
6
|
-
export {
|
|
10
|
+
export { ModalActions_default as default };
|
|
11
|
+
//# sourceMappingURL=out.js.map
|
|
12
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/ModalActions/index.tsx"],"names":[],"mappings":"AAUE;AARF,OAAO,YAAY;AAInB,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA,KAAK;AACP,MACE,oBAAC,UAAO,WAAW,IAAK,UAAS;AAGnC,IAAO,uBAAQ","sourcesContent":["import { PropsWithChildren } from 'react';\n\nimport Portal from '../Portal';\n\nimport { ModalActionsProps } from './props';\n\nconst ModalActions = ({\n children,\n id = 'modal-actions',\n}: PropsWithChildren<ModalActionsProps>) => (\n <Portal container={id}>{children}</Portal>\n);\n\nexport default ModalActions;\n"]}
|
|
@@ -1,11 +1,19 @@
|
|
|
1
|
-
import { a as a$2 } from '../../chunk-EFUFJKJD.js';
|
|
2
|
-
import { a as a$1 } from '../../chunk-PPUFQMAW.js';
|
|
3
|
-
import '../../chunk-3E5A45HM.js';
|
|
4
|
-
import { a } from '../../chunk-ORYAES3Q.js';
|
|
5
|
-
import u from '@mui/material/IconButton';
|
|
6
|
-
import c from '@mui/material/Stack';
|
|
7
1
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import IconButton from '@mui/material/IconButton';
|
|
3
|
+
import Stack from '@mui/material/Stack';
|
|
4
|
+
import Icon from 'components/Icon';
|
|
5
|
+
import MenuPopover from 'components/MenuPopover';
|
|
6
|
+
import usePopover from 'hooks/usePopover';
|
|
8
7
|
|
|
9
|
-
|
|
8
|
+
const MoreMenu = ({ actions }) => {
|
|
9
|
+
const { open, onClose, onOpen } = usePopover();
|
|
10
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
11
|
+
/* @__PURE__ */ jsx(IconButton, { color: open ? "inherit" : "default", onClick: onOpen, children: /* @__PURE__ */ jsx(Icon, { icon: "MORE_BOLD" }) }),
|
|
12
|
+
/* @__PURE__ */ jsx(MenuPopover, { open, onClose, arrow: "right-top", children: /* @__PURE__ */ jsx(Stack, { component: "ul", gap: 0.5, minWidth: 160, children: actions }) })
|
|
13
|
+
] });
|
|
14
|
+
};
|
|
15
|
+
var MoreMenu_default = MoreMenu;
|
|
10
16
|
|
|
11
|
-
export {
|
|
17
|
+
export { MoreMenu_default as default };
|
|
18
|
+
//# sourceMappingURL=out.js.map
|
|
19
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MoreMenu/index.tsx"],"names":[],"mappings":"AAYI,mBAEI,KAFJ;AAZJ,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAElB,OAAO,UAAU;AACjB,OAAO,iBAAiB;AACxB,OAAO,gBAAgB;AAIvB,MAAM,WAAW,CAAC,EAAE,QAAQ,MAAqB;AAC/C,QAAM,EAAE,MAAM,SAAS,OAAO,IAAI,WAAW;AAC7C,SACE,iCACE;AAAA,wBAAC,cAAW,OAAO,OAAO,YAAY,WAAW,SAAS,QACxD,8BAAC,QAAK,MAAK,aAAY,GACzB;AAAA,IAEA,oBAAC,eAAY,MAAY,SAAkB,OAAM,aAC/C,8BAAC,SAAM,WAAU,MAAK,KAAK,KAAK,UAAU,KACvC,mBACH,GACF;AAAA,KACF;AAEJ;AAEA,IAAO,mBAAQ","sourcesContent":["import IconButton from '@mui/material/IconButton';\nimport Stack from '@mui/material/Stack';\n\nimport Icon from 'components/Icon';\nimport MenuPopover from 'components/MenuPopover';\nimport usePopover from 'hooks/usePopover';\n\nimport { MoreMenuProps } from './props';\n\nconst MoreMenu = ({ actions }: MoreMenuProps) => {\n const { open, onClose, onOpen } = usePopover();\n return (\n <>\n <IconButton color={open ? 'inherit' : 'default'} onClick={onOpen}>\n <Icon icon=\"MORE_BOLD\" />\n </IconButton>\n\n <MenuPopover open={open} onClose={onClose} arrow=\"right-top\">\n <Stack component=\"ul\" gap={0.5} minWidth={160}>\n {actions}\n </Stack>\n </MenuPopover>\n </>\n );\n};\n\nexport default MoreMenu;\n"]}
|
|
@@ -1 +1,108 @@
|
|
|
1
|
-
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { forwardRef, useState, useRef, useEffect } from 'react';
|
|
3
|
+
import { NumericFormat } from 'react-number-format';
|
|
4
|
+
import TextField from '@mui/material/TextField';
|
|
5
|
+
|
|
6
|
+
const NumberInput = forwardRef(
|
|
7
|
+
({
|
|
8
|
+
decimalScale = 0,
|
|
9
|
+
fixedDecimalScale = true,
|
|
10
|
+
prefix,
|
|
11
|
+
allowNegative,
|
|
12
|
+
minValue,
|
|
13
|
+
maxValue = Infinity,
|
|
14
|
+
maxLength,
|
|
15
|
+
value,
|
|
16
|
+
inputProps,
|
|
17
|
+
InputProps,
|
|
18
|
+
size,
|
|
19
|
+
disabled,
|
|
20
|
+
name,
|
|
21
|
+
helperText,
|
|
22
|
+
error,
|
|
23
|
+
fullWidth,
|
|
24
|
+
label,
|
|
25
|
+
required,
|
|
26
|
+
onChange,
|
|
27
|
+
tabIndex,
|
|
28
|
+
placeholder,
|
|
29
|
+
margin,
|
|
30
|
+
className
|
|
31
|
+
}, ref) => {
|
|
32
|
+
const [inputkey, setInputKey] = useState(Date.now());
|
|
33
|
+
const delayTimer = useRef(null);
|
|
34
|
+
const reRenderInput = () => setInputKey(Date.now());
|
|
35
|
+
const handleChange = (values, event) => {
|
|
36
|
+
if (!onChange)
|
|
37
|
+
return;
|
|
38
|
+
if (delayTimer.current)
|
|
39
|
+
clearTimeout(delayTimer.current);
|
|
40
|
+
delayTimer.current = setTimeout(() => {
|
|
41
|
+
const { floatValue } = values;
|
|
42
|
+
const comparisonValue = floatValue || 0;
|
|
43
|
+
if (minValue !== void 0 && minValue > comparisonValue) {
|
|
44
|
+
onChange({ target: { name, value: minValue }, event });
|
|
45
|
+
reRenderInput();
|
|
46
|
+
return;
|
|
47
|
+
}
|
|
48
|
+
if (floatValue !== void 0 && maxValue < comparisonValue) {
|
|
49
|
+
onChange({ target: { name, value: maxValue }, event });
|
|
50
|
+
reRenderInput();
|
|
51
|
+
return;
|
|
52
|
+
}
|
|
53
|
+
onChange({
|
|
54
|
+
target: {
|
|
55
|
+
name,
|
|
56
|
+
value: floatValue
|
|
57
|
+
},
|
|
58
|
+
event
|
|
59
|
+
});
|
|
60
|
+
}, 500);
|
|
61
|
+
};
|
|
62
|
+
useEffect(() => {
|
|
63
|
+
return () => {
|
|
64
|
+
if (delayTimer.current) {
|
|
65
|
+
clearTimeout(delayTimer.current);
|
|
66
|
+
}
|
|
67
|
+
};
|
|
68
|
+
}, []);
|
|
69
|
+
return /* @__PURE__ */ jsx(
|
|
70
|
+
NumericFormat,
|
|
71
|
+
{
|
|
72
|
+
getInputRef: ref,
|
|
73
|
+
value,
|
|
74
|
+
prefix,
|
|
75
|
+
decimalSeparator: ",",
|
|
76
|
+
thousandSeparator: ".",
|
|
77
|
+
decimalScale,
|
|
78
|
+
fixedDecimalScale,
|
|
79
|
+
autoComplete: "off",
|
|
80
|
+
allowNegative,
|
|
81
|
+
maxLength,
|
|
82
|
+
onValueChange: handleChange,
|
|
83
|
+
customInput: TextField,
|
|
84
|
+
InputProps: {
|
|
85
|
+
...InputProps
|
|
86
|
+
},
|
|
87
|
+
inputProps: { ...inputProps, tabIndex },
|
|
88
|
+
disabled,
|
|
89
|
+
size,
|
|
90
|
+
helperText,
|
|
91
|
+
error,
|
|
92
|
+
fullWidth,
|
|
93
|
+
label,
|
|
94
|
+
required,
|
|
95
|
+
placeholder,
|
|
96
|
+
margin,
|
|
97
|
+
className
|
|
98
|
+
},
|
|
99
|
+
inputkey
|
|
100
|
+
);
|
|
101
|
+
}
|
|
102
|
+
);
|
|
103
|
+
NumberInput.displayName = "NumberInput";
|
|
104
|
+
var NumberInput_default = NumberInput;
|
|
105
|
+
|
|
106
|
+
export { NumberInput_default as default };
|
|
107
|
+
//# sourceMappingURL=out.js.map
|
|
108
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/NumberInput/index.tsx"],"names":[],"mappings":"AAsFM;AAtFN,SAAS,YAAY,WAAW,QAAQ,gBAAgB;AACxD;AAAA,EAEE;AAAA,OAEK;AACP,OAAO,eAAe;AAItB,MAAM,cAAc;AAAA,EAClB,CACE;AAAA,IACE,eAAe;AAAA,IACf,oBAAoB;AAAA,IACpB;AAAA,IACA;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,GACA,QACG;AACH,UAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK,IAAI,CAAC;AACnD,UAAM,aAAa,OAAsB,IAAI;AAE7C,UAAM,gBAAgB,MAAM,YAAY,KAAK,IAAI,CAAC;AAElD,UAAM,eAAe,CAAC,QAA4B,UAAsB;AACtE,UAAI,CAAC;AAAU;AAEf,UAAI,WAAW;AAAS,qBAAa,WAAW,OAAO;AAEvD,iBAAW,UAAU,WAAW,MAAM;AACpC,cAAM,EAAE,WAAW,IAAI;AACvB,cAAM,kBAAkB,cAAc;AAEtC,YAAI,aAAa,UAAa,WAAW,iBAAiB;AACxD,mBAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,SAAS,GAAG,MAAM,CAAC;AACrD,wBAAc;AAEd;AAAA,QACF;AAEA,YAAI,eAAe,UAAa,WAAW,iBAAiB;AAC1D,mBAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,SAAS,GAAG,MAAM,CAAC;AACrD,wBAAc;AAEd;AAAA,QACF;AAEA,iBAAS;AAAA,UACP,QAAQ;AAAA,YACN;AAAA,YACA,OAAO;AAAA,UACT;AAAA,UACA;AAAA,QACF,CAAC;AAAA,MACH,GAAG,GAAG;AAAA,IACR;AAEA,cAAU,MAAM;AACd,aAAO,MAAM;AACX,YAAI,WAAW,SAAS;AACtB,uBAAa,WAAW,OAAO;AAAA,QACjC;AAAA,MACF;AAAA,IACF,GAAG,CAAC,CAAC;AAEL,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,aAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA,kBAAiB;AAAA,QACjB,mBAAkB;AAAA,QAClB;AAAA,QACA;AAAA,QACA,cAAa;AAAA,QACb;AAAA,QACA;AAAA,QACA,eAAe;AAAA,QACf,aAAa;AAAA,QACb,YAAY;AAAA,UACV,GAAG;AAAA,QACL;AAAA,QACA,YAAY,EAAE,GAAG,YAAY,SAAS;AAAA,QACtC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA;AAAA,MA1BK;AAAA,IA2BP;AAAA,EAEJ;AACF;AAEA,YAAY,cAAc;AAE1B,IAAO,sBAAQ","sourcesContent":["import { forwardRef, useEffect, useRef, useState } from 'react';\nimport {\n NumberFormatValues,\n NumericFormat,\n SourceInfo,\n} from 'react-number-format';\nimport TextField from '@mui/material/TextField';\n\nimport { NumberInputProps } from 'types/numberInputProps';\n\nconst NumberInput = forwardRef<HTMLDivElement, NumberInputProps>(\n (\n {\n decimalScale = 0,\n fixedDecimalScale = true,\n prefix,\n allowNegative,\n minValue,\n maxValue = Infinity,\n maxLength,\n value,\n inputProps,\n InputProps,\n size,\n disabled,\n name,\n helperText,\n error,\n fullWidth,\n label,\n required,\n onChange,\n tabIndex,\n placeholder,\n margin,\n className,\n },\n ref,\n ) => {\n const [inputkey, setInputKey] = useState(Date.now());\n const delayTimer = useRef<number | null>(null);\n\n const reRenderInput = () => setInputKey(Date.now());\n\n const handleChange = (values: NumberFormatValues, event: SourceInfo) => {\n if (!onChange) return;\n\n if (delayTimer.current) clearTimeout(delayTimer.current);\n\n delayTimer.current = setTimeout(() => {\n const { floatValue } = values;\n const comparisonValue = floatValue || 0;\n\n if (minValue !== undefined && minValue > comparisonValue) {\n onChange({ target: { name, value: minValue }, event });\n reRenderInput();\n\n return;\n }\n\n if (floatValue !== undefined && maxValue < comparisonValue) {\n onChange({ target: { name, value: maxValue }, event });\n reRenderInput();\n\n return;\n }\n\n onChange({\n target: {\n name,\n value: floatValue,\n },\n event,\n });\n }, 500);\n };\n\n useEffect(() => {\n return () => {\n if (delayTimer.current) {\n clearTimeout(delayTimer.current);\n }\n };\n }, []);\n\n return (\n <NumericFormat\n key={inputkey}\n getInputRef={ref}\n value={value}\n prefix={prefix}\n decimalSeparator=\",\"\n thousandSeparator=\".\"\n decimalScale={decimalScale}\n fixedDecimalScale={fixedDecimalScale}\n autoComplete=\"off\"\n allowNegative={allowNegative}\n maxLength={maxLength}\n onValueChange={handleChange}\n customInput={TextField}\n InputProps={{\n ...InputProps,\n }}\n inputProps={{ ...inputProps, tabIndex }}\n disabled={disabled}\n size={size}\n helperText={helperText}\n error={error}\n fullWidth={fullWidth}\n label={label}\n required={required}\n placeholder={placeholder}\n margin={margin}\n className={className}\n />\n );\n },\n);\n\nNumberInput.displayName = 'NumberInput';\n\nexport default NumberInput;\n"]}
|
|
@@ -1,11 +1,79 @@
|
|
|
1
|
-
import { d } from '../../chunk-CQDKXUUX.js';
|
|
2
|
-
import { a as a$1 } from '../../chunk-PPUFQMAW.js';
|
|
3
|
-
import '../../chunk-3E5A45HM.js';
|
|
4
|
-
import a from '@mui/material/Typography';
|
|
5
|
-
import l from '@mui/material/Stack';
|
|
6
|
-
import { styled, alpha } from '@mui/material/styles';
|
|
7
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import Typography from '@mui/material/Typography';
|
|
3
|
+
import { validatePassword } from 'utils/validators';
|
|
4
|
+
import Icon from '../Icon';
|
|
5
|
+
import { RulesContainer, Rules, Rule } from './styles';
|
|
8
6
|
|
|
9
|
-
|
|
7
|
+
const RuleIcon = ({ passed }) => {
|
|
8
|
+
return passed ? /* @__PURE__ */ jsx(Icon, { icon: "SIMPLE_CHECK", color: "success.main" }) : /* @__PURE__ */ jsx(Icon, { icon: "WARNING_TRIANGULE", color: "warning.main" });
|
|
9
|
+
};
|
|
10
|
+
const PasswordRules = ({
|
|
11
|
+
password,
|
|
12
|
+
passwordSize,
|
|
13
|
+
numberChar = false,
|
|
14
|
+
specialCharacter = false,
|
|
15
|
+
upperCaseChar = false,
|
|
16
|
+
match
|
|
17
|
+
}) => {
|
|
18
|
+
const {
|
|
19
|
+
hasSpecialCharacter,
|
|
20
|
+
hasUpperCaseChar,
|
|
21
|
+
isLengthValid,
|
|
22
|
+
hasNumberChar
|
|
23
|
+
} = validatePassword(
|
|
24
|
+
password,
|
|
25
|
+
passwordSize,
|
|
26
|
+
numberChar,
|
|
27
|
+
specialCharacter,
|
|
28
|
+
upperCaseChar
|
|
29
|
+
);
|
|
30
|
+
return /* @__PURE__ */ jsxs(RulesContainer, { children: [
|
|
31
|
+
/* @__PURE__ */ jsx(Typography, { color: "text.secondary", variant: "body2", children: "Sua senha deve conter:" }),
|
|
32
|
+
/* @__PURE__ */ jsxs(Rules, { children: [
|
|
33
|
+
/* @__PURE__ */ jsxs(Rule, { children: [
|
|
34
|
+
/* @__PURE__ */ jsx(RuleIcon, { passed: isLengthValid }),
|
|
35
|
+
/* @__PURE__ */ jsxs(Typography, { component: "div", children: [
|
|
36
|
+
/* @__PURE__ */ jsxs("strong", { children: [
|
|
37
|
+
passwordSize[0],
|
|
38
|
+
"-",
|
|
39
|
+
passwordSize[1]
|
|
40
|
+
] }),
|
|
41
|
+
" ",
|
|
42
|
+
"caracteres"
|
|
43
|
+
] })
|
|
44
|
+
] }),
|
|
45
|
+
upperCaseChar && /* @__PURE__ */ jsxs(Rule, { children: [
|
|
46
|
+
/* @__PURE__ */ jsx(RuleIcon, { passed: hasUpperCaseChar }),
|
|
47
|
+
/* @__PURE__ */ jsxs(Typography, { component: "div", children: [
|
|
48
|
+
"Pelo menos uma ",
|
|
49
|
+
/* @__PURE__ */ jsx("strong", { children: "letra mai\xFAscula" })
|
|
50
|
+
] })
|
|
51
|
+
] }),
|
|
52
|
+
numberChar && /* @__PURE__ */ jsxs(Rule, { children: [
|
|
53
|
+
/* @__PURE__ */ jsx(RuleIcon, { passed: hasNumberChar }),
|
|
54
|
+
/* @__PURE__ */ jsxs(Typography, { component: "div", children: [
|
|
55
|
+
"Pelo menos ",
|
|
56
|
+
/* @__PURE__ */ jsx("strong", { children: "um n\xFAmero" })
|
|
57
|
+
] })
|
|
58
|
+
] }),
|
|
59
|
+
specialCharacter && /* @__PURE__ */ jsxs(Rule, { children: [
|
|
60
|
+
/* @__PURE__ */ jsx(RuleIcon, { passed: hasSpecialCharacter }),
|
|
61
|
+
/* @__PURE__ */ jsxs(Typography, { component: "div", children: [
|
|
62
|
+
"Pelo menos um ",
|
|
63
|
+
/* @__PURE__ */ jsx("strong", { children: "caracter especial" }),
|
|
64
|
+
" ",
|
|
65
|
+
/* @__PURE__ */ jsx("span", { children: "(#,@,!,?)" })
|
|
66
|
+
] })
|
|
67
|
+
] }),
|
|
68
|
+
match && /* @__PURE__ */ jsxs(Rule, { children: [
|
|
69
|
+
/* @__PURE__ */ jsx(RuleIcon, { passed: match.passwordMatch }),
|
|
70
|
+
/* @__PURE__ */ jsx(Typography, { component: "div", children: "Senha e confirma\xE7\xE3o de senha devem ser iguais" })
|
|
71
|
+
] })
|
|
72
|
+
] })
|
|
73
|
+
] });
|
|
74
|
+
};
|
|
75
|
+
var PasswordRules_default = PasswordRules;
|
|
10
76
|
|
|
11
|
-
export {
|
|
77
|
+
export { PasswordRules_default as default };
|
|
78
|
+
//# sourceMappingURL=out.js.map
|
|
79
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/PasswordRules/index.tsx"],"names":[],"mappings":"AAWI,cAqCQ,YArCR;AAXJ,OAAO,gBAAgB;AAEvB,SAAS,wBAAwB;AAEjC,OAAO,UAAU;AAGjB,SAAS,MAAM,OAAO,sBAAsB;AAE5C,MAAM,WAAW,CAAC,EAAE,OAAO,MAAoB;AAC7C,SAAO,SACL,oBAAC,QAAK,MAAK,gBAAe,OAAM,gBAAe,IAE/C,oBAAC,QAAK,MAAK,qBAAoB,OAAM,gBAAe;AAExD;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb,mBAAmB;AAAA,EACnB,gBAAgB;AAAA,EAChB;AACF,MAA0B;AACxB,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAEA,SACE,qBAAC,kBACC;AAAA,wBAAC,cAAW,OAAM,kBAAiB,SAAQ,SAAQ,oCAEnD;AAAA,IAEA,qBAAC,SACC;AAAA,2BAAC,QACC;AAAA,4BAAC,YAAS,QAAQ,eAAe;AAAA,QACjC,qBAAC,cAAW,WAAU,OACpB;AAAA,+BAAC,YACE;AAAA,yBAAa,CAAC;AAAA,YAAE;AAAA,YAAE,aAAa,CAAC;AAAA,aACnC;AAAA,UAAU;AAAA,UAAI;AAAA,WAEhB;AAAA,SACF;AAAA,MAEC,iBACC,qBAAC,QACC;AAAA,4BAAC,YAAS,QAAQ,kBAAkB;AAAA,QACpC,qBAAC,cAAW,WAAU,OAAM;AAAA;AAAA,UACX,oBAAC,YAAO,gCAAe;AAAA,WACxC;AAAA,SACF;AAAA,MAGD,cACC,qBAAC,QACC;AAAA,4BAAC,YAAS,QAAQ,eAAe;AAAA,QACjC,qBAAC,cAAW,WAAU,OAAM;AAAA;AAAA,UACf,oBAAC,YAAO,0BAAS;AAAA,WAC9B;AAAA,SACF;AAAA,MAGD,oBACC,qBAAC,QACC;AAAA,4BAAC,YAAS,QAAQ,qBAAqB;AAAA,QACvC,qBAAC,cAAW,WAAU,OAAM;AAAA;AAAA,UACZ,oBAAC,YAAO,+BAAiB;AAAA,UAAU;AAAA,UACjD,oBAAC,UAAK,uBAAS;AAAA,WACjB;AAAA,SACF;AAAA,MAGD,SACC,qBAAC,QACC;AAAA,4BAAC,YAAS,QAAQ,MAAM,eAAe;AAAA,QACvC,oBAAC,cAAW,WAAU,OAAM,iEAE5B;AAAA,SACF;AAAA,OAEJ;AAAA,KACF;AAEJ;AAEA,IAAO,wBAAQ","sourcesContent":["import Typography from '@mui/material/Typography';\n\nimport { validatePassword } from 'utils/validators';\n\nimport Icon from '../Icon';\n\nimport { PasswordRulesProps, RuleIconPros } from './props';\nimport { Rule, Rules, RulesContainer } from './styles';\n\nconst RuleIcon = ({ passed }: RuleIconPros) => {\n return passed ? (\n <Icon icon=\"SIMPLE_CHECK\" color=\"success.main\" />\n ) : (\n <Icon icon=\"WARNING_TRIANGULE\" color=\"warning.main\" />\n );\n};\n\nconst PasswordRules = ({\n password,\n passwordSize,\n numberChar = false,\n specialCharacter = false,\n upperCaseChar = false,\n match,\n}: PasswordRulesProps) => {\n const {\n hasSpecialCharacter,\n hasUpperCaseChar,\n isLengthValid,\n hasNumberChar,\n } = validatePassword(\n password,\n passwordSize,\n numberChar,\n specialCharacter,\n upperCaseChar,\n );\n\n return (\n <RulesContainer>\n <Typography color=\"text.secondary\" variant=\"body2\">\n Sua senha deve conter:\n </Typography>\n\n <Rules>\n <Rule>\n <RuleIcon passed={isLengthValid} />\n <Typography component=\"div\">\n <strong>\n {passwordSize[0]}-{passwordSize[1]}\n </strong>{' '}\n caracteres\n </Typography>\n </Rule>\n\n {upperCaseChar && (\n <Rule>\n <RuleIcon passed={hasUpperCaseChar} />\n <Typography component=\"div\">\n Pelo menos uma <strong>letra maiúscula</strong>\n </Typography>\n </Rule>\n )}\n\n {numberChar && (\n <Rule>\n <RuleIcon passed={hasNumberChar} />\n <Typography component=\"div\">\n Pelo menos <strong>um número</strong>\n </Typography>\n </Rule>\n )}\n\n {specialCharacter && (\n <Rule>\n <RuleIcon passed={hasSpecialCharacter} />\n <Typography component=\"div\">\n Pelo menos um <strong>caracter especial</strong>{' '}\n <span>(#,@,!,?)</span>\n </Typography>\n </Rule>\n )}\n\n {match && (\n <Rule>\n <RuleIcon passed={match.passwordMatch} />\n <Typography component=\"div\">\n Senha e confirmação de senha devem ser iguais\n </Typography>\n </Rule>\n )}\n </Rules>\n </RulesContainer>\n );\n};\n\nexport default PasswordRules;\n"]}
|
|
@@ -1,13 +1,47 @@
|
|
|
1
|
-
import { a as a$3 } from '../../chunk-EFUFJKJD.js';
|
|
2
|
-
import { a as a$1 } from '../../chunk-PPUFQMAW.js';
|
|
3
|
-
import '../../chunk-3E5A45HM.js';
|
|
4
|
-
import { a as a$2 } from '../../chunk-ORYAES3Q.js';
|
|
5
|
-
import S from '@mui/material/MenuItem';
|
|
6
|
-
import a from '@mui/material/Box';
|
|
7
|
-
import s from '@mui/material/Button';
|
|
8
|
-
import { styled } from '@mui/material/styles';
|
|
9
1
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import MenuItem from '@mui/material/MenuItem';
|
|
3
|
+
import MenuPopover from 'components/MenuPopover';
|
|
4
|
+
import { StyledButton, StyledIcon, StyledBox } from 'components/PopoverSelect/styles';
|
|
5
|
+
import usePopover from 'hooks/usePopover';
|
|
10
6
|
|
|
11
|
-
|
|
7
|
+
const PopoverSelect = ({
|
|
8
|
+
selectedTitle,
|
|
9
|
+
onSelect,
|
|
10
|
+
options
|
|
11
|
+
}) => {
|
|
12
|
+
const popover = usePopover();
|
|
13
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
14
|
+
/* @__PURE__ */ jsx(
|
|
15
|
+
StyledButton,
|
|
16
|
+
{
|
|
17
|
+
disableRipple: true,
|
|
18
|
+
color: "inherit",
|
|
19
|
+
onClick: popover.onOpen,
|
|
20
|
+
endIcon: /* @__PURE__ */ jsx(
|
|
21
|
+
StyledIcon,
|
|
22
|
+
{
|
|
23
|
+
icon: popover.open ? "CHEVRON_UP" : "ARROW_DOWN_SIMPLE"
|
|
24
|
+
}
|
|
25
|
+
),
|
|
26
|
+
children: /* @__PURE__ */ jsx(StyledBox, { component: "span", children: selectedTitle.label })
|
|
27
|
+
}
|
|
28
|
+
),
|
|
29
|
+
/* @__PURE__ */ jsx(MenuPopover, { open: popover.open, onClose: popover.onClose, children: options.map((option) => /* @__PURE__ */ jsx(
|
|
30
|
+
MenuItem,
|
|
31
|
+
{
|
|
32
|
+
selected: option.value === selectedTitle.value,
|
|
33
|
+
onClick: () => {
|
|
34
|
+
popover.onClose();
|
|
35
|
+
onSelect(option.value);
|
|
36
|
+
},
|
|
37
|
+
children: option.label
|
|
38
|
+
},
|
|
39
|
+
option.value
|
|
40
|
+
)) })
|
|
41
|
+
] });
|
|
42
|
+
};
|
|
43
|
+
var PopoverSelect_default = PopoverSelect;
|
|
12
44
|
|
|
13
|
-
export {
|
|
45
|
+
export { PopoverSelect_default as default };
|
|
46
|
+
//# sourceMappingURL=out.js.map
|
|
47
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/PopoverSelect/index.tsx"],"names":[],"mappings":"AAmBI,mBAMM,KANN;AAnBJ,OAAO,cAAc;AAErB,OAAO,iBAAiB;AAExB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO,gBAAgB;AAEvB,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AACxB,QAAM,UAAU,WAAW;AAE3B,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,eAAa;AAAA,QACb,OAAM;AAAA,QACN,SAAS,QAAQ;AAAA,QACjB,SACE;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,QAAQ,OAAO,eAAe;AAAA;AAAA,QACtC;AAAA,QAGF,8BAAC,aAAU,WAAU,QAAQ,wBAAc,OAAM;AAAA;AAAA,IACnD;AAAA,IAEA,oBAAC,eAAY,MAAM,QAAQ,MAAM,SAAS,QAAQ,SAC/C,kBAAQ,IAAI,YACX;AAAA,MAAC;AAAA;AAAA,QAEC,UAAU,OAAO,UAAU,cAAc;AAAA,QACzC,SAAS,MAAM;AACb,kBAAQ,QAAQ;AAChB,mBAAS,OAAO,KAAK;AAAA,QACvB;AAAA,QAEC,iBAAO;AAAA;AAAA,MAPH,OAAO;AAAA,IAQd,CACD,GACH;AAAA,KACF;AAEJ;AAEA,IAAO,wBAAQ","sourcesContent":["import MenuItem from '@mui/material/MenuItem';\n\nimport MenuPopover from 'components/MenuPopover';\nimport { PopoverSelectProps } from 'components/PopoverSelect/props';\nimport {\n StyledBox,\n StyledButton,\n StyledIcon,\n} from 'components/PopoverSelect/styles';\nimport usePopover from 'hooks/usePopover';\n\nconst PopoverSelect = ({\n selectedTitle,\n onSelect,\n options,\n}: PopoverSelectProps) => {\n const popover = usePopover();\n\n return (\n <>\n <StyledButton\n disableRipple\n color=\"inherit\"\n onClick={popover.onOpen}\n endIcon={\n <StyledIcon\n icon={popover.open ? 'CHEVRON_UP' : 'ARROW_DOWN_SIMPLE'}\n />\n }\n >\n <StyledBox component=\"span\">{selectedTitle.label}</StyledBox>\n </StyledButton>\n\n <MenuPopover open={popover.open} onClose={popover.onClose}>\n {options.map(option => (\n <MenuItem\n key={option.value}\n selected={option.value === selectedTitle.value}\n onClick={() => {\n popover.onClose();\n onSelect(option.value);\n }}\n >\n {option.label}\n </MenuItem>\n ))}\n </MenuPopover>\n </>\n );\n};\n\nexport default PopoverSelect;\n"]}
|
|
@@ -1 +1,29 @@
|
|
|
1
|
-
|
|
1
|
+
import { useState, useEffect } from 'react';
|
|
2
|
+
import { createPortal } from 'react-dom';
|
|
3
|
+
|
|
4
|
+
const Portal = ({
|
|
5
|
+
children,
|
|
6
|
+
container,
|
|
7
|
+
waitBeforeShow = 50
|
|
8
|
+
}) => {
|
|
9
|
+
const [isShown, setIsShown] = useState(false);
|
|
10
|
+
useEffect(() => {
|
|
11
|
+
const timer = setTimeout(() => setIsShown(true), waitBeforeShow);
|
|
12
|
+
return () => clearTimeout(timer);
|
|
13
|
+
}, [waitBeforeShow]);
|
|
14
|
+
if (!waitBeforeShow) {
|
|
15
|
+
return createPortal(
|
|
16
|
+
children,
|
|
17
|
+
document.getElementById(container) || document.body
|
|
18
|
+
);
|
|
19
|
+
}
|
|
20
|
+
return isShown ? createPortal(
|
|
21
|
+
children,
|
|
22
|
+
document.getElementById(container) || document.body
|
|
23
|
+
) : null;
|
|
24
|
+
};
|
|
25
|
+
var Portal_default = Portal;
|
|
26
|
+
|
|
27
|
+
export { Portal_default as default };
|
|
28
|
+
//# sourceMappingURL=out.js.map
|
|
29
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Portal/index.tsx"],"names":[],"mappings":"AAAA,SAA4B,WAAW,gBAAgB;AACvD,SAAS,oBAAoB;AAI7B,MAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA,iBAAiB;AACnB,MAAsC;AACpC,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAE5C,YAAU,MAAM;AACd,UAAM,QAAQ,WAAW,MAAM,WAAW,IAAI,GAAG,cAAc;AAC/D,WAAO,MAAM,aAAa,KAAK;AAAA,EACjC,GAAG,CAAC,cAAc,CAAC;AAEnB,MAAI,CAAC,gBAAgB;AACnB,WAAO;AAAA,MACL;AAAA,MACA,SAAS,eAAe,SAAS,KAAK,SAAS;AAAA,IACjD;AAAA,EACF;AAEA,SAAO,UACH;AAAA,IACE;AAAA,IACA,SAAS,eAAe,SAAS,KAAK,SAAS;AAAA,EACjD,IACA;AACN;AAEA,IAAO,iBAAQ","sourcesContent":["import { PropsWithChildren, useEffect, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { PortalProps } from './props';\n\nconst Portal = ({\n children,\n container,\n waitBeforeShow = 50,\n}: PropsWithChildren<PortalProps>) => {\n const [isShown, setIsShown] = useState(false);\n\n useEffect(() => {\n const timer = setTimeout(() => setIsShown(true), waitBeforeShow);\n return () => clearTimeout(timer);\n }, [waitBeforeShow]);\n\n if (!waitBeforeShow) {\n return createPortal(\n children,\n document.getElementById(container) || document.body,\n );\n }\n\n return isShown\n ? createPortal(\n children,\n document.getElementById(container) || document.body,\n )\n : null;\n};\n\nexport default Portal;\n"]}
|
|
@@ -1 +1,29 @@
|
|
|
1
|
-
|
|
1
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
|
+
|
|
3
|
+
const Result = ({
|
|
4
|
+
isFetching,
|
|
5
|
+
fetching,
|
|
6
|
+
isLoading,
|
|
7
|
+
loading,
|
|
8
|
+
anError,
|
|
9
|
+
error,
|
|
10
|
+
isEmpty,
|
|
11
|
+
empty,
|
|
12
|
+
children
|
|
13
|
+
}) => {
|
|
14
|
+
if (isLoading)
|
|
15
|
+
return loading || "Carregando...";
|
|
16
|
+
if (anError)
|
|
17
|
+
return error || "Error";
|
|
18
|
+
if (isEmpty)
|
|
19
|
+
return empty || "Nenhum resultado";
|
|
20
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
21
|
+
isFetching && /* @__PURE__ */ jsx(Fragment, { children: fetching || "Carregando..." }),
|
|
22
|
+
children
|
|
23
|
+
] });
|
|
24
|
+
};
|
|
25
|
+
var Result_default = Result;
|
|
26
|
+
|
|
27
|
+
export { Result_default as default };
|
|
28
|
+
//# sourceMappingURL=out.js.map
|
|
29
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Result/index.tsx"],"names":[],"mappings":"AAsBI,SACiB,eADjB;AAlBJ,MAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAsC;AACpC,MAAI;AAAW,WAAO,WAAW;AAEjC,MAAI;AAAS,WAAO,SAAS;AAE7B,MAAI;AAAS,WAAO,SAAS;AAE7B,SACE,iCACG;AAAA,kBAAc,gCAAG,sBAAY,iBAAgB;AAAA,IAC7C;AAAA,KACH;AAEJ;AAEA,IAAO,iBAAQ","sourcesContent":["import { PropsWithChildren } from 'react';\n\nimport { ResultProps } from './props';\n\nconst Result = ({\n isFetching,\n fetching,\n isLoading,\n loading,\n anError,\n error,\n isEmpty,\n empty,\n children,\n}: PropsWithChildren<ResultProps>) => {\n if (isLoading) return loading || 'Carregando...';\n\n if (anError) return error || 'Error';\n\n if (isEmpty) return empty || 'Nenhum resultado';\n\n return (\n <>\n {isFetching && <>{fetching || 'Carregando...'}</>}\n {children}\n </>\n );\n};\n\nexport default Result;\n"]}
|
|
@@ -1,7 +1,43 @@
|
|
|
1
|
-
import { d } from '../../chunk-TRI6XGH4.js';
|
|
2
|
-
import s from '@mui/material/Typography';
|
|
3
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import Typography from '@mui/material/Typography';
|
|
3
|
+
import { fDate } from 'utils/formatTime';
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
const HighlightText = ({ children }) => {
|
|
6
|
+
return /* @__PURE__ */ jsx(
|
|
7
|
+
Typography,
|
|
8
|
+
{
|
|
9
|
+
variant: "body2",
|
|
10
|
+
component: "span",
|
|
11
|
+
fontWeight: 600,
|
|
12
|
+
color: "text.primary",
|
|
13
|
+
children
|
|
14
|
+
}
|
|
15
|
+
);
|
|
16
|
+
};
|
|
17
|
+
const SavedChanges = ({ updatedAt }) => {
|
|
18
|
+
const today = /* @__PURE__ */ new Date();
|
|
19
|
+
const date = new Date(updatedAt);
|
|
20
|
+
const isToday = date.getDate() === today.getDate() && date.getMonth() === today.getMonth() && date.getFullYear() === today.getFullYear();
|
|
21
|
+
const lastSavedHour = fDate(date, "HH:mm");
|
|
22
|
+
if (isToday) {
|
|
23
|
+
return /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "text.disabled", children: [
|
|
24
|
+
"Altera\xE7\xF5es salvas ",
|
|
25
|
+
/* @__PURE__ */ jsx(HighlightText, { children: "Hoje" }),
|
|
26
|
+
" \xE0s",
|
|
27
|
+
" ",
|
|
28
|
+
/* @__PURE__ */ jsx(HighlightText, { children: lastSavedHour })
|
|
29
|
+
] });
|
|
30
|
+
}
|
|
31
|
+
return /* @__PURE__ */ jsxs(Typography, { variant: "body2", color: "text.disabled", children: [
|
|
32
|
+
"Altera\xE7\xF5es salvas em ",
|
|
33
|
+
/* @__PURE__ */ jsx(HighlightText, { children: fDate(date) }),
|
|
34
|
+
" \xE0s",
|
|
35
|
+
" ",
|
|
36
|
+
/* @__PURE__ */ jsx(HighlightText, { children: lastSavedHour })
|
|
37
|
+
] });
|
|
38
|
+
};
|
|
39
|
+
var SavedChanges_default = SavedChanges;
|
|
6
40
|
|
|
7
|
-
export {
|
|
41
|
+
export { SavedChanges_default as default };
|
|
42
|
+
//# sourceMappingURL=out.js.map
|
|
43
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/SavedChanges/index.tsx"],"names":[],"mappings":"AASI,cAsBE,YAtBF;AARJ,OAAO,gBAAgB;AAEvB,SAAS,aAAa;AAItB,MAAM,gBAAgB,CAAC,EAAE,SAAS,MAAyB;AACzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,MACV,YAAY;AAAA,MACZ,OAAM;AAAA,MAEL;AAAA;AAAA,EACH;AAEJ;AAEA,MAAM,eAAe,CAAC,EAAE,UAAU,MAAyB;AACzD,QAAM,QAAQ,oBAAI,KAAK;AACvB,QAAM,OAAO,IAAI,KAAK,SAAS;AAC/B,QAAM,UACJ,KAAK,QAAQ,MAAM,MAAM,QAAQ,KACjC,KAAK,SAAS,MAAM,MAAM,SAAS,KACnC,KAAK,YAAY,MAAM,MAAM,YAAY;AAC3C,QAAM,gBAAgB,MAAM,MAAM,OAAO;AAEzC,MAAI,SAAS;AACX,WACE,qBAAC,cAAW,SAAQ,SAAQ,OAAM,iBAAgB;AAAA;AAAA,MAC9B,oBAAC,iBAAc,kBAAI;AAAA,MAAgB;AAAA,MAAI;AAAA,MACzD,oBAAC,iBAAe,yBAAc;AAAA,OAChC;AAAA,EAEJ;AAEA,SACE,qBAAC,cAAW,SAAQ,SAAQ,OAAM,iBAAgB;AAAA;AAAA,IAC3B,oBAAC,iBAAe,gBAAM,IAAI,GAAE;AAAA,IAAgB;AAAA,IAAI;AAAA,IACrE,oBAAC,iBAAe,yBAAc;AAAA,KAChC;AAEJ;AAEA,IAAO,uBAAQ","sourcesContent":["import { PropsWithChildren } from 'react';\nimport Typography from '@mui/material/Typography';\n\nimport { fDate } from 'utils/formatTime';\n\nimport { SavedChangesProps } from './props';\n\nconst HighlightText = ({ children }: PropsWithChildren) => {\n return (\n <Typography\n variant=\"body2\"\n component=\"span\"\n fontWeight={600}\n color=\"text.primary\"\n >\n {children}\n </Typography>\n );\n};\n\nconst SavedChanges = ({ updatedAt }: SavedChangesProps) => {\n const today = new Date();\n const date = new Date(updatedAt);\n const isToday =\n date.getDate() === today.getDate() &&\n date.getMonth() === today.getMonth() &&\n date.getFullYear() === today.getFullYear();\n const lastSavedHour = fDate(date, 'HH:mm');\n\n if (isToday) {\n return (\n <Typography variant=\"body2\" color=\"text.disabled\">\n Alterações salvas <HighlightText>Hoje</HighlightText> às{' '}\n <HighlightText>{lastSavedHour}</HighlightText>\n </Typography>\n );\n }\n\n return (\n <Typography variant=\"body2\" color=\"text.disabled\">\n Alterações salvas em <HighlightText>{fDate(date)}</HighlightText> às{' '}\n <HighlightText>{lastSavedHour}</HighlightText>\n </Typography>\n );\n};\n\nexport default SavedChanges;\n"]}
|
|
@@ -1 +1,46 @@
|
|
|
1
|
-
|
|
1
|
+
import { jsx } from 'react/jsx-runtime';
|
|
2
|
+
import { forwardRef } from 'react';
|
|
3
|
+
import Box from '@mui/material/Box';
|
|
4
|
+
import SimpleBar from 'simplebar-react';
|
|
5
|
+
import { scrollbarClasses } from './classes';
|
|
6
|
+
|
|
7
|
+
const Scrollbar = forwardRef(
|
|
8
|
+
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
9
|
+
({ slotProps, children, fillContent, naturalScroll, sx, ...other }, ref) => /* @__PURE__ */ jsx(
|
|
10
|
+
Box,
|
|
11
|
+
{
|
|
12
|
+
component: SimpleBar,
|
|
13
|
+
scrollableNodeProps: { ref },
|
|
14
|
+
clickOnTrack: false,
|
|
15
|
+
className: scrollbarClasses.root,
|
|
16
|
+
sx: {
|
|
17
|
+
minWidth: 0,
|
|
18
|
+
minHeight: 0,
|
|
19
|
+
flexGrow: 1,
|
|
20
|
+
display: "flex",
|
|
21
|
+
flexDirection: "column",
|
|
22
|
+
"& .simplebar-wrapper": slotProps?.wrapper,
|
|
23
|
+
"& .simplebar-content-wrapper": slotProps?.contentWrapper,
|
|
24
|
+
"& .simplebar-content": {
|
|
25
|
+
...fillContent && {
|
|
26
|
+
minHeight: 1,
|
|
27
|
+
display: "flex",
|
|
28
|
+
flex: "1 1 auto",
|
|
29
|
+
flexDirection: "column"
|
|
30
|
+
},
|
|
31
|
+
...slotProps?.content
|
|
32
|
+
},
|
|
33
|
+
...sx
|
|
34
|
+
},
|
|
35
|
+
tabIndex: -1,
|
|
36
|
+
...other,
|
|
37
|
+
children
|
|
38
|
+
}
|
|
39
|
+
)
|
|
40
|
+
);
|
|
41
|
+
Scrollbar.displayName = "Scrollbar";
|
|
42
|
+
var Scrollbar_default = Scrollbar;
|
|
43
|
+
|
|
44
|
+
export { Scrollbar_default as default };
|
|
45
|
+
//# sourceMappingURL=out.js.map
|
|
46
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Scrollbar/index.tsx"],"names":[],"mappings":"AAUI;AAVJ,SAAS,kBAAkB;AAC3B,OAAO,SAAS;AAChB,OAAO,eAAe;AAEtB,SAAS,wBAAwB;AAGjC,MAAM,YAAY;AAAA;AAAA,EAEhB,CAAC,EAAE,WAAW,UAAU,aAAa,eAAe,IAAI,GAAG,MAAM,GAAG,QAClE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW;AAAA,MACX,qBAAqB,EAAE,IAAI;AAAA,MAC3B,cAAc;AAAA,MACd,WAAW,iBAAiB;AAAA,MAC5B,IAAI;AAAA,QACF,UAAU;AAAA,QACV,WAAW;AAAA,QACX,UAAU;AAAA,QACV,SAAS;AAAA,QACT,eAAe;AAAA,QACf,wBAAwB,WAAW;AAAA,QACnC,gCACE,WAAW;AAAA,QACb,wBAAwB;AAAA,UACtB,GAAI,eAAe;AAAA,YACjB,WAAW;AAAA,YACX,SAAS;AAAA,YACT,MAAM;AAAA,YACN,eAAe;AAAA,UACjB;AAAA,UACA,GAAG,WAAW;AAAA,QAChB;AAAA,QACA,GAAG;AAAA,MACL;AAAA,MACA,UAAU;AAAA,MACT,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;AAEA,UAAU,cAAc;AAExB,IAAO,oBAAQ","sourcesContent":["import { forwardRef } from 'react';\nimport Box from '@mui/material/Box';\nimport SimpleBar from 'simplebar-react';\n\nimport { scrollbarClasses } from './classes';\nimport type { ScrollbarProps } from './props';\n\nconst Scrollbar = forwardRef<HTMLDivElement, ScrollbarProps>(\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n ({ slotProps, children, fillContent, naturalScroll, sx, ...other }, ref) => (\n <Box\n component={SimpleBar}\n scrollableNodeProps={{ ref }}\n clickOnTrack={false}\n className={scrollbarClasses.root}\n sx={{\n minWidth: 0,\n minHeight: 0,\n flexGrow: 1,\n display: 'flex',\n flexDirection: 'column',\n '& .simplebar-wrapper': slotProps?.wrapper as React.CSSProperties,\n '& .simplebar-content-wrapper':\n slotProps?.contentWrapper as React.CSSProperties,\n '& .simplebar-content': {\n ...(fillContent && {\n minHeight: 1,\n display: 'flex',\n flex: '1 1 auto',\n flexDirection: 'column',\n }),\n ...slotProps?.content,\n } as React.CSSProperties,\n ...sx,\n }}\n tabIndex={-1}\n {...other}\n >\n {children}\n </Box>\n ),\n);\n\nScrollbar.displayName = 'Scrollbar';\n\nexport default Scrollbar;\n"]}
|
|
@@ -1,3 +1,74 @@
|
|
|
1
|
-
|
|
2
|
-
import '
|
|
3
|
-
import '
|
|
1
|
+
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
+
import { useRef } from 'react';
|
|
3
|
+
import IconButton from '@mui/material/IconButton';
|
|
4
|
+
import InputAdornment from '@mui/material/InputAdornment';
|
|
5
|
+
import TextField from '@mui/material/TextField';
|
|
6
|
+
import Icon from '../Icon';
|
|
7
|
+
|
|
8
|
+
const SearchInput = ({
|
|
9
|
+
onSearch,
|
|
10
|
+
onChange,
|
|
11
|
+
trigger = "click",
|
|
12
|
+
iconPosition = "end",
|
|
13
|
+
tabIndex,
|
|
14
|
+
InputProps,
|
|
15
|
+
iconButtonAriaLabel = "Buscar",
|
|
16
|
+
...other
|
|
17
|
+
}) => {
|
|
18
|
+
const inputRef = useRef(null);
|
|
19
|
+
const seachIcon = /* @__PURE__ */ jsx(
|
|
20
|
+
IconButton,
|
|
21
|
+
{
|
|
22
|
+
color: "inherit",
|
|
23
|
+
onClick: () => {
|
|
24
|
+
onSearch(inputRef.current?.value);
|
|
25
|
+
},
|
|
26
|
+
"aria-label": iconButtonAriaLabel,
|
|
27
|
+
children: /* @__PURE__ */ jsx(Icon, { icon: "SEARCH_MAGNIFYING_GLASS", width: 20, height: 20 })
|
|
28
|
+
}
|
|
29
|
+
);
|
|
30
|
+
return /* @__PURE__ */ jsx(
|
|
31
|
+
TextField,
|
|
32
|
+
{
|
|
33
|
+
inputRef,
|
|
34
|
+
InputProps: {
|
|
35
|
+
...InputProps,
|
|
36
|
+
onKeyDown: (e) => {
|
|
37
|
+
if (e.key === "Enter")
|
|
38
|
+
onSearch(inputRef.current?.value);
|
|
39
|
+
},
|
|
40
|
+
...iconPosition === "start" ? {
|
|
41
|
+
startAdornment: /* @__PURE__ */ jsxs(InputAdornment, { position: iconPosition, children: [
|
|
42
|
+
seachIcon,
|
|
43
|
+
InputProps?.startAdornment
|
|
44
|
+
] })
|
|
45
|
+
} : {
|
|
46
|
+
endAdornment: /* @__PURE__ */ jsxs(InputAdornment, { position: iconPosition, children: [
|
|
47
|
+
seachIcon,
|
|
48
|
+
InputProps?.endAdornment
|
|
49
|
+
] })
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
inputProps: {
|
|
53
|
+
tabIndex,
|
|
54
|
+
...other.inputProps
|
|
55
|
+
},
|
|
56
|
+
onChange: (e) => {
|
|
57
|
+
if (trigger === "change") {
|
|
58
|
+
onSearch(e.target.value);
|
|
59
|
+
return;
|
|
60
|
+
}
|
|
61
|
+
if (e.target.value === "")
|
|
62
|
+
onSearch("");
|
|
63
|
+
if (onChange)
|
|
64
|
+
onChange(e);
|
|
65
|
+
},
|
|
66
|
+
...other
|
|
67
|
+
}
|
|
68
|
+
);
|
|
69
|
+
};
|
|
70
|
+
var SearchInput_default = SearchInput;
|
|
71
|
+
|
|
72
|
+
export { SearchInput_default as default };
|
|
73
|
+
//# sourceMappingURL=out.js.map
|
|
74
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/SearchInput/index.tsx"],"names":[],"mappings":"AA6BM,cAeQ,YAfR;AA7BN,SAAS,cAAc;AACvB,OAAO,gBAAgB;AACvB,OAAO,oBAAoB;AAC3B,OAAO,eAAe;AAItB,OAAO,UAAU;AAEjB,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,eAAe;AAAA,EACf;AAAA,EACA;AAAA,EACA,sBAAsB;AAAA,EACtB,GAAG;AACL,MAAwB;AACtB,QAAM,WAAW,OAAyB,IAAI;AAE9C,QAAM,YACJ;AAAA,IAAC;AAAA;AAAA,MACC,OAAM;AAAA,MACN,SAAS,MAAM;AACb,iBAAS,SAAS,SAAS,KAAK;AAAA,MAClC;AAAA,MACA,cAAY;AAAA,MAEZ,8BAAC,QAAK,MAAK,2BAA0B,OAAO,IAAI,QAAQ,IAAI;AAAA;AAAA,EAC9D;AAGF,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,YAAY;AAAA,QACV,GAAG;AAAA,QACH,WAAW,OAAK;AACd,cAAI,EAAE,QAAQ;AAAS,qBAAS,SAAS,SAAS,KAAK;AAAA,QACzD;AAAA,QACA,GAAI,iBAAiB,UACjB;AAAA,UACA,gBACE,qBAAC,kBAAe,UAAU,cACvB;AAAA;AAAA,YACA,YAAY;AAAA,aACf;AAAA,QAEJ,IACE;AAAA,UACA,cACE,qBAAC,kBAAe,UAAU,cACvB;AAAA;AAAA,YACA,YAAY;AAAA,aACf;AAAA,QAEJ;AAAA,MACJ;AAAA,MACA,YAAY;AAAA,QACV;AAAA,QACA,GAAG,MAAM;AAAA,MACX;AAAA,MACA,UAAU,OAAK;AACb,YAAI,YAAY,UAAU;AACxB,mBAAS,EAAE,OAAO,KAAK;AACvB;AAAA,QACF;AAEA,YAAI,EAAE,OAAO,UAAU;AAAI,mBAAS,EAAE;AAEtC,YAAI;AAAU,mBAAS,CAAC;AAAA,MAC1B;AAAA,MACC,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,IAAO,sBAAQ","sourcesContent":["import { useRef } from 'react';\nimport IconButton from '@mui/material/IconButton';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport TextField from '@mui/material/TextField';\n\nimport { SearchInputProps } from 'types/searchInputProps';\n\nimport Icon from '../Icon';\n\nconst SearchInput = ({\n onSearch,\n onChange,\n trigger = 'click',\n iconPosition = 'end',\n tabIndex,\n InputProps,\n iconButtonAriaLabel = 'Buscar',\n ...other\n}: SearchInputProps) => {\n const inputRef = useRef<HTMLInputElement>(null);\n\n const seachIcon = (\n <IconButton\n color=\"inherit\"\n onClick={() => {\n onSearch(inputRef.current?.value);\n }}\n aria-label={iconButtonAriaLabel}\n >\n <Icon icon=\"SEARCH_MAGNIFYING_GLASS\" width={20} height={20} />\n </IconButton>\n );\n\n return (\n <TextField\n inputRef={inputRef}\n InputProps={{\n ...InputProps,\n onKeyDown: e => {\n if (e.key === 'Enter') onSearch(inputRef.current?.value);\n },\n ...(iconPosition === 'start'\n ? {\n startAdornment: (\n <InputAdornment position={iconPosition}>\n {seachIcon}\n {InputProps?.startAdornment}\n </InputAdornment>\n ),\n }\n : {\n endAdornment: (\n <InputAdornment position={iconPosition}>\n {seachIcon}\n {InputProps?.endAdornment}\n </InputAdornment>\n ),\n }),\n }}\n inputProps={{\n tabIndex,\n ...other.inputProps,\n }}\n onChange={e => {\n if (trigger === 'change') {\n onSearch(e.target.value);\n return;\n }\n\n if (e.target.value === '') onSearch('');\n\n if (onChange) onChange(e);\n }}\n {...other}\n />\n );\n};\n\nexport default SearchInput;\n"]}
|