@zydon/common 2.2.43 → 2.2.45
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.d.ts +2 -1
- package/dist/components/DashedDivider/index.js +7 -2
- package/dist/components/DashedDivider/index.js.map +1 -0
- package/dist/components/DataCards/index.d.ts +6 -3
- package/dist/components/DataCards/index.js +55 -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 +400 -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.d.ts +2 -0
- package/dist/components/Incrementer/index.js +157 -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.d.ts +4 -1
- 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,8 +1,49 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
2
|
+
import Popover from '@mui/material/Popover';
|
|
3
|
+
import getPosition from './getPosition';
|
|
4
4
|
import { StyledArrow } from './styles';
|
|
5
5
|
|
|
6
|
-
const
|
|
6
|
+
const MenuPopover = ({
|
|
7
|
+
open,
|
|
8
|
+
children,
|
|
9
|
+
arrow = "top-right",
|
|
10
|
+
disabledArrow,
|
|
11
|
+
sx,
|
|
12
|
+
...other
|
|
13
|
+
}) => {
|
|
14
|
+
const { style, anchorOrigin, transformOrigin } = getPosition(arrow);
|
|
15
|
+
return /* @__PURE__ */ jsxs(
|
|
16
|
+
Popover,
|
|
17
|
+
{
|
|
18
|
+
open: Boolean(open),
|
|
19
|
+
anchorEl: open,
|
|
20
|
+
anchorOrigin,
|
|
21
|
+
transformOrigin,
|
|
22
|
+
PaperProps: {
|
|
23
|
+
sx: {
|
|
24
|
+
p: 1,
|
|
25
|
+
width: "auto",
|
|
26
|
+
overflow: "inherit",
|
|
27
|
+
...style,
|
|
28
|
+
"& .MuiMenuItem-root": {
|
|
29
|
+
px: 1,
|
|
30
|
+
typography: "body2",
|
|
31
|
+
borderRadius: 0.75,
|
|
32
|
+
"& svg": { mr: 2, width: 20, height: 20, flexShrink: 0 }
|
|
33
|
+
},
|
|
34
|
+
...sx
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
...other,
|
|
38
|
+
children: [
|
|
39
|
+
!disabledArrow && /* @__PURE__ */ jsx(StyledArrow, { arrow }),
|
|
40
|
+
children
|
|
41
|
+
]
|
|
42
|
+
}
|
|
43
|
+
);
|
|
44
|
+
};
|
|
45
|
+
var MenuPopover_default = MenuPopover;
|
|
7
46
|
|
|
8
|
-
export {
|
|
47
|
+
export { MenuPopover_default as default };
|
|
48
|
+
//# sourceMappingURL=out.js.map
|
|
49
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/MenuPopover/index.tsx"],"names":[],"mappings":"AAiBI,SAsBqB,KAtBrB;AAjBJ,OAAO,aAAgC;AAEvC,OAAO,iBAAiB;AAExB,SAAS,mBAAmB;AAE5B,MAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAwB;AACtB,QAAM,EAAE,OAAO,cAAc,gBAAgB,IAAI,YAAY,KAAK;AAElE,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAM,QAAQ,IAAI;AAAA,MAClB,UAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA,YAAY;AAAA,QACV,IAAI;AAAA,UACF,GAAG;AAAA,UACH,OAAO;AAAA,UACP,UAAU;AAAA,UACV,GAAG;AAAA,UACH,uBAAuB;AAAA,YACrB,IAAI;AAAA,YACJ,YAAY;AAAA,YACZ,cAAc;AAAA,YACd,SAAS,EAAE,IAAI,GAAG,OAAO,IAAI,QAAQ,IAAI,YAAY,EAAE;AAAA,UACzD;AAAA,UACA,GAAG;AAAA,QACL;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,SAAC,iBAAiB,oBAAC,eAAY,OAAc;AAAA,QAE7C;AAAA;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,sBAAQ","sourcesContent":["import Popover, { PopoverOrigin } from '@mui/material/Popover';\n\nimport getPosition from './getPosition';\nimport { MenuPopoverProps } from './props';\nimport { StyledArrow } from './styles';\n\nconst MenuPopover = ({\n open,\n children,\n arrow = 'top-right',\n disabledArrow,\n sx,\n ...other\n}: MenuPopoverProps) => {\n const { style, anchorOrigin, transformOrigin } = getPosition(arrow);\n\n return (\n <Popover\n open={Boolean(open)}\n anchorEl={open}\n anchorOrigin={anchorOrigin as PopoverOrigin}\n transformOrigin={transformOrigin as PopoverOrigin}\n PaperProps={{\n sx: {\n p: 1,\n width: 'auto',\n overflow: 'inherit',\n ...style,\n '& .MuiMenuItem-root': {\n px: 1,\n typography: 'body2',\n borderRadius: 0.75,\n '& svg': { mr: 2, width: 20, height: 20, flexShrink: 0 },\n },\n ...sx,\n },\n }}\n {...other}\n >\n {!disabledArrow && <StyledArrow arrow={arrow} />}\n\n {children}\n </Popover>\n );\n};\n\nexport default MenuPopover;\n"]}
|
|
@@ -1,11 +1,34 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
2
|
+
import Dialog from '@mui/material/Dialog';
|
|
3
|
+
import DialogTitle from '@mui/material/DialogTitle';
|
|
4
|
+
import IconButton from '@mui/material/IconButton';
|
|
5
|
+
import Icon from '../Icon';
|
|
6
|
+
import Actions from './Actions';
|
|
7
7
|
import { Header, Content } from './styles';
|
|
8
8
|
|
|
9
|
-
const
|
|
9
|
+
const Modal = ({
|
|
10
|
+
actions,
|
|
11
|
+
actionsProps,
|
|
12
|
+
children,
|
|
13
|
+
dialogContentProps,
|
|
14
|
+
dialogTitle,
|
|
15
|
+
dialogTitleProps,
|
|
16
|
+
onClose,
|
|
17
|
+
id,
|
|
18
|
+
...other
|
|
19
|
+
}) => {
|
|
20
|
+
const MODAL_ACTIONS = id || "modal-actions";
|
|
21
|
+
return /* @__PURE__ */ jsxs(Dialog, { id, scroll: "body", ...other, onClose, children: [
|
|
22
|
+
/* @__PURE__ */ jsxs(Header, { children: [
|
|
23
|
+
dialogTitle && /* @__PURE__ */ jsx(DialogTitle, { variant: "subtitle1", ...dialogTitleProps, children: dialogTitle }),
|
|
24
|
+
/* @__PURE__ */ jsx(IconButton, { onClick: onClose, children: /* @__PURE__ */ jsx(Icon, { icon: "CLOSE_MARK_BUTTON" }) })
|
|
25
|
+
] }),
|
|
26
|
+
/* @__PURE__ */ jsx(Content, { ...dialogContentProps, children }),
|
|
27
|
+
actions && /* @__PURE__ */ jsx(Actions, { actionsProps: { ...actionsProps, id: MODAL_ACTIONS }, children: actions })
|
|
28
|
+
] });
|
|
29
|
+
};
|
|
30
|
+
var Modal_default = Modal;
|
|
10
31
|
|
|
11
|
-
export {
|
|
32
|
+
export { Modal_default as default };
|
|
33
|
+
//# sourceMappingURL=out.js.map
|
|
34
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAwBM,SAEI,KAFJ;AAxBN,OAAO,YAAY;AACnB,OAAO,iBAAiB;AACxB,OAAO,gBAAgB;AAEvB,OAAO,UAAU;AAEjB,OAAO,aAAa;AAEpB,SAAS,SAAS,cAAc;AAEhC,MAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAkB;AAChB,QAAM,gBAAgB,MAAM;AAC5B,SACE,qBAAC,UAAO,IAAQ,QAAO,QAAQ,GAAG,OAAO,SACvC;AAAA,yBAAC,UACE;AAAA,qBACC,oBAAC,eAAY,SAAQ,aAAa,GAAG,kBAClC,uBACH;AAAA,MAGF,oBAAC,cAAW,SAAS,SACnB,8BAAC,QAAK,MAAK,qBAAoB,GACjC;AAAA,OACF;AAAA,IAEA,oBAAC,WAAS,GAAG,oBAAqB,UAAS;AAAA,IAE1C,WACC,oBAAC,WAAQ,cAAc,EAAE,GAAG,cAAc,IAAI,cAAc,GACzD,mBACH;AAAA,KAEJ;AAEJ;AAEA,IAAO,gBAAQ","sourcesContent":["import Dialog from '@mui/material/Dialog';\nimport DialogTitle from '@mui/material/DialogTitle';\nimport IconButton from '@mui/material/IconButton';\n\nimport Icon from '../Icon';\n\nimport Actions from './Actions';\nimport { ModalProps } from './props';\nimport { Content, Header } from './styles';\n\nconst Modal = ({\n actions,\n actionsProps,\n children,\n dialogContentProps,\n dialogTitle,\n dialogTitleProps,\n onClose,\n id,\n ...other\n}: ModalProps) => {\n const MODAL_ACTIONS = id || '' + 'modal-actions';\n return (\n <Dialog id={id} scroll=\"body\" {...other} onClose={onClose}>\n <Header>\n {dialogTitle && (\n <DialogTitle variant=\"subtitle1\" {...dialogTitleProps}>\n {dialogTitle}\n </DialogTitle>\n )}\n\n <IconButton onClick={onClose}>\n <Icon icon=\"CLOSE_MARK_BUTTON\" />\n </IconButton>\n </Header>\n\n <Content {...dialogContentProps}>{children}</Content>\n\n {actions && (\n <Actions actionsProps={{ ...actionsProps, id: MODAL_ACTIONS }}>\n {actions}\n </Actions>\n )}\n </Dialog>\n );\n};\n\nexport default Modal;\n"]}
|
|
@@ -1,6 +1,12 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
2
|
+
import Portal from '../Portal';
|
|
3
3
|
|
|
4
|
-
const
|
|
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,10 +1,19 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
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';
|
|
7
7
|
|
|
8
|
-
const
|
|
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;
|
|
9
16
|
|
|
10
|
-
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,8 +1,108 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { forwardRef, useState, useRef, useEffect } from 'react';
|
|
3
3
|
import { NumericFormat } from 'react-number-format';
|
|
4
|
-
import
|
|
4
|
+
import TextField from '@mui/material/TextField';
|
|
5
5
|
|
|
6
|
-
const
|
|
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;
|
|
7
105
|
|
|
8
|
-
export {
|
|
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,9 +1,79 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
2
|
+
import Typography from '@mui/material/Typography';
|
|
3
3
|
import { validatePassword } from 'utils/validators';
|
|
4
|
-
import
|
|
4
|
+
import Icon from '../Icon';
|
|
5
5
|
import { RulesContainer, Rules, Rule } from './styles';
|
|
6
6
|
|
|
7
|
-
const
|
|
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;
|
|
8
76
|
|
|
9
|
-
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,9 +1,47 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
2
|
+
import MenuItem from '@mui/material/MenuItem';
|
|
3
|
+
import MenuPopover from 'components/MenuPopover';
|
|
4
4
|
import { StyledButton, StyledIcon, StyledBox } from 'components/PopoverSelect/styles';
|
|
5
|
-
import
|
|
5
|
+
import usePopover from 'hooks/usePopover';
|
|
6
6
|
|
|
7
|
-
const
|
|
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;
|
|
8
44
|
|
|
9
|
-
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,6 +1,29 @@
|
|
|
1
1
|
import { useState, useEffect } from 'react';
|
|
2
2
|
import { createPortal } from 'react-dom';
|
|
3
3
|
|
|
4
|
-
const
|
|
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;
|
|
5
26
|
|
|
6
|
-
export {
|
|
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,5 +1,29 @@
|
|
|
1
1
|
import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
|
|
2
2
|
|
|
3
|
-
const
|
|
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;
|
|
4
26
|
|
|
5
|
-
export {
|
|
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
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
2
|
+
import Typography from '@mui/material/Typography';
|
|
3
3
|
import { fDate } from 'utils/formatTime';
|
|
4
4
|
|
|
5
|
-
const
|
|
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,9 +1,46 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
2
|
import { forwardRef } from 'react';
|
|
3
|
-
import
|
|
4
|
-
import
|
|
3
|
+
import Box from '@mui/material/Box';
|
|
4
|
+
import SimpleBar from 'simplebar-react';
|
|
5
5
|
import { scrollbarClasses } from './classes';
|
|
6
6
|
|
|
7
|
-
const
|
|
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;
|
|
8
43
|
|
|
9
|
-
export {
|
|
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"]}
|