@zydon/common 2.2.43 → 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 +32 -4
- package/dist/components/ActionButton/index.js.map +1 -0
- package/dist/components/Autocomplete/index.js +137 -7
- package/dist/components/Autocomplete/index.js.map +1 -0
- package/dist/components/AutocompleteDetailed/index.js +134 -8
- package/dist/components/AutocompleteDetailed/index.js.map +1 -0
- package/dist/components/BuilderLayout/index.js +23 -4
- package/dist/components/BuilderLayout/index.js.map +1 -0
- package/dist/components/BuilderSidebar/index.js +17 -4
- package/dist/components/BuilderSidebar/index.js.map +1 -0
- package/dist/components/ColorPickerInput/index.js +98 -8
- package/dist/components/ColorPickerInput/index.js.map +1 -0
- package/dist/components/ColoredLabel/index.js +40 -3
- package/dist/components/ColoredLabel/index.js.map +1 -0
- package/dist/components/Common/index.js +27 -4
- 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 +58 -4
- package/dist/components/CustomAvatar/index.js.map +1 -0
- package/dist/components/CustomAvatarGroup/index.js +73 -3
- package/dist/components/CustomAvatarGroup/index.js.map +1 -0
- package/dist/components/DashedDivider/index.js +7 -2
- package/dist/components/DashedDivider/index.js.map +1 -0
- package/dist/components/DataCards/index.js +54 -8
- package/dist/components/DataCards/index.js.map +1 -0
- package/dist/components/DataGrid/index.js +74 -6
- 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 +36 -7
- package/dist/components/Drawer/index.js.map +1 -0
- package/dist/components/EmptyContent/index.js +77 -6
- package/dist/components/EmptyContent/index.js.map +1 -0
- package/dist/components/EmptyView/index.js +32 -5
- 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 +30 -7
- package/dist/components/ExpandableGroup/index.js.map +1 -0
- package/dist/components/FixedProgressBar/index.js +20 -3
- package/dist/components/FixedProgressBar/index.js.map +1 -0
- package/dist/components/FrameSkeleton/index.js +95 -9
- package/dist/components/FrameSkeleton/index.js.map +1 -0
- package/dist/components/HelpButton/index.js +20 -4
- package/dist/components/HelpButton/index.js.map +1 -0
- package/dist/components/Icon/index.js +399 -53
- package/dist/components/Icon/index.js.map +1 -0
- package/dist/components/ImageCrop/index.js +48 -3
- package/dist/components/ImageCrop/index.js.map +1 -0
- package/dist/components/ImageCropModal/index.js +127 -10
- package/dist/components/ImageCropModal/index.js.map +1 -0
- package/dist/components/Incrementer/index.js +153 -6
- package/dist/components/Incrementer/index.js.map +1 -0
- package/dist/components/Label/index.js +68 -3
- package/dist/components/Label/index.js.map +1 -0
- package/dist/components/LoadingScreen/index.js +8 -3
- package/dist/components/LoadingScreen/index.js.map +1 -0
- package/dist/components/MaskedInput/index.js +51 -3
- package/dist/components/MaskedInput/index.js.map +1 -0
- package/dist/components/MenuItem/index.js +21 -6
- package/dist/components/MenuItem/index.js.map +1 -0
- package/dist/components/MenuPopover/index.js +45 -4
- package/dist/components/MenuPopover/index.js.map +1 -0
- package/dist/components/Modal/index.js +30 -7
- 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 -7
- package/dist/components/MoreMenu/index.js.map +1 -0
- package/dist/components/NumberInput/index.js +103 -3
- package/dist/components/NumberInput/index.js.map +1 -0
- package/dist/components/PasswordRules/index.js +74 -4
- package/dist/components/PasswordRules/index.js.map +1 -0
- package/dist/components/PopoverSelect/index.js +43 -5
- package/dist/components/PopoverSelect/index.js.map +1 -0
- package/dist/components/Portal/index.js +25 -2
- package/dist/components/Portal/index.js.map +1 -0
- package/dist/components/Result/index.js +26 -2
- package/dist/components/Result/index.js.map +1 -0
- package/dist/components/SavedChanges/index.js +39 -3
- package/dist/components/SavedChanges/index.js.map +1 -0
- package/dist/components/Scrollbar/index.js +41 -4
- package/dist/components/Scrollbar/index.js.map +1 -0
- package/dist/components/SearchInput/index.js +70 -6
- package/dist/components/SearchInput/index.js.map +1 -0
- package/dist/components/SelectableCards/index.js +140 -12
- package/dist/components/SelectableCards/index.js.map +1 -0
- package/dist/components/SeoPreview/index.js +157 -7
- package/dist/components/SeoPreview/index.js.map +1 -0
- package/dist/components/SplashScreen/index.js +103 -3
- package/dist/components/SplashScreen/index.js.map +1 -0
- package/dist/components/Steps/index.js +68 -8
- package/dist/components/Steps/index.js.map +1 -0
- package/dist/components/StyledTab/index.js +87 -5
- package/dist/components/StyledTab/index.js.map +1 -0
- package/dist/components/StyledTabs/index.js +24 -3
- package/dist/components/StyledTabs/index.js.map +1 -0
- package/dist/components/Summary/index.js +12 -2
- package/dist/components/Summary/index.js.map +1 -0
- package/dist/components/SwapList/index.js +244 -12
- 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 +46 -5
- 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 +7 -2
- 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 +5 -2
- package/dist/components/WhiteBox/index.js.map +1 -0
- package/dist/components/animate/index.js +2 -0
- package/dist/components/animate/index.js.map +1 -0
- package/dist/components/carousel/index.js +2 -0
- package/dist/components/carousel/index.js.map +1 -0
- package/dist/components/form/Address/index.js +197 -8
- package/dist/components/form/Address/index.js.map +1 -0
- package/dist/components/form/Autocomplete/index.js +39 -3
- package/dist/components/form/Autocomplete/index.js.map +1 -0
- package/dist/components/form/AutocompleteDetailed/index.js +39 -3
- package/dist/components/form/AutocompleteDetailed/index.js.map +1 -0
- package/dist/components/form/Checkbox/index.js +48 -5
- package/dist/components/form/Checkbox/index.js.map +1 -0
- package/dist/components/form/Codes/index.js +83 -6
- package/dist/components/form/Codes/index.js.map +1 -0
- package/dist/components/form/ColorPicker/index.js +49 -3
- package/dist/components/form/ColorPicker/index.js.map +1 -0
- package/dist/components/form/DatePicker/index.js +60 -4
- package/dist/components/form/DatePicker/index.js.map +1 -0
- package/dist/components/form/DateRangePicker/index.js +74 -6
- package/dist/components/form/DateRangePicker/index.js.map +1 -0
- package/dist/components/form/DateTimePicker/index.js +58 -4
- package/dist/components/form/DateTimePicker/index.js.map +1 -0
- package/dist/components/form/Field/index.js +46 -3
- package/dist/components/form/Field/index.js.map +1 -0
- package/dist/components/form/Form/index.js +26 -3
- package/dist/components/form/Form/index.js.map +1 -0
- package/dist/components/form/Incrementer/index.js +35 -3
- package/dist/components/form/Incrementer/index.js.map +1 -0
- package/dist/components/form/InputTags/index.js +66 -5
- package/dist/components/form/InputTags/index.js.map +1 -0
- package/dist/components/form/MaskedInput/index.js +42 -3
- package/dist/components/form/MaskedInput/index.js.map +1 -0
- package/dist/components/form/MultiCheckbox/index.js +90 -8
- package/dist/components/form/MultiCheckbox/index.js.map +1 -0
- package/dist/components/form/MultiChipField/index.js +46 -4
- package/dist/components/form/MultiChipField/index.js.map +1 -0
- package/dist/components/form/NumberInput/index.js +40 -3
- package/dist/components/form/NumberInput/index.js.map +1 -0
- package/dist/components/form/Password/index.js +86 -6
- package/dist/components/form/Password/index.js.map +1 -0
- package/dist/components/form/RadioGroup/index.js +123 -8
- package/dist/components/form/RadioGroup/index.js.map +1 -0
- package/dist/components/form/SelectableCards/index.js +19 -3
- package/dist/components/form/SelectableCards/index.js.map +1 -0
- package/dist/components/form/Switch/index.js +65 -5
- package/dist/components/form/Switch/index.js.map +1 -0
- package/dist/components/form/TimePicker/index.js +61 -4
- package/dist/components/form/TimePicker/index.js.map +1 -0
- package/dist/components/form/UploadAvatarWithCrop/index.js +56 -5
- package/dist/components/form/UploadAvatarWithCrop/index.js.map +1 -0
- package/dist/components/form/UploadWithCrop/index.js +56 -5
- package/dist/components/form/UploadWithCrop/index.js.map +1 -0
- package/dist/components/form/Webhook/index.js +141 -12
- package/dist/components/form/Webhook/index.js.map +1 -0
- package/dist/components/lightbox/index.js +2 -0
- package/dist/components/lightbox/index.js.map +1 -0
- package/dist/components/table/index.js +2 -0
- package/dist/components/table/index.js.map +1 -0
- package/dist/components/upload/index.js +2 -0
- 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 +13 -2
- package/dist/hooks/useDeepCompareEffect.js.map +1 -0
- package/dist/hooks/useEventCallback.js +14 -3
- package/dist/hooks/useEventCallback.js.map +1 -0
- package/dist/hooks/useEventListener.js +22 -2
- 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 +4 -2
- package/dist/hooks/useIsomorphicLayoutEffect.js.map +1 -0
- package/dist/hooks/useLocalStorage.js +85 -3
- 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 +19 -2
- package/dist/hooks/usePopover.js.map +1 -0
- package/dist/hooks/useResponsive.js +32 -3
- 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 +11 -2
- 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 +9 -2
- package/dist/hooks/useToggle.js.map +1 -0
- package/dist/hooks/useUpload.js +54 -2
- package/dist/hooks/useUpload.js.map +1 -0
- package/dist/hooks/useUploadImage.js +77 -4
- package/dist/hooks/useUploadImage.js.map +1 -0
- package/dist/index.js +4 -2
- package/dist/index.js.map +1 -0
- package/dist/locales/all-langs.js +29 -2
- package/dist/locales/all-langs.js.map +1 -0
- package/dist/theme/core/index.js +2 -0
- package/dist/theme/core/index.js.map +1 -0
- package/dist/theme/styles/index.js +2 -0
- package/dist/theme/styles/index.js.map +1 -0
- package/dist/theme/theme-provider.js +39 -3
- package/dist/theme/theme-provider.js.map +1 -0
- package/dist/theme/with-settings/index.js +2 -0
- 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 +330 -2
- 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 +5 -3
- package/dist/utils/color.js.map +1 -0
- package/dist/utils/compare.js +5 -3
- 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 +86 -2
- package/dist/utils/formatNumber.js.map +1 -0
- package/dist/utils/formatTime.js +155 -5
- package/dist/utils/formatTime.js.map +1 -0
- package/dist/utils/loadable.js +11 -3
- 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 +12 -2
- 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 +82 -2
- package/dist/utils/validators.js.map +1 -0
- package/package.json +1 -1
|
@@ -1,9 +1,32 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
2
|
import { MotionLazy } from 'components/animate/motion-lazy';
|
|
3
3
|
import { Snackbar } from 'components/snackbar/snackbar';
|
|
4
|
-
import
|
|
5
|
-
import
|
|
4
|
+
import LocalizationProvider from 'locales/localization-provider';
|
|
5
|
+
import ThemeProvider from 'theme/theme-provider';
|
|
6
6
|
|
|
7
|
-
const
|
|
7
|
+
const Common = ({
|
|
8
|
+
primaryColor,
|
|
9
|
+
colorScheme,
|
|
10
|
+
contrast,
|
|
11
|
+
children,
|
|
12
|
+
cssVarPrefix
|
|
13
|
+
}) => {
|
|
14
|
+
return /* @__PURE__ */ jsx(LocalizationProvider, { children: /* @__PURE__ */ jsx(
|
|
15
|
+
ThemeProvider,
|
|
16
|
+
{
|
|
17
|
+
primaryColor,
|
|
18
|
+
colorScheme,
|
|
19
|
+
contrast,
|
|
20
|
+
cssVarPrefix,
|
|
21
|
+
children: /* @__PURE__ */ jsxs(MotionLazy, { children: [
|
|
22
|
+
children,
|
|
23
|
+
/* @__PURE__ */ jsx(Snackbar, {})
|
|
24
|
+
] })
|
|
25
|
+
}
|
|
26
|
+
) });
|
|
27
|
+
};
|
|
28
|
+
var Common_default = Common;
|
|
8
29
|
|
|
9
|
-
export {
|
|
30
|
+
export { Common_default as default };
|
|
31
|
+
//# sourceMappingURL=out.js.map
|
|
32
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Common/index.tsx"],"names":[],"mappings":"AAwBQ,SAEE,KAFF;AAtBR,SAAS,kBAAkB;AAC3B,SAAS,gBAAgB;AACzB,OAAO,0BAA0B;AACjC,OAAO,mBAAmB;AAI1B,MAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAsC;AACpC,SACE,oBAAC,wBACC;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MAEA,+BAAC,cACE;AAAA;AAAA,QACD,oBAAC,YAAS;AAAA,SACZ;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,IAAO,iBAAQ","sourcesContent":["import { PropsWithChildren } from 'react';\n\nimport { MotionLazy } from 'components/animate/motion-lazy';\nimport { Snackbar } from 'components/snackbar/snackbar';\nimport LocalizationProvider from 'locales/localization-provider';\nimport ThemeProvider from 'theme/theme-provider';\n\nimport { CommonProps } from './props';\n\nconst Common = ({\n primaryColor,\n colorScheme,\n contrast,\n children,\n cssVarPrefix,\n}: PropsWithChildren<CommonProps>) => {\n return (\n <LocalizationProvider>\n <ThemeProvider\n primaryColor={primaryColor}\n colorScheme={colorScheme}\n contrast={contrast}\n cssVarPrefix={cssVarPrefix}\n >\n <MotionLazy>\n {children}\n <Snackbar />\n </MotionLazy>\n </ThemeProvider>\n </LocalizationProvider>\n );\n};\n\nexport default Common;\n"]}
|
|
@@ -1,11 +1,52 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
2
|
+
import LoadingButton from '@mui/lab/LoadingButton';
|
|
3
|
+
import Button from '@mui/material/Button';
|
|
4
|
+
import Dialog from '@mui/material/Dialog';
|
|
5
|
+
import DialogActions from '@mui/material/DialogActions';
|
|
6
|
+
import DialogContent from '@mui/material/DialogContent';
|
|
7
|
+
import DialogTitle from '@mui/material/DialogTitle';
|
|
8
8
|
|
|
9
|
-
const
|
|
9
|
+
const Confirm = ({
|
|
10
|
+
modalTitle = "Tem certeza que deseja excluir?",
|
|
11
|
+
message = "Essa a\xE7\xE3o n\xE3o poder\xE1 ser desfeita.",
|
|
12
|
+
cancelButtonText = "Cancelar",
|
|
13
|
+
confirmButtonText = "Sim, excluir registro",
|
|
14
|
+
onClose,
|
|
15
|
+
onConfirm,
|
|
16
|
+
confirming,
|
|
17
|
+
child,
|
|
18
|
+
...other
|
|
19
|
+
}) => {
|
|
20
|
+
return /* @__PURE__ */ jsxs(Dialog, { fullWidth: true, maxWidth: "xs", ...other, onClose, children: [
|
|
21
|
+
/* @__PURE__ */ jsx(DialogTitle, { children: modalTitle }),
|
|
22
|
+
/* @__PURE__ */ jsx(DialogContent, { children: message }),
|
|
23
|
+
child,
|
|
24
|
+
/* @__PURE__ */ jsxs(DialogActions, { children: [
|
|
25
|
+
/* @__PURE__ */ jsx(
|
|
26
|
+
Button,
|
|
27
|
+
{
|
|
28
|
+
variant: "outlined",
|
|
29
|
+
color: "inherit",
|
|
30
|
+
onClick: onClose,
|
|
31
|
+
size: "large",
|
|
32
|
+
children: cancelButtonText
|
|
33
|
+
}
|
|
34
|
+
),
|
|
35
|
+
/* @__PURE__ */ jsx(
|
|
36
|
+
LoadingButton,
|
|
37
|
+
{
|
|
38
|
+
variant: "contained",
|
|
39
|
+
onClick: onConfirm,
|
|
40
|
+
size: "large",
|
|
41
|
+
loading: confirming,
|
|
42
|
+
children: confirmButtonText
|
|
43
|
+
}
|
|
44
|
+
)
|
|
45
|
+
] })
|
|
46
|
+
] });
|
|
47
|
+
};
|
|
48
|
+
var Confirm_default = Confirm;
|
|
10
49
|
|
|
11
|
-
export {
|
|
50
|
+
export { Confirm_default as default };
|
|
51
|
+
//# sourceMappingURL=out.js.map
|
|
52
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Confirm/index.tsx"],"names":[],"mappings":"AAsBM,cAIA,YAJA;AAtBN,OAAO,mBAAmB;AAC1B,OAAO,YAAY;AACnB,OAAO,YAAY;AACnB,OAAO,mBAAmB;AAC1B,OAAO,mBAAmB;AAC1B,OAAO,iBAAiB;AAIxB,MAAM,UAAU,CAAC;AAAA,EACf,aAAa;AAAA,EACb,UAAU;AAAA,EACV,mBAAmB;AAAA,EACnB,oBAAoB;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAoB;AAClB,SACE,qBAAC,UAAO,WAAS,MAAC,UAAS,MAAM,GAAG,OAAO,SACzC;AAAA,wBAAC,eAAa,sBAAW;AAAA,IAEzB,oBAAC,iBAAe,mBAAQ;AAAA,IACvB;AAAA,IACD,qBAAC,iBACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,OAAM;AAAA,UACN,SAAS;AAAA,UACT,MAAK;AAAA,UAEJ;AAAA;AAAA,MACH;AAAA,MAEA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,SAAS;AAAA,UACT,MAAK;AAAA,UACL,SAAS;AAAA,UAER;AAAA;AAAA,MACH;AAAA,OACF;AAAA,KACF;AAEJ;AAEA,IAAO,kBAAQ","sourcesContent":["import LoadingButton from '@mui/lab/LoadingButton';\nimport Button from '@mui/material/Button';\nimport Dialog from '@mui/material/Dialog';\nimport DialogActions from '@mui/material/DialogActions';\nimport DialogContent from '@mui/material/DialogContent';\nimport DialogTitle from '@mui/material/DialogTitle';\n\nimport { ConfirmProps } from './props';\n\nconst Confirm = ({\n modalTitle = 'Tem certeza que deseja excluir?',\n message = 'Essa ação não poderá ser desfeita.',\n cancelButtonText = 'Cancelar',\n confirmButtonText = 'Sim, excluir registro',\n onClose,\n onConfirm,\n confirming,\n child,\n ...other\n}: ConfirmProps) => {\n return (\n <Dialog fullWidth maxWidth=\"xs\" {...other} onClose={onClose}>\n <DialogTitle>{modalTitle}</DialogTitle>\n\n <DialogContent>{message}</DialogContent>\n {child}\n <DialogActions>\n <Button\n variant=\"outlined\"\n color=\"inherit\"\n onClick={onClose}\n size=\"large\"\n >\n {cancelButtonText}\n </Button>\n\n <LoadingButton\n variant=\"contained\"\n onClick={onConfirm}\n size=\"large\"\n loading={confirming}\n >\n {confirmButtonText}\n </LoadingButton>\n </DialogActions>\n </Dialog>\n );\n};\n\nexport default Confirm;\n"]}
|
|
@@ -1,9 +1,63 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
|
-
import
|
|
4
|
-
import
|
|
3
|
+
import Avatar from '@mui/material/Avatar';
|
|
4
|
+
import Badge from '@mui/material/Badge';
|
|
5
5
|
import { useTheme } from '@mui/material/styles';
|
|
6
6
|
|
|
7
|
-
const
|
|
7
|
+
const getCharAtName = (name) => name && name.charAt(0).toUpperCase();
|
|
8
|
+
const getColorByName = (name) => {
|
|
9
|
+
if (["A", "N", "H", "L", "Q"].includes(getCharAtName(name)))
|
|
10
|
+
return "primary";
|
|
11
|
+
if (["F", "G", "T", "I", "J"].includes(getCharAtName(name)))
|
|
12
|
+
return "info";
|
|
13
|
+
if (["K", "D", "Y", "B", "O"].includes(getCharAtName(name)))
|
|
14
|
+
return "success";
|
|
15
|
+
if (["P", "E", "R", "S", "U"].includes(getCharAtName(name)))
|
|
16
|
+
return "warning";
|
|
17
|
+
if (["V", "W", "X", "M", "Z"].includes(getCharAtName(name)))
|
|
18
|
+
return "error";
|
|
19
|
+
return "default";
|
|
20
|
+
};
|
|
21
|
+
const CustomAvatar = forwardRef(
|
|
22
|
+
({ color, name = "", BadgeProps, children, sx, ...other }, ref) => {
|
|
23
|
+
const theme = useTheme();
|
|
24
|
+
const charAtName = getCharAtName(name);
|
|
25
|
+
const colorByName = getColorByName(name);
|
|
26
|
+
const colr = color || colorByName;
|
|
27
|
+
const renderContent = colr === "default" ? /* @__PURE__ */ jsxs(Avatar, { ref, sx, ...other, children: [
|
|
28
|
+
name && charAtName,
|
|
29
|
+
children
|
|
30
|
+
] }) : /* @__PURE__ */ jsxs(
|
|
31
|
+
Avatar,
|
|
32
|
+
{
|
|
33
|
+
ref,
|
|
34
|
+
sx: {
|
|
35
|
+
color: theme.palette[colr]?.contrastText,
|
|
36
|
+
backgroundColor: theme.palette[colr]?.main,
|
|
37
|
+
fontWeight: theme.typography.fontWeightMedium,
|
|
38
|
+
...sx
|
|
39
|
+
},
|
|
40
|
+
...other,
|
|
41
|
+
children: [
|
|
42
|
+
name && charAtName,
|
|
43
|
+
children
|
|
44
|
+
]
|
|
45
|
+
}
|
|
46
|
+
);
|
|
47
|
+
return BadgeProps ? /* @__PURE__ */ jsx(
|
|
48
|
+
Badge,
|
|
49
|
+
{
|
|
50
|
+
overlap: "circular",
|
|
51
|
+
anchorOrigin: { vertical: "bottom", horizontal: "right" },
|
|
52
|
+
...BadgeProps,
|
|
53
|
+
children: renderContent
|
|
54
|
+
}
|
|
55
|
+
) : renderContent;
|
|
56
|
+
}
|
|
57
|
+
);
|
|
58
|
+
CustomAvatar.displayName = "CustomAvatar";
|
|
59
|
+
var CustomAvatar_default = CustomAvatar;
|
|
8
60
|
|
|
9
|
-
export {
|
|
61
|
+
export { CustomAvatar_default as default };
|
|
62
|
+
//# sourceMappingURL=out.js.map
|
|
63
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/CustomAvatar/index.tsx"],"names":[],"mappings":"AA8BQ,SAqBF,KArBE;AA9BR,SAAS,kBAAkB;AAC3B,OAAO,YAAY;AACnB,OAAO,WAAW;AAClB,SAAS,gBAAgB;AAIzB,MAAM,gBAAgB,CAAC,SAAiB,QAAQ,KAAK,OAAO,CAAC,EAAE,YAAY;AAE3E,MAAM,iBAAiB,CAAC,SAAiB;AACvC,MAAI,CAAC,KAAK,KAAK,KAAK,KAAK,GAAG,EAAE,SAAS,cAAc,IAAI,CAAC;AAAG,WAAO;AACpE,MAAI,CAAC,KAAK,KAAK,KAAK,KAAK,GAAG,EAAE,SAAS,cAAc,IAAI,CAAC;AAAG,WAAO;AACpE,MAAI,CAAC,KAAK,KAAK,KAAK,KAAK,GAAG,EAAE,SAAS,cAAc,IAAI,CAAC;AAAG,WAAO;AACpE,MAAI,CAAC,KAAK,KAAK,KAAK,KAAK,GAAG,EAAE,SAAS,cAAc,IAAI,CAAC;AAAG,WAAO;AACpE,MAAI,CAAC,KAAK,KAAK,KAAK,KAAK,GAAG,EAAE,SAAS,cAAc,IAAI,CAAC;AAAG,WAAO;AACpE,SAAO;AACT;AAEA,MAAM,eAAe;AAAA,EACnB,CAAC,EAAE,OAAO,OAAO,IAAI,YAAY,UAAU,IAAI,GAAG,MAAM,GAAG,QAAQ;AACjE,UAAM,QAAQ,SAAS;AAEvB,UAAM,aAAa,cAAc,IAAI;AAErC,UAAM,cAAc,eAAe,IAAI;AAEvC,UAAM,OAAO,SAAS;AAEtB,UAAM,gBACJ,SAAS,YACP,qBAAC,UAAO,KAAU,IAAS,GAAG,OAC3B;AAAA,cAAQ;AAAA,MACR;AAAA,OACH,IAEA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,IAAI;AAAA,UACF,OAAO,MAAM,QAAQ,IAAI,GAAG;AAAA,UAC5B,iBAAiB,MAAM,QAAQ,IAAI,GAAG;AAAA,UACtC,YAAY,MAAM,WAAW;AAAA,UAC7B,GAAG;AAAA,QACL;AAAA,QACC,GAAG;AAAA,QAEH;AAAA,kBAAQ;AAAA,UACR;AAAA;AAAA;AAAA,IACH;AAGJ,WAAO,aACL;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,cAAc,EAAE,UAAU,UAAU,YAAY,QAAQ;AAAA,QACvD,GAAG;AAAA,QAEH;AAAA;AAAA,IACH,IAEA;AAAA,EAEJ;AACF;AAEA,aAAa,cAAc;AAE3B,IAAO,uBAAQ","sourcesContent":["import { forwardRef } from 'react';\nimport Avatar from '@mui/material/Avatar';\nimport Badge from '@mui/material/Badge';\nimport { useTheme } from '@mui/material/styles';\n\nimport { CustomAvatarProps } from './props';\n\nconst getCharAtName = (name: string) => name && name.charAt(0).toUpperCase();\n\nconst getColorByName = (name: string) => {\n if (['A', 'N', 'H', 'L', 'Q'].includes(getCharAtName(name))) return 'primary';\n if (['F', 'G', 'T', 'I', 'J'].includes(getCharAtName(name))) return 'info';\n if (['K', 'D', 'Y', 'B', 'O'].includes(getCharAtName(name))) return 'success';\n if (['P', 'E', 'R', 'S', 'U'].includes(getCharAtName(name))) return 'warning';\n if (['V', 'W', 'X', 'M', 'Z'].includes(getCharAtName(name))) return 'error';\n return 'default';\n};\n\nconst CustomAvatar = forwardRef<HTMLDivElement, CustomAvatarProps>(\n ({ color, name = '', BadgeProps, children, sx, ...other }, ref) => {\n const theme = useTheme();\n\n const charAtName = getCharAtName(name);\n\n const colorByName = getColorByName(name);\n\n const colr = color || colorByName;\n\n const renderContent =\n colr === 'default' ? (\n <Avatar ref={ref} sx={sx} {...other}>\n {name && charAtName}\n {children}\n </Avatar>\n ) : (\n <Avatar\n ref={ref}\n sx={{\n color: theme.palette[colr]?.contrastText,\n backgroundColor: theme.palette[colr]?.main,\n fontWeight: theme.typography.fontWeightMedium,\n ...sx,\n }}\n {...other}\n >\n {name && charAtName}\n {children}\n </Avatar>\n );\n\n return BadgeProps ? (\n <Badge\n overlap=\"circular\"\n anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n {...BadgeProps}\n >\n {renderContent}\n </Badge>\n ) : (\n renderContent\n );\n },\n);\n\nCustomAvatar.displayName = 'CustomAvatar';\n\nexport default CustomAvatar;\n"]}
|
|
@@ -1,7 +1,77 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
|
-
import
|
|
3
|
+
import AvatarGroup from '@mui/material/AvatarGroup';
|
|
4
4
|
|
|
5
|
-
const
|
|
5
|
+
const SIZES = {
|
|
6
|
+
tiny: 24,
|
|
7
|
+
small: 32,
|
|
8
|
+
medium: 40,
|
|
9
|
+
large: 56
|
|
10
|
+
};
|
|
11
|
+
const CustomAvatarGroup = forwardRef(
|
|
12
|
+
({ size = "small", compact, max, children, sx, ...other }, ref) => {
|
|
13
|
+
const isTiny = size === "tiny";
|
|
14
|
+
const isSmall = size === "small";
|
|
15
|
+
const isMedium = size === "medium";
|
|
16
|
+
const isLarge = size === "large";
|
|
17
|
+
const compactStyle = {
|
|
18
|
+
width: 40,
|
|
19
|
+
height: 40,
|
|
20
|
+
position: "relative",
|
|
21
|
+
"& .MuiAvatarGroup-avatar": {
|
|
22
|
+
m: 0,
|
|
23
|
+
width: 28,
|
|
24
|
+
height: 28,
|
|
25
|
+
position: "absolute",
|
|
26
|
+
"&:first-of-type": {
|
|
27
|
+
left: 0,
|
|
28
|
+
bottom: 0,
|
|
29
|
+
zIndex: 9
|
|
30
|
+
},
|
|
31
|
+
"&:last-of-type": {
|
|
32
|
+
top: 0,
|
|
33
|
+
right: 0
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
};
|
|
37
|
+
return /* @__PURE__ */ jsx(
|
|
38
|
+
AvatarGroup,
|
|
39
|
+
{
|
|
40
|
+
ref,
|
|
41
|
+
max: compact ? 3 : max,
|
|
42
|
+
spacing: (isTiny || isSmall) && "medium" || "small",
|
|
43
|
+
sx: {
|
|
44
|
+
"& .MuiAvatar-root": {
|
|
45
|
+
...isLarge && {
|
|
46
|
+
width: SIZES.large,
|
|
47
|
+
height: SIZES.large,
|
|
48
|
+
"&:first-of-type": { fontSize: 16 }
|
|
49
|
+
},
|
|
50
|
+
...isMedium && {
|
|
51
|
+
width: SIZES.medium,
|
|
52
|
+
height: SIZES.medium
|
|
53
|
+
},
|
|
54
|
+
...isSmall && {
|
|
55
|
+
width: SIZES.small,
|
|
56
|
+
height: SIZES.small
|
|
57
|
+
},
|
|
58
|
+
...isTiny && {
|
|
59
|
+
width: SIZES.tiny,
|
|
60
|
+
height: SIZES.tiny
|
|
61
|
+
}
|
|
62
|
+
},
|
|
63
|
+
...compact && { ...compactStyle },
|
|
64
|
+
...sx
|
|
65
|
+
},
|
|
66
|
+
...other,
|
|
67
|
+
children
|
|
68
|
+
}
|
|
69
|
+
);
|
|
70
|
+
}
|
|
71
|
+
);
|
|
72
|
+
CustomAvatarGroup.displayName = "CustomAvatarGroup";
|
|
73
|
+
var CustomAvatarGroup_default = CustomAvatarGroup;
|
|
6
74
|
|
|
7
|
-
export {
|
|
75
|
+
export { CustomAvatarGroup_default as default };
|
|
76
|
+
//# sourceMappingURL=out.js.map
|
|
77
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/CustomAvatarGroup/index.tsx"],"names":[],"mappings":"AA4CM;AA5CN,SAAS,kBAAkB;AAC3B,OAAO,iBAAiB;AAIxB,MAAM,QAAQ;AAAA,EACZ,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,OAAO;AACT;AAEA,MAAM,oBAAoB;AAAA,EACxB,CAAC,EAAE,OAAO,SAAS,SAAS,KAAK,UAAU,IAAI,GAAG,MAAM,GAAG,QAAQ;AACjE,UAAM,SAAS,SAAS;AAExB,UAAM,UAAU,SAAS;AAEzB,UAAM,WAAW,SAAS;AAE1B,UAAM,UAAU,SAAS;AAEzB,UAAM,eAAe;AAAA,MACnB,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,UAAU;AAAA,MACV,4BAA4B;AAAA,QAC1B,GAAG;AAAA,QACH,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,mBAAmB;AAAA,UACjB,MAAM;AAAA,UACN,QAAQ;AAAA,UACR,QAAQ;AAAA,QACV;AAAA,QACA,kBAAkB;AAAA,UAChB,KAAK;AAAA,UACL,OAAO;AAAA,QACT;AAAA,MACF;AAAA,IACF;AAEA,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,KAAK,UAAU,IAAI;AAAA,QACnB,UAAW,UAAU,YAAY,YAAa;AAAA,QAC9C,IAAI;AAAA,UACF,qBAAqB;AAAA,YACnB,GAAI,WAAW;AAAA,cACb,OAAO,MAAM;AAAA,cACb,QAAQ,MAAM;AAAA,cACd,mBAAmB,EAAE,UAAU,GAAG;AAAA,YACpC;AAAA,YACA,GAAI,YAAY;AAAA,cACd,OAAO,MAAM;AAAA,cACb,QAAQ,MAAM;AAAA,YAChB;AAAA,YACA,GAAI,WAAW;AAAA,cACb,OAAO,MAAM;AAAA,cACb,QAAQ,MAAM;AAAA,YAChB;AAAA,YACA,GAAI,UAAU;AAAA,cACZ,OAAO,MAAM;AAAA,cACb,QAAQ,MAAM;AAAA,YAChB;AAAA,UACF;AAAA,UACA,GAAI,WAAW,EAAE,GAAG,aAAa;AAAA,UACjC,GAAG;AAAA,QACL;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,kBAAkB,cAAc;AAEhC,IAAO,4BAAQ","sourcesContent":["import { forwardRef } from 'react';\nimport AvatarGroup from '@mui/material/AvatarGroup';\n\nimport { CustomAvatarGroupProps } from './props';\n\nconst SIZES = {\n tiny: 24,\n small: 32,\n medium: 40,\n large: 56,\n};\n\nconst CustomAvatarGroup = forwardRef<HTMLDivElement, CustomAvatarGroupProps>(\n ({ size = 'small', compact, max, children, sx, ...other }, ref) => {\n const isTiny = size === 'tiny';\n\n const isSmall = size === 'small';\n\n const isMedium = size === 'medium';\n\n const isLarge = size === 'large';\n\n const compactStyle = {\n width: 40,\n height: 40,\n position: 'relative',\n '& .MuiAvatarGroup-avatar': {\n m: 0,\n width: 28,\n height: 28,\n position: 'absolute',\n '&:first-of-type': {\n left: 0,\n bottom: 0,\n zIndex: 9,\n },\n '&:last-of-type': {\n top: 0,\n right: 0,\n },\n },\n } as const;\n\n return (\n <AvatarGroup\n ref={ref}\n max={compact ? 3 : max}\n spacing={((isTiny || isSmall) && 'medium') || 'small'}\n sx={{\n '& .MuiAvatar-root': {\n ...(isLarge && {\n width: SIZES.large,\n height: SIZES.large,\n '&:first-of-type': { fontSize: 16 },\n }),\n ...(isMedium && {\n width: SIZES.medium,\n height: SIZES.medium,\n }),\n ...(isSmall && {\n width: SIZES.small,\n height: SIZES.small,\n }),\n ...(isTiny && {\n width: SIZES.tiny,\n height: SIZES.tiny,\n }),\n },\n ...(compact && { ...compactStyle }),\n ...sx,\n }}\n {...other}\n >\n {children}\n </AvatarGroup>\n );\n },\n);\n\nCustomAvatarGroup.displayName = 'CustomAvatarGroup';\n\nexport default CustomAvatarGroup;\n"]}
|
|
@@ -1,6 +1,11 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { DashedDividerStyled } from './styles';
|
|
3
3
|
|
|
4
|
-
const
|
|
4
|
+
const DashedDivider = () => {
|
|
5
|
+
return /* @__PURE__ */ jsx(DashedDividerStyled, { className: "dashed-divider" });
|
|
6
|
+
};
|
|
7
|
+
var DashedDivider_default = DashedDivider;
|
|
5
8
|
|
|
6
|
-
export {
|
|
9
|
+
export { DashedDivider_default as default };
|
|
10
|
+
//# sourceMappingURL=out.js.map
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/DashedDivider/index.tsx"],"names":[],"mappings":"AAGS;AAHT,SAAS,2BAA2B;AAEpC,MAAM,gBAAgB,MAAM;AAC1B,SAAO,oBAAC,uBAAoB,WAAU,kBAAiB;AACzD;AAEA,IAAO,wBAAQ","sourcesContent":["import { DashedDividerStyled } from './styles';\n\nconst DashedDivider = () => {\n return <DashedDividerStyled className=\"dashed-divider\" />;\n};\n\nexport default DashedDivider;\n"]}
|
|
@@ -1,14 +1,60 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
1
|
+
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
|
+
import Pagination from '@mui/material/Pagination';
|
|
3
|
+
import Stack from '@mui/material/Stack';
|
|
4
|
+
import EmptyContent from 'components/EmptyContent';
|
|
5
|
+
import FixedProgressBar from 'components/FixedProgressBar';
|
|
6
|
+
import DataCard from './DataCard';
|
|
7
7
|
export { default as DataCard } from './DataCard';
|
|
8
8
|
import { DataCardsSkeleton } from './DataCardSkeleton';
|
|
9
9
|
export { DataCardsSkeleton } from './DataCardSkeleton';
|
|
10
10
|
import { getFieldData } from './getFieldData';
|
|
11
11
|
|
|
12
|
-
const
|
|
12
|
+
const DataCards = ({
|
|
13
|
+
title,
|
|
14
|
+
rows,
|
|
15
|
+
columns,
|
|
16
|
+
getRowId,
|
|
17
|
+
onClick,
|
|
18
|
+
loading,
|
|
19
|
+
fetching,
|
|
20
|
+
pagination
|
|
21
|
+
}) => {
|
|
22
|
+
const progressBar = fetching && /* @__PURE__ */ jsx(FixedProgressBar, { sx: { zIndex: 1 } });
|
|
23
|
+
if (loading) {
|
|
24
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
25
|
+
progressBar,
|
|
26
|
+
/* @__PURE__ */ jsx(DataCardsSkeleton, {}),
|
|
27
|
+
/* @__PURE__ */ jsx(DataCardsSkeleton, {}),
|
|
28
|
+
/* @__PURE__ */ jsx(DataCardsSkeleton, {})
|
|
29
|
+
] });
|
|
30
|
+
}
|
|
31
|
+
return /* @__PURE__ */ jsxs(Stack, { spacing: 2, children: [
|
|
32
|
+
progressBar,
|
|
33
|
+
rows.length === 0 && /* @__PURE__ */ jsx(EmptyContent, { sx: { mb: 3 }, title: "Nenhum registro encontrado" }),
|
|
34
|
+
rows.map((row) => /* @__PURE__ */ jsx(
|
|
35
|
+
DataCard,
|
|
36
|
+
{
|
|
37
|
+
title,
|
|
38
|
+
id: getRowId(row),
|
|
39
|
+
fields: getFieldData(columns, row),
|
|
40
|
+
onClick
|
|
41
|
+
},
|
|
42
|
+
`data-card-${getRowId(row)}`
|
|
43
|
+
)),
|
|
44
|
+
pagination && rows.length > 0 && /* @__PURE__ */ jsx(Stack, { direction: "row", justifyContent: "center", children: /* @__PURE__ */ jsx(
|
|
45
|
+
Pagination,
|
|
46
|
+
{
|
|
47
|
+
page: pagination?.page,
|
|
48
|
+
onChange: (_, page) => {
|
|
49
|
+
pagination?.onPageChange(page);
|
|
50
|
+
},
|
|
51
|
+
count: pagination?.total
|
|
52
|
+
}
|
|
53
|
+
) })
|
|
54
|
+
] });
|
|
55
|
+
};
|
|
56
|
+
var DataCards_default = DataCards;
|
|
13
57
|
|
|
14
|
-
export {
|
|
58
|
+
export { DataCards_default as default };
|
|
59
|
+
//# sourceMappingURL=out.js.map
|
|
60
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/DataCards/index.tsx"],"names":[],"mappings":"AAqBkC,SAI5B,UAJ4B,KAI5B,YAJ4B;AArBlC,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAElB,OAAO,kBAAkB;AACzB,OAAO,sBAAsB;AAE7B,OAAO,cAAc;AACrB,SAAS,yBAAyB;AAClC,SAAS,oBAAoB;AAG7B,MAAM,YAAY,CAAC;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAsB;AACpB,QAAM,cAAc,YAAY,oBAAC,oBAAiB,IAAI,EAAE,QAAQ,EAAE,GAAG;AAErE,MAAI,SAAS;AACX,WACE,iCACG;AAAA;AAAA,MACD,oBAAC,qBAAkB;AAAA,MACnB,oBAAC,qBAAkB;AAAA,MACnB,oBAAC,qBAAkB;AAAA,OACrB;AAAA,EAEJ;AAEA,SACE,qBAAC,SAAM,SAAS,GACb;AAAA;AAAA,IACA,KAAK,WAAW,KACf,oBAAC,gBAAa,IAAI,EAAE,IAAI,EAAE,GAAG,OAAM,8BAA6B;AAAA,IAEjE,KAAK,IAAI,SACR;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QAEA,IAAI,SAAS,GAAG;AAAA,QAChB,QAAQ,aAAa,SAAS,GAAG;AAAA,QACjC;AAAA;AAAA,MAHK,aAAa,SAAS,GAAG;AAAA,IAIhC,CACD;AAAA,IAEA,cAAc,KAAK,SAAS,KAC3B,oBAAC,SAAM,WAAU,OAAM,gBAAe,UACpC;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,YAAY;AAAA,QAClB,UAAU,CAAC,GAAG,SAAiB;AAC7B,sBAAY,aAAa,IAAI;AAAA,QAC/B;AAAA,QACA,OAAO,YAAY;AAAA;AAAA,IACrB,GACF;AAAA,KAEJ;AAEJ;AAEA,IAAO,oBAAQ","sourcesContent":["import Pagination from '@mui/material/Pagination';\nimport Stack from '@mui/material/Stack';\n\nimport EmptyContent from 'components/EmptyContent';\nimport FixedProgressBar from 'components/FixedProgressBar';\n\nimport DataCard from './DataCard';\nimport { DataCardsSkeleton } from './DataCardSkeleton';\nimport { getFieldData } from './getFieldData';\nimport { DataCardsProps } from './props';\n\nconst DataCards = ({\n title,\n rows,\n columns,\n getRowId,\n onClick,\n loading,\n fetching,\n pagination,\n}: DataCardsProps) => {\n const progressBar = fetching && <FixedProgressBar sx={{ zIndex: 1 }} />;\n\n if (loading) {\n return (\n <>\n {progressBar}\n <DataCardsSkeleton />\n <DataCardsSkeleton />\n <DataCardsSkeleton />\n </>\n );\n }\n\n return (\n <Stack spacing={2}>\n {progressBar}\n {rows.length === 0 && (\n <EmptyContent sx={{ mb: 3 }} title=\"Nenhum registro encontrado\" />\n )}\n {rows.map(row => (\n <DataCard\n title={title}\n key={`data-card-${getRowId(row)}`}\n id={getRowId(row)}\n fields={getFieldData(columns, row)}\n onClick={onClick}\n />\n ))}\n\n {pagination && rows.length > 0 && (\n <Stack direction=\"row\" justifyContent=\"center\">\n <Pagination\n page={pagination?.page}\n onChange={(_, page: number) => {\n pagination?.onPageChange(page);\n }}\n count={pagination?.total}\n />\n </Stack>\n )}\n </Stack>\n );\n};\n\nexport default DataCards;\n\nexport { DataCardsSkeleton, DataCard };\n"]}
|
|
@@ -1,11 +1,79 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { useState } from 'react';
|
|
3
3
|
import { GRID_CHECKBOX_SELECTION_COL_DEF, DataGridPremium } from '@mui/x-data-grid-premium';
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
4
|
+
import EmptyContent from 'components/EmptyContent';
|
|
5
|
+
import FixedProgressBar from '../FixedProgressBar';
|
|
6
|
+
import CustomToolbar from './CustomToolbar';
|
|
7
|
+
import LoadingOverlay from './LoadingOverlay';
|
|
8
8
|
|
|
9
|
-
const
|
|
9
|
+
const DataGrid = ({
|
|
10
|
+
columns,
|
|
11
|
+
rows = [],
|
|
12
|
+
loading,
|
|
13
|
+
fetching,
|
|
14
|
+
hideFooter,
|
|
15
|
+
sx,
|
|
16
|
+
showToolbar,
|
|
17
|
+
disableExport,
|
|
18
|
+
columnHeaderHeight = 56,
|
|
19
|
+
rowHeight = 76,
|
|
20
|
+
rowSpacingType = "margin",
|
|
21
|
+
getRowSpacing = () => ({
|
|
22
|
+
top: 0,
|
|
23
|
+
bottom: 0
|
|
24
|
+
}),
|
|
25
|
+
autoHeight = false,
|
|
26
|
+
toolbarContent,
|
|
27
|
+
slots,
|
|
28
|
+
...other
|
|
29
|
+
}) => {
|
|
30
|
+
const [filterButtonEl, setFilterButtonEl] = useState(null);
|
|
31
|
+
const COLUMNS = [
|
|
32
|
+
{
|
|
33
|
+
...GRID_CHECKBOX_SELECTION_COL_DEF,
|
|
34
|
+
width: 71
|
|
35
|
+
},
|
|
36
|
+
...columns
|
|
37
|
+
];
|
|
38
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
39
|
+
fetching && /* @__PURE__ */ jsx(FixedProgressBar, { sx: { zIndex: 1 } }),
|
|
40
|
+
/* @__PURE__ */ jsx(
|
|
41
|
+
DataGridPremium,
|
|
42
|
+
{
|
|
43
|
+
columns: COLUMNS,
|
|
44
|
+
rows,
|
|
45
|
+
loading,
|
|
46
|
+
autoHeight,
|
|
47
|
+
hideFooter: rows.length === 0 ? true : hideFooter,
|
|
48
|
+
rowHeight,
|
|
49
|
+
columnHeaderHeight,
|
|
50
|
+
getRowSpacing,
|
|
51
|
+
rowSpacingType,
|
|
52
|
+
slots: {
|
|
53
|
+
toolbar: CustomToolbar,
|
|
54
|
+
noRowsOverlay: () => /* @__PURE__ */ jsx(EmptyContent, { title: "Nenhum registro encontrado" }),
|
|
55
|
+
noResultsOverlay: () => /* @__PURE__ */ jsx(EmptyContent, { title: "Nenhum registro encontrado" }),
|
|
56
|
+
loadingOverlay: LoadingOverlay,
|
|
57
|
+
...slots
|
|
58
|
+
},
|
|
59
|
+
slotProps: {
|
|
60
|
+
panel: { anchorEl: filterButtonEl },
|
|
61
|
+
toolbar: {
|
|
62
|
+
setFilterButtonEl,
|
|
63
|
+
showQuickFilter: true,
|
|
64
|
+
disableExport,
|
|
65
|
+
showToolbar,
|
|
66
|
+
toolbarContent
|
|
67
|
+
}
|
|
68
|
+
},
|
|
69
|
+
sx,
|
|
70
|
+
...other
|
|
71
|
+
}
|
|
72
|
+
)
|
|
73
|
+
] });
|
|
74
|
+
};
|
|
75
|
+
var DataGrid_default = DataGrid;
|
|
10
76
|
|
|
11
|
-
export {
|
|
77
|
+
export { DataGrid_default as default };
|
|
78
|
+
//# sourceMappingURL=out.js.map
|
|
79
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/DataGrid/index.tsx"],"names":[],"mappings":"AAiDI,mBACe,KADf;AAjDJ,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,OAGK;AAEP,OAAO,kBAAkB;AAGzB,OAAO,sBAAsB;AAE7B,OAAO,mBAAmB;AAC1B,OAAO,oBAAoB;AAE3B,MAAM,WAAW,CAAC;AAAA,EAChB;AAAA,EACA,OAAO,CAAC;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB;AAAA,EACrB,YAAY;AAAA,EACZ,iBAAiB;AAAA,EACjB,gBAAgB,OAAO;AAAA,IACrB,KAAK;AAAA,IACL,QAAQ;AAAA,EACV;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAqB;AACnB,QAAM,CAAC,gBAAgB,iBAAiB,IACtC,SAAmC,IAAI;AAEzC,QAAM,UAAU;AAAA,IACd;AAAA,MACE,GAAG;AAAA,MACH,OAAO;AAAA,IACT;AAAA,IACA,GAAG;AAAA,EACL;AAEA,SACE,iCACG;AAAA,gBAAY,oBAAC,oBAAiB,IAAI,EAAE,QAAQ,EAAE,GAAG;AAAA,IAElD;AAAA,MAAC;AAAA;AAAA,QACC,SAAS;AAAA,QACT;AAAA,QACA;AAAA,QACA;AAAA,QACA,YAAY,KAAK,WAAW,IAAI,OAAO;AAAA,QACvC;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,UACL,SAAS;AAAA,UACT,eAAe,MACb,oBAAC,gBAAa,OAAM,8BAA6B;AAAA,UAEnD,kBAAkB,MAChB,oBAAC,gBAAa,OAAM,8BAA6B;AAAA,UAEnD,gBAAgB;AAAA,UAChB,GAAG;AAAA,QACL;AAAA,QACA,WAAW;AAAA,UACT,OAAO,EAAE,UAAU,eAAe;AAAA,UAClC,SAAS;AAAA,YACP;AAAA,YACA,iBAAiB;AAAA,YACjB;AAAA,YACA;AAAA,YACA;AAAA,UACF;AAAA,QACF;AAAA,QACA;AAAA,QACC,GAAG;AAAA;AAAA,IACN;AAAA,KACF;AAEJ;AAEA,IAAO,mBAAQ","sourcesContent":["import { useState } from 'react';\nimport {\n DataGridPremium,\n GRID_CHECKBOX_SELECTION_COL_DEF,\n GridSlots,\n GridSlotsComponentsProps,\n} from '@mui/x-data-grid-premium';\n\nimport EmptyContent from 'components/EmptyContent';\nimport { DataGridProps } from 'types/dataGridProps';\n\nimport FixedProgressBar from '../FixedProgressBar';\n\nimport CustomToolbar from './CustomToolbar';\nimport LoadingOverlay from './LoadingOverlay';\n\nconst DataGrid = ({\n columns,\n rows = [],\n loading,\n fetching,\n hideFooter,\n sx,\n showToolbar,\n disableExport,\n columnHeaderHeight = 56,\n rowHeight = 76,\n rowSpacingType = 'margin',\n getRowSpacing = () => ({\n top: 0,\n bottom: 0,\n }),\n autoHeight = false,\n toolbarContent,\n slots,\n ...other\n}: DataGridProps) => {\n const [filterButtonEl, setFilterButtonEl] =\n useState<HTMLButtonElement | null>(null);\n\n const COLUMNS = [\n {\n ...GRID_CHECKBOX_SELECTION_COL_DEF,\n width: 71,\n },\n ...columns,\n ];\n\n return (\n <>\n {fetching && <FixedProgressBar sx={{ zIndex: 1 }} />}\n\n <DataGridPremium\n columns={COLUMNS}\n rows={rows}\n loading={loading}\n autoHeight={autoHeight}\n hideFooter={rows.length === 0 ? true : hideFooter}\n rowHeight={rowHeight}\n columnHeaderHeight={columnHeaderHeight}\n getRowSpacing={getRowSpacing}\n rowSpacingType={rowSpacingType}\n slots={{\n toolbar: CustomToolbar as unknown as GridSlots['toolbar'],\n noRowsOverlay: () => (\n <EmptyContent title=\"Nenhum registro encontrado\" />\n ),\n noResultsOverlay: () => (\n <EmptyContent title=\"Nenhum registro encontrado\" />\n ),\n loadingOverlay: LoadingOverlay,\n ...slots,\n }}\n slotProps={{\n panel: { anchorEl: filterButtonEl },\n toolbar: {\n setFilterButtonEl,\n showQuickFilter: true,\n disableExport,\n showToolbar,\n toolbarContent,\n } as unknown as GridSlotsComponentsProps['toolbar'],\n }}\n sx={sx}\n {...other}\n />\n </>\n );\n};\n\nexport default DataGrid;\n"]}
|
|
@@ -1,7 +1,43 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { DatePicker } from '@mui/x-date-pickers-pro';
|
|
3
|
-
import
|
|
2
|
+
import { DatePicker as DatePicker$1 } from '@mui/x-date-pickers-pro';
|
|
3
|
+
import dayjs from 'dayjs';
|
|
4
4
|
|
|
5
|
-
const
|
|
5
|
+
const DatePicker = ({
|
|
6
|
+
value,
|
|
7
|
+
onChange,
|
|
8
|
+
tabIndex,
|
|
9
|
+
helperText,
|
|
10
|
+
required,
|
|
11
|
+
...other
|
|
12
|
+
}) => {
|
|
13
|
+
return /* @__PURE__ */ jsx(
|
|
14
|
+
DatePicker$1,
|
|
15
|
+
{
|
|
16
|
+
...other,
|
|
17
|
+
format: "DD/MM/YYYY",
|
|
18
|
+
value: value ? dayjs(value) : null,
|
|
19
|
+
onChange: (v) => onChange(v ? v.toDate() : null),
|
|
20
|
+
slotProps: {
|
|
21
|
+
textField: {
|
|
22
|
+
...other.slotProps?.textField,
|
|
23
|
+
required,
|
|
24
|
+
helperText,
|
|
25
|
+
autoComplete: "off",
|
|
26
|
+
spellCheck: "false",
|
|
27
|
+
fullWidth: true,
|
|
28
|
+
inputProps: {
|
|
29
|
+
tabIndex
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
openPickerButton: {
|
|
33
|
+
tabIndex
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
);
|
|
38
|
+
};
|
|
39
|
+
var DatePicker_default = DatePicker;
|
|
6
40
|
|
|
7
|
-
export {
|
|
41
|
+
export { DatePicker_default as default };
|
|
42
|
+
//# sourceMappingURL=out.js.map
|
|
43
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/DatePicker/index.tsx"],"names":[],"mappings":"AAcI;AAdJ,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,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,QAAO;AAAA,MACP,OAAO,QAAQ,MAAM,KAAK,IAAI;AAAA,MAC9B,UAAU,OAAK,SAAS,IAAI,EAAE,OAAO,IAAI,IAAI;AAAA,MAC7C,WAAW;AAAA,QACT,WAAW;AAAA,UACT,GAAG,MAAM,WAAW;AAAA,UACpB;AAAA,UACA;AAAA,UACA,cAAc;AAAA,UACd,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,YAAY;AAAA,YACV;AAAA,UACF;AAAA,QACF;AAAA,QACA,kBAAkB;AAAA,UAChB;AAAA,QACF;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,qBAAQ","sourcesContent":["import { DatePicker as MuiDatePicker } from '@mui/x-date-pickers-pro';\nimport dayjs from 'dayjs';\n\nimport { DatePickerProps } from './props';\n\nconst DatePicker = ({\n value,\n onChange,\n tabIndex,\n helperText,\n required,\n ...other\n}: DatePickerProps) => {\n return (\n <MuiDatePicker\n {...other}\n format=\"DD/MM/YYYY\"\n value={value ? dayjs(value) : null}\n onChange={v => onChange(v ? v.toDate() : null)}\n slotProps={{\n textField: {\n ...other.slotProps?.textField,\n required,\n 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\nexport default DatePicker;\n"]}
|
|
@@ -1,7 +1,51 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { DateRangePicker } from '@mui/x-date-pickers-pro';
|
|
3
|
-
import
|
|
2
|
+
import { DateRangePicker as DateRangePicker$1 } from '@mui/x-date-pickers-pro';
|
|
3
|
+
import dayjs from 'dayjs';
|
|
4
4
|
|
|
5
|
-
const
|
|
5
|
+
const DateRangePicker = ({
|
|
6
|
+
label,
|
|
7
|
+
value,
|
|
8
|
+
onChange,
|
|
9
|
+
tabIndex,
|
|
10
|
+
helperText,
|
|
11
|
+
required,
|
|
12
|
+
...other
|
|
13
|
+
}) => {
|
|
14
|
+
return /* @__PURE__ */ jsx(
|
|
15
|
+
DateRangePicker$1,
|
|
16
|
+
{
|
|
17
|
+
format: "DD/MM/YYYY",
|
|
18
|
+
value: [
|
|
19
|
+
value?.startDate ? dayjs(value.startDate) : null,
|
|
20
|
+
value?.endDate ? dayjs(value.endDate) : null
|
|
21
|
+
],
|
|
22
|
+
onChange: (v) => onChange({
|
|
23
|
+
startDate: v[0] ? v[0].toDate() : null,
|
|
24
|
+
endDate: v[1] ? v[1].toDate() : null
|
|
25
|
+
}),
|
|
26
|
+
...other,
|
|
27
|
+
slotProps: {
|
|
28
|
+
textField: () => ({
|
|
29
|
+
...other.slotProps?.textField,
|
|
30
|
+
required,
|
|
31
|
+
helperText,
|
|
32
|
+
autoComplete: "off",
|
|
33
|
+
spellCheck: "false",
|
|
34
|
+
fullWidth: true,
|
|
35
|
+
label,
|
|
36
|
+
inputProps: {
|
|
37
|
+
tabIndex
|
|
38
|
+
}
|
|
39
|
+
})
|
|
40
|
+
},
|
|
41
|
+
sx: {
|
|
42
|
+
width: 1
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
);
|
|
46
|
+
};
|
|
47
|
+
var DateRangePicker_default = DateRangePicker;
|
|
6
48
|
|
|
7
|
-
export {
|
|
49
|
+
export { DateRangePicker_default as default };
|
|
50
|
+
//# sourceMappingURL=out.js.map
|
|
51
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/DateRangePicker/index.tsx"],"names":[],"mappings":"AAeI;AAfJ,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,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,OAAO;AAAA,QACL,OAAO,YAAY,MAAM,MAAM,SAAS,IAAI;AAAA,QAC5C,OAAO,UAAU,MAAM,MAAM,OAAO,IAAI;AAAA,MAC1C;AAAA,MACA,UAAU,OACR,SAAS;AAAA,QACP,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,OAAO,IAAI;AAAA,QAClC,SAAS,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,OAAO,IAAI;AAAA,MAClC,CAAC;AAAA,MAEF,GAAG;AAAA,MACJ,WAAW;AAAA,QACT,WAAW,OAAO;AAAA,UAChB,GAAG,MAAM,WAAW;AAAA,UACpB;AAAA,UACA;AAAA,UACA,cAAc;AAAA,UACd,YAAY;AAAA,UACZ,WAAW;AAAA,UACX;AAAA,UACA,YAAY;AAAA,YACV;AAAA,UACF;AAAA,QACF;AAAA,MACF;AAAA,MACA,IAAI;AAAA,QACF,OAAO;AAAA,MACT;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,0BAAQ","sourcesContent":["import { DateRangePicker as MuiDateRangePicker } from '@mui/x-date-pickers-pro';\nimport dayjs from 'dayjs';\n\nimport { DateRangePickerProps } from './props';\n\nconst DateRangePicker = ({\n label,\n value,\n onChange,\n tabIndex,\n helperText,\n required,\n ...other\n}: DateRangePickerProps) => {\n return (\n <MuiDateRangePicker\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 onChange({\n startDate: v[0] ? v[0].toDate() : null,\n endDate: v[1] ? v[1].toDate() : null,\n })\n }\n {...other}\n slotProps={{\n textField: () => ({\n ...other.slotProps?.textField,\n required,\n helperText: helperText,\n autoComplete: 'off',\n spellCheck: 'false',\n fullWidth: true,\n label,\n inputProps: {\n tabIndex,\n },\n }),\n }}\n sx={{\n width: 1,\n }}\n />\n );\n};\n\nexport default DateRangePicker;\n"]}
|
|
@@ -1,7 +1,41 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import { DateTimePicker } from '@mui/x-date-pickers-pro';
|
|
3
|
-
import
|
|
2
|
+
import { DateTimePicker as DateTimePicker$1 } from '@mui/x-date-pickers-pro';
|
|
3
|
+
import dayjs from 'dayjs';
|
|
4
4
|
|
|
5
|
-
const
|
|
5
|
+
const DateTimePicker = ({
|
|
6
|
+
value,
|
|
7
|
+
onChange,
|
|
8
|
+
tabIndex,
|
|
9
|
+
helperText,
|
|
10
|
+
required,
|
|
11
|
+
...other
|
|
12
|
+
}) => {
|
|
13
|
+
return /* @__PURE__ */ jsx(
|
|
14
|
+
DateTimePicker$1,
|
|
15
|
+
{
|
|
16
|
+
...other,
|
|
17
|
+
format: "DD/MM/YYYY HH:mm",
|
|
18
|
+
value: value ? dayjs(value) : null,
|
|
19
|
+
onChange: (v) => onChange(v ? v.toDate() : null),
|
|
20
|
+
slotProps: {
|
|
21
|
+
textField: {
|
|
22
|
+
...other.slotProps?.textField,
|
|
23
|
+
required,
|
|
24
|
+
helperText,
|
|
25
|
+
autoComplete: "off",
|
|
26
|
+
spellCheck: "false",
|
|
27
|
+
fullWidth: true,
|
|
28
|
+
inputProps: { tabIndex }
|
|
29
|
+
},
|
|
30
|
+
openPickerButton: {
|
|
31
|
+
tabIndex
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
);
|
|
36
|
+
};
|
|
37
|
+
var DateTimePicker_default = DateTimePicker;
|
|
6
38
|
|
|
7
|
-
export {
|
|
39
|
+
export { DateTimePicker_default as default };
|
|
40
|
+
//# sourceMappingURL=out.js.map
|
|
41
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/DateTimePicker/index.tsx"],"names":[],"mappings":"AAcI;AAdJ,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,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,QAAO;AAAA,MACP,OAAO,QAAQ,MAAM,KAAK,IAAI;AAAA,MAC9B,UAAU,OAAK,SAAS,IAAI,EAAE,OAAO,IAAI,IAAI;AAAA,MAC7C,WAAW;AAAA,QACT,WAAW;AAAA,UACT,GAAG,MAAM,WAAW;AAAA,UACpB;AAAA,UACA;AAAA,UACA,cAAc;AAAA,UACd,YAAY;AAAA,UACZ,WAAW;AAAA,UACX,YAAY,EAAE,SAAS;AAAA,QACzB;AAAA,QACA,kBAAkB;AAAA,UAChB;AAAA,QACF;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,yBAAQ","sourcesContent":["import { DateTimePicker as MuiDateTimePicker } from '@mui/x-date-pickers-pro';\nimport dayjs from 'dayjs';\n\nimport { DateTimePickerProps } from './props';\n\nconst DateTimePicker = ({\n value,\n onChange,\n tabIndex,\n helperText,\n required,\n ...other\n}: DateTimePickerProps) => {\n return (\n <MuiDateTimePicker\n {...other}\n format=\"DD/MM/YYYY HH:mm\"\n value={value ? dayjs(value) : null}\n onChange={v => onChange(v ? v.toDate() : null)}\n slotProps={{\n textField: {\n ...other.slotProps?.textField,\n required,\n helperText,\n autoComplete: 'off',\n spellCheck: 'false',\n fullWidth: true,\n inputProps: { tabIndex },\n },\n openPickerButton: {\n tabIndex,\n },\n }}\n />\n );\n};\n\nexport default DateTimePicker;\n"]}
|