@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,5 +1,18 @@
|
|
|
1
1
|
import { useState, useEffect } from 'react';
|
|
2
2
|
|
|
3
|
-
const
|
|
3
|
+
const Delayed = ({
|
|
4
|
+
children,
|
|
5
|
+
waitBeforeShow = 500
|
|
6
|
+
}) => {
|
|
7
|
+
const [isShown, setIsShown] = useState(false);
|
|
8
|
+
useEffect(() => {
|
|
9
|
+
const timer = setTimeout(() => setIsShown(true), waitBeforeShow);
|
|
10
|
+
return () => clearTimeout(timer);
|
|
11
|
+
}, [waitBeforeShow]);
|
|
12
|
+
return isShown ? children : null;
|
|
13
|
+
};
|
|
14
|
+
var Delayed_default = Delayed;
|
|
4
15
|
|
|
5
|
-
export {
|
|
16
|
+
export { Delayed_default as default };
|
|
17
|
+
//# sourceMappingURL=out.js.map
|
|
18
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Delayed/index.tsx"],"names":[],"mappings":"AAAA,SAA4B,WAAW,gBAAgB;AAIvD,MAAM,UAAU,CAAC;AAAA,EACf;AAAA,EACA,iBAAiB;AACnB,MAAuC;AACrC,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,SAAO,UAAU,WAAW;AAC9B;AAEA,IAAO,kBAAQ","sourcesContent":["import { PropsWithChildren, useEffect, useState } from 'react';\n\nimport { DelayedProps } from './props';\n\nconst Delayed = ({\n children,\n waitBeforeShow = 500,\n}: PropsWithChildren<DelayedProps>) => {\n const [isShown, setIsShown] = useState(false);\n\n useEffect(() => {\n const timer = setTimeout(() => setIsShown(true), waitBeforeShow);\n return () => clearTimeout(timer);\n }, [waitBeforeShow]);\n\n return isShown ? children : null;\n};\n\nexport default Delayed;\n"]}
|
|
@@ -1,11 +1,40 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
2
|
+
import MuiDrawer from '@mui/material/Drawer';
|
|
3
|
+
import IconButton from '@mui/material/IconButton';
|
|
4
|
+
import Stack from '@mui/material/Stack';
|
|
5
|
+
import Icon from '../Icon';
|
|
6
|
+
import Scrollbar from '../Scrollbar';
|
|
7
7
|
import { Header, HeaderTitle } from './styles';
|
|
8
8
|
|
|
9
|
-
const
|
|
9
|
+
const Drawer = ({
|
|
10
|
+
headerTitle,
|
|
11
|
+
onClose,
|
|
12
|
+
children,
|
|
13
|
+
contentProps,
|
|
14
|
+
maxWidth = 684,
|
|
15
|
+
...other
|
|
16
|
+
}) => {
|
|
17
|
+
return /* @__PURE__ */ jsxs(
|
|
18
|
+
MuiDrawer,
|
|
19
|
+
{
|
|
20
|
+
anchor: "right",
|
|
21
|
+
PaperProps: {
|
|
22
|
+
sx: { width: 1, maxWidth }
|
|
23
|
+
},
|
|
24
|
+
onClose,
|
|
25
|
+
...other,
|
|
26
|
+
children: [
|
|
27
|
+
/* @__PURE__ */ jsxs(Header, { children: [
|
|
28
|
+
/* @__PURE__ */ jsx(IconButton, { size: "small", onClick: onClose, children: /* @__PURE__ */ jsx(Icon, { icon: "CLOSE_MARK_BUTTON", width: 18 }) }),
|
|
29
|
+
/* @__PURE__ */ jsx(HeaderTitle, { children: headerTitle })
|
|
30
|
+
] }),
|
|
31
|
+
/* @__PURE__ */ jsx(Scrollbar, { children: /* @__PURE__ */ jsx(Stack, { p: 3, ...contentProps, children }) })
|
|
32
|
+
]
|
|
33
|
+
}
|
|
34
|
+
);
|
|
35
|
+
};
|
|
36
|
+
var Drawer_default = Drawer;
|
|
10
37
|
|
|
11
|
-
export {
|
|
38
|
+
export { Drawer_default as default };
|
|
39
|
+
//# sourceMappingURL=out.js.map
|
|
40
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Drawer/index.tsx"],"names":[],"mappings":"AA2BM,SAEI,KAFJ;AA3BN,OAAO,eAAe;AACtB,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAElB,OAAO,UAAU;AACjB,OAAO,eAAe;AAGtB,SAAS,QAAQ,mBAAmB;AAEpC,MAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,GAAG;AACL,MAAmB;AACjB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAO;AAAA,MACP,YAAY;AAAA,QACV,IAAI,EAAE,OAAO,GAAG,SAAmB;AAAA,MACrC;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MAEJ;AAAA,6BAAC,UACC;AAAA,8BAAC,cAAW,MAAK,SAAQ,SAAS,SAChC,8BAAC,QAAK,MAAK,qBAAoB,OAAO,IAAI,GAC5C;AAAA,UAEA,oBAAC,eAAa,uBAAY;AAAA,WAC5B;AAAA,QACA,oBAAC,aACC,8BAAC,SAAM,GAAG,GAAI,GAAG,cACd,UACH,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,iBAAQ","sourcesContent":["import MuiDrawer from '@mui/material/Drawer';\nimport IconButton from '@mui/material/IconButton';\nimport Stack from '@mui/material/Stack';\n\nimport Icon from '../Icon';\nimport Scrollbar from '../Scrollbar';\n\nimport { DrawerProps } from './props';\nimport { Header, HeaderTitle } from './styles';\n\nconst Drawer = ({\n headerTitle,\n onClose,\n children,\n contentProps,\n maxWidth = 684,\n ...other\n}: DrawerProps) => {\n return (\n <MuiDrawer\n anchor=\"right\"\n PaperProps={{\n sx: { width: 1, maxWidth: maxWidth },\n }}\n onClose={onClose}\n {...other}\n >\n <Header>\n <IconButton size=\"small\" onClick={onClose}>\n <Icon icon=\"CLOSE_MARK_BUTTON\" width={18} />\n </IconButton>\n\n <HeaderTitle>{headerTitle}</HeaderTitle>\n </Header>\n <Scrollbar>\n <Stack p={3} {...contentProps}>\n {children}\n </Stack>\n </Scrollbar>\n </MuiDrawer>\n );\n};\n\nexport default Drawer;\n"]}
|
|
@@ -1,10 +1,81 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
2
|
+
import Box from '@mui/material/Box';
|
|
3
|
+
import Stack from '@mui/material/Stack';
|
|
4
|
+
import Typography from '@mui/material/Typography';
|
|
5
|
+
import EmptyContentSVG from 'assets/illustrations/EmptyContent';
|
|
6
6
|
import { varAlpha } from 'theme/styles';
|
|
7
7
|
|
|
8
|
-
const
|
|
8
|
+
const EmptyContent = ({
|
|
9
|
+
sx,
|
|
10
|
+
imgUrl,
|
|
11
|
+
action,
|
|
12
|
+
filled,
|
|
13
|
+
slotProps,
|
|
14
|
+
description,
|
|
15
|
+
title = "No data",
|
|
16
|
+
...other
|
|
17
|
+
}) => {
|
|
18
|
+
return /* @__PURE__ */ jsxs(
|
|
19
|
+
Stack,
|
|
20
|
+
{
|
|
21
|
+
flexGrow: 1,
|
|
22
|
+
alignItems: "center",
|
|
23
|
+
justifyContent: "center",
|
|
24
|
+
sx: {
|
|
25
|
+
px: 3,
|
|
26
|
+
height: 1,
|
|
27
|
+
...filled && {
|
|
28
|
+
borderRadius: 2,
|
|
29
|
+
bgcolor: (theme) => varAlpha(theme.vars.palette.grey["500Channel"], 0.04),
|
|
30
|
+
border: (theme) => `dashed 1px ${varAlpha(theme.vars.palette.grey["500Channel"], 0.08)}`
|
|
31
|
+
},
|
|
32
|
+
...sx
|
|
33
|
+
},
|
|
34
|
+
...other,
|
|
35
|
+
children: [
|
|
36
|
+
imgUrl ? /* @__PURE__ */ jsx(
|
|
37
|
+
Box,
|
|
38
|
+
{
|
|
39
|
+
component: "img",
|
|
40
|
+
alt: "empty content",
|
|
41
|
+
src: imgUrl,
|
|
42
|
+
sx: { width: 1, maxWidth: 160, ...slotProps?.img }
|
|
43
|
+
}
|
|
44
|
+
) : /* @__PURE__ */ jsx(EmptyContentSVG, {}),
|
|
45
|
+
title && /* @__PURE__ */ jsx(
|
|
46
|
+
Typography,
|
|
47
|
+
{
|
|
48
|
+
variant: "h6",
|
|
49
|
+
component: "span",
|
|
50
|
+
sx: {
|
|
51
|
+
mt: 1,
|
|
52
|
+
textAlign: "center",
|
|
53
|
+
...slotProps?.title,
|
|
54
|
+
color: "text.disabled"
|
|
55
|
+
},
|
|
56
|
+
children: title
|
|
57
|
+
}
|
|
58
|
+
),
|
|
59
|
+
description && /* @__PURE__ */ jsx(
|
|
60
|
+
Typography,
|
|
61
|
+
{
|
|
62
|
+
variant: "caption",
|
|
63
|
+
sx: {
|
|
64
|
+
mt: 1,
|
|
65
|
+
textAlign: "center",
|
|
66
|
+
color: "text.disabled",
|
|
67
|
+
...slotProps?.description
|
|
68
|
+
},
|
|
69
|
+
children: description
|
|
70
|
+
}
|
|
71
|
+
),
|
|
72
|
+
action && action
|
|
73
|
+
]
|
|
74
|
+
}
|
|
75
|
+
);
|
|
76
|
+
};
|
|
77
|
+
var EmptyContent_default = EmptyContent;
|
|
9
78
|
|
|
10
|
-
export {
|
|
79
|
+
export { EmptyContent_default as default };
|
|
80
|
+
//# sourceMappingURL=out.js.map
|
|
81
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/EmptyContent/index.tsx"],"names":[],"mappings":"AAoBI,SAmBI,KAnBJ;AApBJ,OAAO,SAAS;AAChB,OAAO,WAAW;AAClB,OAAO,gBAAgB;AAEvB,OAAO,qBAAqB;AAC5B,SAAS,gBAAgB;AAIzB,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,GAAG;AACL,MAAyB;AACvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,IAAI;AAAA,QACF,IAAI;AAAA,QACJ,QAAQ;AAAA,QACR,GAAI,UAAU;AAAA,UACZ,cAAc;AAAA,UACd,SAAS,WACP,SAAS,MAAM,KAAK,QAAQ,KAAK,YAAY,GAAG,IAAI;AAAA,UACtD,QAAQ,WACN,cAAc,SAAS,MAAM,KAAK,QAAQ,KAAK,YAAY,GAAG,IAAI;AAAA,QACtE;AAAA,QACA,GAAG;AAAA,MACL;AAAA,MACC,GAAG;AAAA,MAEH;AAAA,iBACC;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAI;AAAA,YACJ,KAAK;AAAA,YACL,IAAI,EAAE,OAAO,GAAG,UAAU,KAAK,GAAG,WAAW,IAAI;AAAA;AAAA,QACnD,IAEA,oBAAC,mBAAgB;AAAA,QAGlB,SACC;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,IAAI;AAAA,cACF,IAAI;AAAA,cACJ,WAAW;AAAA,cACX,GAAG,WAAW;AAAA,cACd,OAAO;AAAA,YACT;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QAGD,eACC;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,IAAI;AAAA,cACF,IAAI;AAAA,cACJ,WAAW;AAAA,cACX,OAAO;AAAA,cACP,GAAG,WAAW;AAAA,YAChB;AAAA,YAEC;AAAA;AAAA,QACH;AAAA,QAGD,UAAU;AAAA;AAAA;AAAA,EACb;AAEJ;AAEA,IAAO,uBAAQ","sourcesContent":["import Box from '@mui/material/Box';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport EmptyContentSVG from 'assets/illustrations/EmptyContent';\nimport { varAlpha } from 'theme/styles';\n\nimport { EmptyContentProps } from './props';\n\nconst EmptyContent = ({\n sx,\n imgUrl,\n action,\n filled,\n slotProps,\n description,\n title = 'No data',\n ...other\n}: EmptyContentProps) => {\n return (\n <Stack\n flexGrow={1}\n alignItems=\"center\"\n justifyContent=\"center\"\n sx={{\n px: 3,\n height: 1,\n ...(filled && {\n borderRadius: 2,\n bgcolor: theme =>\n varAlpha(theme.vars.palette.grey['500Channel'], 0.04),\n border: theme =>\n `dashed 1px ${varAlpha(theme.vars.palette.grey['500Channel'], 0.08)}`,\n }),\n ...sx,\n }}\n {...other}\n >\n {imgUrl ? (\n <Box\n component=\"img\"\n alt=\"empty content\"\n src={imgUrl}\n sx={{ width: 1, maxWidth: 160, ...slotProps?.img }}\n />\n ) : (\n <EmptyContentSVG />\n )}\n\n {title && (\n <Typography\n variant=\"h6\"\n component=\"span\"\n sx={{\n mt: 1,\n textAlign: 'center',\n ...slotProps?.title,\n color: 'text.disabled',\n }}\n >\n {title}\n </Typography>\n )}\n\n {description && (\n <Typography\n variant=\"caption\"\n sx={{\n mt: 1,\n textAlign: 'center',\n color: 'text.disabled',\n ...slotProps?.description,\n }}\n >\n {description}\n </Typography>\n )}\n\n {action && action}\n </Stack>\n );\n};\n\nexport default EmptyContent;\n"]}
|
|
@@ -1,8 +1,35 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
2
|
+
import Stack from '@mui/material/Stack';
|
|
3
|
+
import Typography from '@mui/material/Typography';
|
|
4
|
+
import EmptyContent from 'assets/illustrations/EmptyContent';
|
|
5
5
|
|
|
6
|
-
const
|
|
6
|
+
const EmptyView = ({ text, sx }) => {
|
|
7
|
+
return /* @__PURE__ */ jsxs(
|
|
8
|
+
Stack,
|
|
9
|
+
{
|
|
10
|
+
alignItems: "center",
|
|
11
|
+
justifyContent: "center",
|
|
12
|
+
gap: 3.75,
|
|
13
|
+
sx: {
|
|
14
|
+
textAlign: "center",
|
|
15
|
+
height: 1,
|
|
16
|
+
backgroundColor: "#fff",
|
|
17
|
+
padding: 2,
|
|
18
|
+
borderRadius: 2,
|
|
19
|
+
"& svg": {
|
|
20
|
+
width: "100%"
|
|
21
|
+
},
|
|
22
|
+
...sx
|
|
23
|
+
},
|
|
24
|
+
children: [
|
|
25
|
+
/* @__PURE__ */ jsx(EmptyContent, {}),
|
|
26
|
+
/* @__PURE__ */ jsx(Typography, { variant: "body1", sx: { color: "text.secondary" }, children: text })
|
|
27
|
+
]
|
|
28
|
+
}
|
|
29
|
+
);
|
|
30
|
+
};
|
|
31
|
+
var EmptyView_default = EmptyView;
|
|
7
32
|
|
|
8
|
-
export {
|
|
33
|
+
export { EmptyView_default as default };
|
|
34
|
+
//# sourceMappingURL=out.js.map
|
|
35
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/EmptyView/index.tsx"],"names":[],"mappings":"AASI,SAgBE,KAhBF;AATJ,OAAO,WAAW;AAClB,OAAO,gBAAgB;AAEvB,OAAO,kBAAkB;AAIzB,MAAM,YAAY,CAAC,EAAE,MAAM,GAAG,MAAsB;AAClD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,KAAK;AAAA,MACL,IAAI;AAAA,QACF,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,iBAAiB;AAAA,QACjB,SAAS;AAAA,QACT,cAAc;AAAA,QACd,SAAS;AAAA,UACP,OAAO;AAAA,QACT;AAAA,QACA,GAAG;AAAA,MACL;AAAA,MAEA;AAAA,4BAAC,gBAAa;AAAA,QAEd,oBAAC,cAAW,SAAQ,SAAQ,IAAI,EAAE,OAAO,iBAAiB,GACvD,gBACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,oBAAQ","sourcesContent":["import Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport EmptyContent from 'assets/illustrations/EmptyContent';\n\nimport { EmptyViewProps } from './props';\n\nconst EmptyView = ({ text, sx }: EmptyViewProps) => {\n return (\n <Stack\n alignItems=\"center\"\n justifyContent=\"center\"\n gap={3.75}\n sx={{\n textAlign: 'center',\n height: 1,\n backgroundColor: '#fff',\n padding: 2,\n borderRadius: 2,\n '& svg': {\n width: '100%',\n },\n ...sx,\n }}\n >\n <EmptyContent />\n\n <Typography variant=\"body1\" sx={{ color: 'text.secondary' }}>\n {text}\n </Typography>\n </Stack>\n );\n};\n\nexport default EmptyView;\n"]}
|
|
@@ -1,10 +1,47 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
2
|
+
import Button from '@mui/material/Button';
|
|
3
|
+
import Stack from '@mui/material/Stack';
|
|
4
|
+
import Typography from '@mui/material/Typography';
|
|
5
|
+
import ImSorry from 'assets/illustrations/ImSorry';
|
|
6
|
+
import Icon from '../Icon';
|
|
7
7
|
|
|
8
|
-
const
|
|
8
|
+
const Error = ({
|
|
9
|
+
title,
|
|
10
|
+
description,
|
|
11
|
+
onClickButton,
|
|
12
|
+
textButton = "Atualizar"
|
|
13
|
+
}) => {
|
|
14
|
+
return /* @__PURE__ */ jsxs(
|
|
15
|
+
Stack,
|
|
16
|
+
{
|
|
17
|
+
height: 1,
|
|
18
|
+
width: 1,
|
|
19
|
+
alignItems: "center",
|
|
20
|
+
justifyContent: "center",
|
|
21
|
+
textAlign: "center",
|
|
22
|
+
gap: 3,
|
|
23
|
+
children: [
|
|
24
|
+
/* @__PURE__ */ jsx(ImSorry, {}),
|
|
25
|
+
/* @__PURE__ */ jsxs(Stack, { children: [
|
|
26
|
+
/* @__PURE__ */ jsx(Typography, { variant: "h5", color: "grey.600", children: title }),
|
|
27
|
+
/* @__PURE__ */ jsx(Typography, { variant: "body1", color: "grey.600", children: description })
|
|
28
|
+
] }),
|
|
29
|
+
/* @__PURE__ */ jsx(
|
|
30
|
+
Button,
|
|
31
|
+
{
|
|
32
|
+
variant: "contained",
|
|
33
|
+
size: "large",
|
|
34
|
+
startIcon: /* @__PURE__ */ jsx(Icon, { icon: "REFRESH_CHANGE" }),
|
|
35
|
+
onClick: onClickButton,
|
|
36
|
+
children: textButton
|
|
37
|
+
}
|
|
38
|
+
)
|
|
39
|
+
]
|
|
40
|
+
}
|
|
41
|
+
);
|
|
42
|
+
};
|
|
43
|
+
var Error_default = Error;
|
|
9
44
|
|
|
10
|
-
export {
|
|
45
|
+
export { Error_default as default };
|
|
46
|
+
//# sourceMappingURL=out.js.map
|
|
47
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/Error/index.tsx"],"names":[],"mappings":"AAyBM,cAEA,YAFA;AAzBN,OAAO,YAAY;AACnB,OAAO,WAAW;AAClB,OAAO,gBAAgB;AAEvB,OAAO,aAAa;AAEpB,OAAO,UAAU;AAIjB,MAAM,QAAQ,CAAC;AAAA,EACb;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AACf,MAAkB;AAChB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,YAAW;AAAA,MACX,gBAAe;AAAA,MACf,WAAU;AAAA,MACV,KAAK;AAAA,MAEL;AAAA,4BAAC,WAAQ;AAAA,QAET,qBAAC,SACC;AAAA,8BAAC,cAAW,SAAQ,MAAK,OAAM,YAC5B,iBACH;AAAA,UAEA,oBAAC,cAAW,SAAQ,SAAQ,OAAM,YAC/B,uBACH;AAAA,WACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,SAAQ;AAAA,YACR,MAAK;AAAA,YACL,WAAW,oBAAC,QAAK,MAAK,kBAAiB;AAAA,YACvC,SAAS;AAAA,YAER;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,gBAAQ","sourcesContent":["import Button from '@mui/material/Button';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport ImSorry from 'assets/illustrations/ImSorry';\n\nimport Icon from '../Icon';\n\nimport { ErrorProps } from './props';\n\nconst Error = ({\n title,\n description,\n onClickButton,\n textButton = 'Atualizar',\n}: ErrorProps) => {\n return (\n <Stack\n height={1}\n width={1}\n alignItems=\"center\"\n justifyContent=\"center\"\n textAlign=\"center\"\n gap={3}\n >\n <ImSorry />\n\n <Stack>\n <Typography variant=\"h5\" color=\"grey.600\">\n {title}\n </Typography>\n\n <Typography variant=\"body1\" color=\"grey.600\">\n {description}\n </Typography>\n </Stack>\n\n <Button\n variant=\"contained\"\n size=\"large\"\n startIcon={<Icon icon=\"REFRESH_CHANGE\" />}\n onClick={onClickButton}\n >\n {textButton}\n </Button>\n </Stack>\n );\n};\n\nexport default Error;\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 IconButton from '@mui/material/IconButton';
|
|
3
|
+
import Stack from '@mui/material/Stack';
|
|
4
|
+
import Typography from '@mui/material/Typography';
|
|
5
|
+
import useToggle from 'hooks/useToggle';
|
|
6
|
+
import Icon from '../Icon';
|
|
7
7
|
import { Container, GroupTop, CollapseGroup } from './styles';
|
|
8
8
|
|
|
9
|
-
const
|
|
9
|
+
const ExpandableGroup = ({
|
|
10
|
+
description,
|
|
11
|
+
name,
|
|
12
|
+
children,
|
|
13
|
+
header,
|
|
14
|
+
onDelete
|
|
15
|
+
}) => {
|
|
16
|
+
const [expanded, toggleExpanded] = useToggle(true);
|
|
17
|
+
return /* @__PURE__ */ jsxs(Container, { children: [
|
|
18
|
+
/* @__PURE__ */ jsxs(GroupTop, { direction: "row", children: [
|
|
19
|
+
/* @__PURE__ */ jsxs(Stack, { direction: "row", alignItems: "center", gap: 1.5, flex: 1, children: [
|
|
20
|
+
/* @__PURE__ */ jsx(IconButton, { edge: "end", onClick: toggleExpanded, children: /* @__PURE__ */ jsx(Icon, { icon: expanded ? "CHEVRON_UP" : "CHEVRON_RIGHT" }) }),
|
|
21
|
+
/* @__PURE__ */ jsx(Typography, { variant: "overline", color: "text.primary", children: name }),
|
|
22
|
+
/* @__PURE__ */ jsx(Typography, { variant: "overline", color: "text.secondary", children: description }),
|
|
23
|
+
/* @__PURE__ */ jsx(Stack, { flex: 1, children: header })
|
|
24
|
+
] }),
|
|
25
|
+
/* @__PURE__ */ jsx(IconButton, { color: "error", onClick: onDelete, children: /* @__PURE__ */ jsx(Icon, { icon: "DELETE_MARK_BUTTON_02" }) })
|
|
26
|
+
] }),
|
|
27
|
+
/* @__PURE__ */ jsx(CollapseGroup, { in: expanded, timeout: "auto", unmountOnExit: true, children })
|
|
28
|
+
] });
|
|
29
|
+
};
|
|
30
|
+
var ExpandableGroup_default = ExpandableGroup;
|
|
10
31
|
|
|
11
|
-
export {
|
|
32
|
+
export { ExpandableGroup_default as default };
|
|
33
|
+
//# sourceMappingURL=out.js.map
|
|
34
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/ExpandableGroup/index.tsx"],"names":[],"mappings":"AAwBQ,SAEI,KAFJ;AAvBR,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,OAAO,gBAAgB;AAEvB,OAAO,eAAe;AAEtB,OAAO,UAAU;AAGjB,SAAS,eAAe,WAAW,gBAAgB;AAEnD,MAAM,kBAAkB,CAAC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA+C;AAC7C,QAAM,CAAC,UAAU,cAAc,IAAI,UAAU,IAAI;AAEjD,SACE,qBAAC,aACC;AAAA,yBAAC,YAAS,WAAU,OAClB;AAAA,2BAAC,SAAM,WAAU,OAAM,YAAW,UAAS,KAAK,KAAK,MAAM,GACzD;AAAA,4BAAC,cAAW,MAAK,OAAM,SAAS,gBAC9B,8BAAC,QAAK,MAAM,WAAW,eAAe,iBAAiB,GACzD;AAAA,QAEA,oBAAC,cAAW,SAAQ,YAAW,OAAM,gBAClC,gBACH;AAAA,QAEA,oBAAC,cAAW,SAAQ,YAAW,OAAM,kBAClC,uBACH;AAAA,QAEA,oBAAC,SAAM,MAAM,GAAI,kBAAO;AAAA,SAC1B;AAAA,MACA,oBAAC,cAAW,OAAM,SAAQ,SAAS,UACjC,8BAAC,QAAK,MAAK,yBAAwB,GACrC;AAAA,OACF;AAAA,IAEA,oBAAC,iBAAc,IAAI,UAAU,SAAQ,QAAO,eAAa,MACtD,UACH;AAAA,KACF;AAEJ;AAEA,IAAO,0BAAQ","sourcesContent":["import { PropsWithChildren } from 'react';\nimport IconButton from '@mui/material/IconButton';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport useToggle from 'hooks/useToggle';\n\nimport Icon from '../Icon';\n\nimport { ExpandableGroupProps } from './props';\nimport { CollapseGroup, Container, GroupTop } from './styles';\n\nconst ExpandableGroup = ({\n description,\n name,\n children,\n header,\n onDelete,\n}: PropsWithChildren<ExpandableGroupProps>) => {\n const [expanded, toggleExpanded] = useToggle(true);\n\n return (\n <Container>\n <GroupTop direction=\"row\">\n <Stack direction=\"row\" alignItems=\"center\" gap={1.5} flex={1}>\n <IconButton edge=\"end\" onClick={toggleExpanded}>\n <Icon icon={expanded ? 'CHEVRON_UP' : 'CHEVRON_RIGHT'} />\n </IconButton>\n\n <Typography variant=\"overline\" color=\"text.primary\">\n {name}\n </Typography>\n\n <Typography variant=\"overline\" color=\"text.secondary\">\n {description}\n </Typography>\n\n <Stack flex={1}>{header}</Stack>\n </Stack>\n <IconButton color=\"error\" onClick={onDelete}>\n <Icon icon=\"DELETE_MARK_BUTTON_02\" />\n </IconButton>\n </GroupTop>\n\n <CollapseGroup in={expanded} timeout=\"auto\" unmountOnExit>\n {children}\n </CollapseGroup>\n </Container>\n );\n};\n\nexport default ExpandableGroup;\n"]}
|
|
@@ -1,6 +1,23 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
2
|
+
import LinearProgress from '@mui/material/LinearProgress';
|
|
3
3
|
|
|
4
|
-
const
|
|
4
|
+
const FixedProgressBar = ({ sx }) => {
|
|
5
|
+
return /* @__PURE__ */ jsx(
|
|
6
|
+
LinearProgress,
|
|
7
|
+
{
|
|
8
|
+
sx: {
|
|
9
|
+
position: "absolute",
|
|
10
|
+
top: 0,
|
|
11
|
+
left: 0,
|
|
12
|
+
width: 1,
|
|
13
|
+
zIndex: 9999,
|
|
14
|
+
...sx
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
);
|
|
18
|
+
};
|
|
19
|
+
var FixedProgressBar_default = FixedProgressBar;
|
|
5
20
|
|
|
6
|
-
export {
|
|
21
|
+
export { FixedProgressBar_default as default };
|
|
22
|
+
//# sourceMappingURL=out.js.map
|
|
23
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/FixedProgressBar/index.tsx"],"names":[],"mappings":"AAMI;AANJ,OAAO,oBAEA;AAEP,MAAM,mBAAmB,CAAC,EAAE,GAAG,MAA2B;AACxD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,QACF,UAAU;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,GAAG;AAAA,MACL;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,2BAAQ","sourcesContent":["import LinearProgress, {\n LinearProgressProps,\n} from '@mui/material/LinearProgress';\n\nconst FixedProgressBar = ({ sx }: LinearProgressProps) => {\n return (\n <LinearProgress\n sx={{\n position: 'absolute',\n top: 0,\n left: 0,\n width: 1,\n zIndex: 9999,\n ...sx,\n }}\n />\n );\n};\n\nexport default FixedProgressBar;\n"]}
|
|
@@ -1,13 +1,99 @@
|
|
|
1
1
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
2
|
+
import Divider from '@mui/material/Divider';
|
|
3
|
+
import IconButton from '@mui/material/IconButton';
|
|
4
|
+
import Stack from '@mui/material/Stack';
|
|
5
|
+
import Typography from '@mui/material/Typography';
|
|
6
|
+
import HelpButton from 'components/HelpButton';
|
|
7
|
+
import WhiteBox from 'components/WhiteBox';
|
|
8
|
+
import Icon from '../Icon';
|
|
9
9
|
import { LeftBox, StyledScrollbar, SideBarWrapper, SectionTile, TopBox, FrameHeader, Children, SectionTitle, SectionSubtitle } from './style';
|
|
10
10
|
|
|
11
|
-
const
|
|
11
|
+
const FrameSkeleton = ({
|
|
12
|
+
title,
|
|
13
|
+
sections,
|
|
14
|
+
headerLeftContent,
|
|
15
|
+
headerRightContent,
|
|
16
|
+
onClickBack
|
|
17
|
+
}) => {
|
|
18
|
+
return /* @__PURE__ */ jsx(Stack, { children: /* @__PURE__ */ jsxs(Stack, { direction: "row", children: [
|
|
19
|
+
/* @__PURE__ */ jsx(LeftBox, { id: "frame-skeleton-left-box", children: /* @__PURE__ */ jsx(StyledScrollbar, { children: /* @__PURE__ */ jsxs(SideBarWrapper, { children: [
|
|
20
|
+
/* @__PURE__ */ jsx(
|
|
21
|
+
Typography,
|
|
22
|
+
{
|
|
23
|
+
variant: "overline",
|
|
24
|
+
color: "text.disabled",
|
|
25
|
+
fontWeight: 700,
|
|
26
|
+
children: "ACESSO R\xC1PIDO"
|
|
27
|
+
}
|
|
28
|
+
),
|
|
29
|
+
sections.map((section, index) => /* @__PURE__ */ jsxs(Stack, { children: [
|
|
30
|
+
/* @__PURE__ */ jsxs(
|
|
31
|
+
SectionTile,
|
|
32
|
+
{
|
|
33
|
+
onClick: () => {
|
|
34
|
+
if (section.ref.current)
|
|
35
|
+
section.ref.current.scrollIntoView({
|
|
36
|
+
block: "start",
|
|
37
|
+
behavior: "smooth"
|
|
38
|
+
});
|
|
39
|
+
},
|
|
40
|
+
children: [
|
|
41
|
+
section.title,
|
|
42
|
+
section.isRequired && /* @__PURE__ */ jsx("span", { children: "*" })
|
|
43
|
+
]
|
|
44
|
+
}
|
|
45
|
+
),
|
|
46
|
+
index < sections.length - 1 && /* @__PURE__ */ jsx(Divider, {})
|
|
47
|
+
] }, index))
|
|
48
|
+
] }) }) }),
|
|
49
|
+
/* @__PURE__ */ jsxs(Stack, { width: "100%", alignItems: "center", mb: 8, children: [
|
|
50
|
+
/* @__PURE__ */ jsx(TopBox, { children: /* @__PURE__ */ jsxs(FrameHeader, { children: [
|
|
51
|
+
/* @__PURE__ */ jsxs(Stack, { flexDirection: "row", gap: 2, alignItems: "center", children: [
|
|
52
|
+
/* @__PURE__ */ jsx(IconButton, { color: "primary", onClick: () => onClickBack(), children: /* @__PURE__ */ jsx(Icon, { icon: "CHEVRON_LEFT" }) }),
|
|
53
|
+
/* @__PURE__ */ jsx(Typography, { variant: "h4", children: title }),
|
|
54
|
+
headerLeftContent
|
|
55
|
+
] }),
|
|
56
|
+
/* @__PURE__ */ jsxs(
|
|
57
|
+
Stack,
|
|
58
|
+
{
|
|
59
|
+
direction: "row",
|
|
60
|
+
gap: 2,
|
|
61
|
+
alignItems: "center",
|
|
62
|
+
minWidth: "max-content",
|
|
63
|
+
children: [
|
|
64
|
+
/* @__PURE__ */ jsx(HelpButton, { disabled: true }),
|
|
65
|
+
headerRightContent
|
|
66
|
+
]
|
|
67
|
+
}
|
|
68
|
+
)
|
|
69
|
+
] }) }),
|
|
70
|
+
/* @__PURE__ */ jsx(Children, { children: sections.map((section, index) => /* @__PURE__ */ jsxs(
|
|
71
|
+
Stack,
|
|
72
|
+
{
|
|
73
|
+
paddingTop: 3,
|
|
74
|
+
paddingBottom: 2,
|
|
75
|
+
alignItems: "start",
|
|
76
|
+
width: "100%",
|
|
77
|
+
id: `section-${index}`,
|
|
78
|
+
children: [
|
|
79
|
+
/* @__PURE__ */ jsx(
|
|
80
|
+
SectionTitle,
|
|
81
|
+
{
|
|
82
|
+
ref: section.ref,
|
|
83
|
+
children: section.title
|
|
84
|
+
}
|
|
85
|
+
),
|
|
86
|
+
/* @__PURE__ */ jsx(SectionSubtitle, { children: section.subTitle }),
|
|
87
|
+
/* @__PURE__ */ jsx(WhiteBox, { width: "100%", borderRadius: 1, gap: 1.5, padding: 3, children: section.child })
|
|
88
|
+
]
|
|
89
|
+
},
|
|
90
|
+
section.title
|
|
91
|
+
)) })
|
|
92
|
+
] })
|
|
93
|
+
] }) });
|
|
94
|
+
};
|
|
95
|
+
var FrameSkeleton_default = FrameSkeleton;
|
|
12
96
|
|
|
13
|
-
export {
|
|
97
|
+
export { FrameSkeleton_default as default };
|
|
98
|
+
//# sourceMappingURL=out.js.map
|
|
99
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/FrameSkeleton/index.tsx"],"names":[],"mappings":"AAoCc,cAUI,YAVJ;AApCd,OAAO,aAAa;AACpB,OAAO,gBAAgB;AACvB,OAAO,WAAW;AAClB,OAAO,gBAAgB;AAEvB,OAAO,gBAAgB;AACvB,OAAO,cAAc;AAErB,OAAO,UAAU;AAGjB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AACxB,SACE,oBAAC,SACC,+BAAC,SAAM,WAAU,OACf;AAAA,wBAAC,WAAQ,IAAG,2BACV,8BAAC,mBACC,+BAAC,kBACC;AAAA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,OAAM;AAAA,UACN,YAAY;AAAA,UACb;AAAA;AAAA,MAED;AAAA,MAEC,SAAS,IAAI,CAAC,SAAS,UACtB,qBAAC,SACC;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,MAAM;AACb,kBAAI,QAAQ,IAAI;AACd,wBAAQ,IAAI,QAAQ,eAAe;AAAA,kBACjC,OAAO;AAAA,kBACP,UAAU;AAAA,gBACZ,CAAC;AAAA,YACL;AAAA,YAEC;AAAA,sBAAQ;AAAA,cACR,QAAQ,cAAc,oBAAC,UAAK,eAAC;AAAA;AAAA;AAAA,QAChC;AAAA,QAEC,QAAQ,SAAS,SAAS,KAAK,oBAAC,WAAQ;AAAA,WAd/B,KAeZ,CACD;AAAA,OACH,GACF,GACF;AAAA,IAEA,qBAAC,SAAM,OAAM,QAAO,YAAW,UAAS,IAAI,GAC1C;AAAA,0BAAC,UACC,+BAAC,eACC;AAAA,6BAAC,SAAM,eAAc,OAAM,KAAK,GAAG,YAAW,UAC5C;AAAA,8BAAC,cAAW,OAAM,WAAU,SAAS,MAAM,YAAY,GACrD,8BAAC,QAAK,MAAK,gBAAe,GAC5B;AAAA,UAEA,oBAAC,cAAW,SAAQ,MAAM,iBAAM;AAAA,UAC/B;AAAA,WACH;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,WAAU;AAAA,YACV,KAAK;AAAA,YACL,YAAW;AAAA,YACX,UAAS;AAAA,YAET;AAAA,kCAAC,cAAW,UAAQ,MAAC;AAAA,cACpB;AAAA;AAAA;AAAA,QACH;AAAA,SACF,GACF;AAAA,MAEA,oBAAC,YACE,mBAAS,IAAI,CAAC,SAAS,UACtB;AAAA,QAAC;AAAA;AAAA,UAEC,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,YAAW;AAAA,UACX,OAAM;AAAA,UACN,IAAI,WAAW;AAAA,UAEf;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,KAAK,QAAQ;AAAA,gBAEZ,kBAAQ;AAAA;AAAA,YACX;AAAA,YACA,oBAAC,mBAAiB,kBAAQ,UAAS;AAAA,YAEnC,oBAAC,YAAS,OAAM,QAAO,cAAc,GAAG,KAAK,KAAK,SAAS,GACxD,kBAAQ,OACX;AAAA;AAAA;AAAA,QAhBK,QAAQ;AAAA,MAiBf,CACD,GACH;AAAA,OACF;AAAA,KACF,GACF;AAEJ;AAEA,IAAO,wBAAQ","sourcesContent":["import Divider from '@mui/material/Divider';\nimport IconButton from '@mui/material/IconButton';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\n\nimport HelpButton from 'components/HelpButton';\nimport WhiteBox from 'components/WhiteBox';\n\nimport Icon from '../Icon';\n\nimport { FrameSkeletonProps } from './props';\nimport {\n Children,\n FrameHeader,\n LeftBox,\n SectionSubtitle,\n SectionTile,\n SectionTitle,\n SideBarWrapper,\n StyledScrollbar,\n TopBox,\n} from './style';\n\nconst FrameSkeleton = ({\n title,\n sections,\n headerLeftContent,\n headerRightContent,\n onClickBack,\n}: FrameSkeletonProps) => {\n return (\n <Stack>\n <Stack direction=\"row\">\n <LeftBox id=\"frame-skeleton-left-box\">\n <StyledScrollbar>\n <SideBarWrapper>\n <Typography\n variant=\"overline\"\n color=\"text.disabled\"\n fontWeight={700}\n >\n ACESSO RÁPIDO\n </Typography>\n\n {sections.map((section, index) => (\n <Stack key={index}>\n <SectionTile\n onClick={() => {\n if (section.ref.current)\n section.ref.current.scrollIntoView({\n block: 'start',\n behavior: 'smooth',\n });\n }}\n >\n {section.title}\n {section.isRequired && <span>*</span>}\n </SectionTile>\n\n {index < sections.length - 1 && <Divider />}\n </Stack>\n ))}\n </SideBarWrapper>\n </StyledScrollbar>\n </LeftBox>\n\n <Stack width=\"100%\" alignItems=\"center\" mb={8}>\n <TopBox>\n <FrameHeader>\n <Stack flexDirection=\"row\" gap={2} alignItems=\"center\">\n <IconButton color=\"primary\" onClick={() => onClickBack()}>\n <Icon icon=\"CHEVRON_LEFT\" />\n </IconButton>\n\n <Typography variant=\"h4\">{title}</Typography>\n {headerLeftContent}\n </Stack>\n\n <Stack\n direction=\"row\"\n gap={2}\n alignItems=\"center\"\n minWidth=\"max-content\"\n >\n <HelpButton disabled />\n {headerRightContent}\n </Stack>\n </FrameHeader>\n </TopBox>\n\n <Children>\n {sections.map((section, index) => (\n <Stack\n key={section.title}\n paddingTop={3}\n paddingBottom={2}\n alignItems=\"start\"\n width=\"100%\"\n id={`section-${index}`}\n >\n <SectionTitle\n ref={section.ref as React.RefObject<HTMLDivElement>}\n >\n {section.title}\n </SectionTitle>\n <SectionSubtitle>{section.subTitle}</SectionSubtitle>\n\n <WhiteBox width=\"100%\" borderRadius={1} gap={1.5} padding={3}>\n {section.child}\n </WhiteBox>\n </Stack>\n ))}\n </Children>\n </Stack>\n </Stack>\n </Stack>\n );\n};\n\nexport default FrameSkeleton;\n"]}
|
|
@@ -1,7 +1,23 @@
|
|
|
1
1
|
import { jsx } from 'react/jsx-runtime';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
2
|
+
import Button from '@mui/material/Button';
|
|
3
|
+
import Icon from '../Icon';
|
|
4
4
|
|
|
5
|
-
const
|
|
5
|
+
const HelpButton = ({ link, ...props }) => {
|
|
6
|
+
const linkProps = link && { href: link, target: "_blank" };
|
|
7
|
+
return /* @__PURE__ */ jsx(
|
|
8
|
+
Button,
|
|
9
|
+
{
|
|
10
|
+
...props,
|
|
11
|
+
startIcon: /* @__PURE__ */ jsx(Icon, { icon: "HELP_CIRCLE" }),
|
|
12
|
+
variant: "outlined",
|
|
13
|
+
color: "inherit",
|
|
14
|
+
...linkProps,
|
|
15
|
+
children: "Ajuda"
|
|
16
|
+
}
|
|
17
|
+
);
|
|
18
|
+
};
|
|
19
|
+
var HelpButton_default = HelpButton;
|
|
6
20
|
|
|
7
|
-
export {
|
|
21
|
+
export { HelpButton_default as default };
|
|
22
|
+
//# sourceMappingURL=out.js.map
|
|
23
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/HelpButton/index.tsx"],"names":[],"mappings":"AAYiB;AAZjB,OAAO,YAAY;AAEnB,OAAO,UAAU;AAIjB,MAAM,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,MAAuB;AAC1D,QAAM,YAAY,QAAQ,EAAE,MAAM,MAAM,QAAQ,SAAS;AAEzD,SACE;AAAA,IAAC;AAAA;AAAA,MACE,GAAG;AAAA,MACJ,WAAW,oBAAC,QAAK,MAAK,eAAc;AAAA,MACpC,SAAQ;AAAA,MACR,OAAM;AAAA,MACL,GAAG;AAAA,MACL;AAAA;AAAA,EAED;AAEJ;AAEA,IAAO,qBAAQ","sourcesContent":["import Button from '@mui/material/Button';\n\nimport Icon from '../Icon';\n\nimport { HelpButtonProps } from './props';\n\nconst HelpButton = ({ link, ...props }: HelpButtonProps) => {\n const linkProps = link && { href: link, target: '_blank' };\n\n return (\n <Button\n {...props}\n startIcon={<Icon icon=\"HELP_CIRCLE\" />}\n variant=\"outlined\"\n color=\"inherit\"\n {...linkProps}\n >\n Ajuda\n </Button>\n );\n};\n\nexport default HelpButton;\n"]}
|