@m4l/components 9.2.39-beta-1 → 9.2.41
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/components/Chip/Chip.js +3 -0
- package/components/Chip/types.d.ts +4 -0
- package/components/DataGrid/dictionary.js +1 -2
- package/components/DataGrid/formatters/ColumnBooleanFormatter/useColumnBoolean.js +3 -6
- package/components/DataGrid/formatters/ColumnChipStatusFormatter/ColumnChipStatusFormatter.js +2 -2
- package/components/DataGrid/formatters/ColumnChipStatusFormatter/useColumnChipStatusFormatter.js +3 -3
- package/components/DataGrid/formatters/ColumnNestedValueFormatter/formatter.js +1 -2
- package/components/DataGrid/formatters/ColumnNestedValueFormatter/useColumnNestedValue.d.ts +1 -1
- package/components/DataGrid/formatters/ColumnNestedValueFormatter/useColumnNestedValue.js +1 -2
- package/components/DataGrid/formatters/ColumnPriceFormatter/useColumnPrice.js +8 -6
- package/components/DataGrid/formatters/ColumnSetCheckFormatter/useColumnSetCheck.js +1 -3
- package/components/DynamicFilter/helpers/frontEndHelpers.js +2 -2
- package/components/DynamicFilter/index.d.ts +2 -3
- package/components/DynamicFilter/subcomponents/PopoverFilter/usePopoverFilter.d.ts +3 -3
- package/components/DynamicFilter/types.d.ts +9 -9
- package/components/DynamicSort/index.d.ts +1 -2
- package/components/DynamicSort/subcomponents/PopoverSort/usePopoverSort.d.ts +3 -3
- package/components/DynamicSort/types.d.ts +1 -0
- package/components/MenuActions/MenuActions.js +14 -17
- package/components/MenuActions/dictionary.js +2 -2
- package/components/Pager/subcomponents/PagerActions/PagerActions.js +0 -4
- package/components/SideBar/SideBar.js +2 -7
- package/components/SideBar/constants.js +3 -3
- package/components/SideBar/context/sideBarContext/index.js +2 -4
- package/components/SideBar/subcomponents/ContentComponent/index.js +1 -1
- package/components/SideBar/subcomponents/ContentGroups/subcomponents/ContainerMenuItemsMain/index.js +5 -3
- package/components/SideBar/subcomponents/ContentGroups/subcomponents/ContainerMenuItemsMain/styles.js +1 -1
- package/components/SideBar/types.d.ts +0 -4
- package/components/formatters/ChipStatusFormatter/ChipStatusFormatter.js +1 -1
- package/components/hook-form/RHFAutocomplete/types.d.ts +1 -1
- package/components/hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.js +0 -2
- package/components/hook-form/RHFAutocompleteAsync/types.d.ts +0 -1
- package/components/mui_extended/IconButton/types.d.ts +4 -1
- package/components/mui_extended/TabContent/TabContent.d.ts +1 -1
- package/components/mui_extended/TabContent/TabContent.js +5 -5
- package/components/mui_extended/TabContent/TabContent.styles.d.ts +2 -0
- package/components/mui_extended/TabContent/TabContent.styles.js +32 -0
- package/components/mui_extended/TabContent/constants.d.ts +1 -0
- package/components/mui_extended/TabContent/constants.js +4 -0
- package/components/mui_extended/TabContent/index.d.ts +0 -1
- package/components/mui_extended/TabContent/slots/TabContentEnum.d.ts +3 -0
- package/components/mui_extended/TabContent/slots/TabContentEnum.js +7 -0
- package/components/mui_extended/TabContent/slots/TabContentSlots.d.ts +3 -0
- package/components/mui_extended/TabContent/slots/TabContentSlots.js +11 -0
- package/components/mui_extended/TabContent/types.d.ts +6 -2
- package/components/mui_extended/Tabs/Tabs.styles.js +5 -2
- package/index.js +73 -77
- package/package.json +1 -1
- package/storybook/components/extended/mui/TabContent/TabContent.stories.d.ts +17 -0
- package/components/DynamicFilter/helpers/getRawFiltersForNetwork.d.ts +0 -14
- package/components/DynamicFilter/helpers/getRawFiltersForNetwork.js +0 -19
- package/components/DynamicSort/helpers/getRawSortsForNetwork.d.ts +0 -12
- package/components/DynamicSort/helpers/getRawSortsForNetwork.js +0 -20
- package/components/mui_extended/TabContent/classes/constants.d.ts +0 -1
- package/components/mui_extended/TabContent/classes/constants.js +0 -4
- package/components/mui_extended/TabContent/classes/index.d.ts +0 -9
- package/components/mui_extended/TabContent/classes/index.js +0 -23
- package/components/mui_extended/TabContent/classes/types.d.ts +0 -6
- package/components/mui_extended/TabContent/styles.d.ts +0 -1
- package/components/mui_extended/TabContent/styles.js +0 -7
|
@@ -5,7 +5,6 @@ import { RHFAutocompleteAsyncSlots } from './slots';
|
|
|
5
5
|
import { Theme } from '@mui/material';
|
|
6
6
|
export interface RHFAutocompleteAsyncBaseProps<T extends any = unknown> extends Omit<RHFAutocompleteProps<T>, 'options'> {
|
|
7
7
|
endPoint: string;
|
|
8
|
-
responseToCamelCase?: boolean;
|
|
9
8
|
timeout?: number;
|
|
10
9
|
parms?: Record<string, any>;
|
|
11
10
|
isExternalUrl?: boolean;
|
|
@@ -15,7 +15,10 @@ export type IconButtonSize = 'small' | 'medium';
|
|
|
15
15
|
export interface IconButtonProps extends Omit<IconProps, 'size' | 'color' | 'src' | 'selected' | 'enabledSelected'>, Omit<MUIIconButtonProps, 'size' | 'color' | 'disabled' | 'src'>, Pick<BadgeProps, 'badgeContent'>, Pick<TooltipProps, 'placement'> {
|
|
16
16
|
/** Define el uso de tooltip en IconButton */
|
|
17
17
|
tooltip?: string;
|
|
18
|
-
/**
|
|
18
|
+
/**
|
|
19
|
+
* @deprecated
|
|
20
|
+
* Representa la identificación del tooltip en el diccionario para que designe internamente el getLabel
|
|
21
|
+
*/
|
|
19
22
|
dictionaryTooltipId?: string;
|
|
20
23
|
/** Variante del componente, modifica la apariencia gráfica */
|
|
21
24
|
variant?: IconButtonVariants;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
3
|
-
import {
|
|
4
|
-
import { T as
|
|
2
|
+
import { a as getComponentSlotRoot } from "../../../utils/getComponentSlotRoot.js";
|
|
3
|
+
import { T as TAB_CONTENT_KEY_COMPONENT } from "./constants.js";
|
|
4
|
+
import { T as TabContentRootStyled } from "./slots/TabContentSlots.js";
|
|
5
5
|
const TabContent = (props) => {
|
|
6
6
|
const { children, className, ...others } = props;
|
|
7
|
-
const
|
|
8
|
-
return /* @__PURE__ */ jsx(
|
|
7
|
+
const root = getComponentSlotRoot(TAB_CONTENT_KEY_COMPONENT);
|
|
8
|
+
return /* @__PURE__ */ jsx(TabContentRootStyled, { ownerState: {}, className: root, ...others, children });
|
|
9
9
|
};
|
|
10
10
|
export {
|
|
11
11
|
TabContent as T
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
const tabContentStyles = {
|
|
2
|
+
/**
|
|
3
|
+
* Elemento root referencia a `TabContent`
|
|
4
|
+
*/
|
|
5
|
+
root: ({ theme }) => ({
|
|
6
|
+
padding: theme.vars.size.baseSpacings.sp3,
|
|
7
|
+
display: "flex",
|
|
8
|
+
overflow: "hidden",
|
|
9
|
+
height: "100%",
|
|
10
|
+
flexDirection: "column",
|
|
11
|
+
gap: theme.vars.size.baseSpacings.sp2,
|
|
12
|
+
background: theme.vars.palette.background.default,
|
|
13
|
+
borderRadius: theme.vars.size.borderRadius.r1,
|
|
14
|
+
borderTopLeftRadius: theme.vars.size.borderRadius.r0,
|
|
15
|
+
position: "relative",
|
|
16
|
+
flex: 1,
|
|
17
|
+
border: theme.vars.size.borderStroke.container,
|
|
18
|
+
borderColor: theme.vars.palette?.border.secondary,
|
|
19
|
+
boxSizing: "border-box",
|
|
20
|
+
zIndex: "0",
|
|
21
|
+
top: "-1px",
|
|
22
|
+
"& .M4LStack-root": {
|
|
23
|
+
gap: `${theme.vars.size.baseSpacings.sp2} !important`
|
|
24
|
+
},
|
|
25
|
+
"&.M4LTabContent-root > div": {
|
|
26
|
+
gap: theme.vars.size.baseSpacings.sp2
|
|
27
|
+
}
|
|
28
|
+
})
|
|
29
|
+
};
|
|
30
|
+
export {
|
|
31
|
+
tabContentStyles as t
|
|
32
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const TAB_CONTENT_KEY_COMPONENT = "M4LTabContent";
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export declare const TabContentRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme> & Partial<import('../..').TabsProps> & Record<string, unknown> & {
|
|
2
|
+
ownerState: Partial<import('../..').TabsProps> & Record<string, unknown>;
|
|
3
|
+
}, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { styled } from "@mui/material/styles";
|
|
2
|
+
import { T as TAB_CONTENT_KEY_COMPONENT } from "../constants.js";
|
|
3
|
+
import { t as tabContentStyles } from "../TabContent.styles.js";
|
|
4
|
+
import { T as TabContentSlots } from "./TabContentEnum.js";
|
|
5
|
+
const TabContentRootStyled = styled("div", {
|
|
6
|
+
slot: TabContentSlots.root,
|
|
7
|
+
name: TAB_CONTENT_KEY_COMPONENT
|
|
8
|
+
})(tabContentStyles.root);
|
|
9
|
+
export {
|
|
10
|
+
TabContentRootStyled as T
|
|
11
|
+
};
|
|
@@ -1,7 +1,11 @@
|
|
|
1
|
+
import { Theme } from '@mui/material';
|
|
2
|
+
import { OverridesStyleRules } from '@mui/material/styles/overrides';
|
|
1
3
|
import { Key } from 'react';
|
|
2
|
-
|
|
4
|
+
import { TABS_KEY_COMPONENT } from '../Tabs/constants';
|
|
5
|
+
import { TabContentSlots } from './slots/TabContentEnum';
|
|
6
|
+
export interface TabContentProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
|
|
3
7
|
children: React.ReactNode;
|
|
4
8
|
style?: React.CSSProperties;
|
|
5
9
|
key?: Key | null | undefined;
|
|
6
|
-
className?: string | undefined;
|
|
7
10
|
}
|
|
11
|
+
export type TabContentStyles = OverridesStyleRules<keyof typeof TabContentSlots, typeof TABS_KEY_COMPONENT, Theme>;
|
|
@@ -4,19 +4,22 @@ const tabsStyles = {
|
|
|
4
4
|
*/
|
|
5
5
|
root: ({ theme }) => ({
|
|
6
6
|
position: "relative",
|
|
7
|
-
zIndex:
|
|
7
|
+
zIndex: 1,
|
|
8
8
|
display: "flex",
|
|
9
9
|
overflow: "auto",
|
|
10
10
|
width: "100%",
|
|
11
11
|
height: "fit-content",
|
|
12
12
|
maxWidth: "fit-content",
|
|
13
13
|
minHeight: "fit-content",
|
|
14
|
-
background: theme.vars.palette.default
|
|
14
|
+
background: theme.vars.palette.background.default,
|
|
15
15
|
paddingBottom: theme.vars.size.baseSpacings.sp0,
|
|
16
16
|
gap: theme.vars.size.baseSpacings.sp0,
|
|
17
17
|
borderRadius: theme.vars.size.borderRadius.r1,
|
|
18
18
|
borderBottomLeftRadius: theme.vars.size.borderRadius.r0,
|
|
19
19
|
borderBottomRightRadius: theme.vars.size.borderRadius.r0,
|
|
20
|
+
"& .MuiTabs-flexContainer": {
|
|
21
|
+
background: theme.vars.palette.default.enabledOpacity
|
|
22
|
+
},
|
|
20
23
|
"& .MuiTabs-scroller": {
|
|
21
24
|
overflow: "visible !important"
|
|
22
25
|
},
|
package/index.js
CHANGED
|
@@ -58,12 +58,10 @@ import { u as u12 } from "./components/DataGrid/formatters/ColumnChipStatusForma
|
|
|
58
58
|
import { D as D3 } from "./components/DragResizeWindowRND/DragResizeWindowRND.js";
|
|
59
59
|
import { d as d2 } from "./components/DragResizeWindowRND/classes/index.js";
|
|
60
60
|
import { a as a4 } from "./components/DynamicFilter/dictionary.js";
|
|
61
|
-
import {
|
|
62
|
-
import { g as g8 } from "./components/DynamicFilter/helpers/getRawFiltersForNetwork.js";
|
|
61
|
+
import { g as g7, a as a5 } from "./components/DynamicFilter/helpers/frontEndHelpers.js";
|
|
63
62
|
import { D as D4 } from "./components/DynamicFilter/DynamicFilter.js";
|
|
64
63
|
import { a as a6 } from "./components/DynamicSort/dictionary.js";
|
|
65
64
|
import { S as S2 } from "./components/DynamicSort/helpers/frontEndHelpers.js";
|
|
66
|
-
import { g as g9 } from "./components/DynamicSort/helpers/getRawSortsForNetwork.js";
|
|
67
65
|
import { D as D5 } from "./components/DynamicSort/DynamicSort.js";
|
|
68
66
|
import { R } from "./components/extended/React-Resizable/Resizable/Resizable.js";
|
|
69
67
|
import { R as R2 } from "./components/extended/React-Resizable/ResizableBox/ResizableBox.js";
|
|
@@ -80,7 +78,7 @@ import { L as L3 } from "./components/mui_extended/LinearProgress/index.js";
|
|
|
80
78
|
import { L as L4 } from "./components/mui_extended/LinkWithRoute/index.js";
|
|
81
79
|
import { L as L5 } from "./components/mui_extended/LoadingButton/LoadingButton.js";
|
|
82
80
|
import { P as P2 } from "./components/Pager/Pager.js";
|
|
83
|
-
import { g as
|
|
81
|
+
import { g as g8 } from "./components/Pager/dicctionary.js";
|
|
84
82
|
import { A as A15 } from "./components/mui_extended/Accordion/Accordion.js";
|
|
85
83
|
import { T as T3 } from "./components/mui_extended/Tooltip/Tooltip.js";
|
|
86
84
|
import { I as I2 } from "./components/mui_extended/IconButton/IconButton.js";
|
|
@@ -109,15 +107,15 @@ import { N as N2 } from "./components/mui_extended/NavLink/NavLink.js";
|
|
|
109
107
|
import { D as D6 } from "./components/mui_extended/Dialog/Dialog.js";
|
|
110
108
|
import { B as B6 } from "./components/formatters/BooleanFormatter/BooleanFormatter.js";
|
|
111
109
|
import { C as C15 } from "./components/formatters/ChipStatusFormatter/ChipStatusFormatter.js";
|
|
112
|
-
import { D as D7, g as
|
|
113
|
-
import { U, g as
|
|
114
|
-
import { P as P4, g as
|
|
115
|
-
import { C as C16, g as
|
|
110
|
+
import { D as D7, g as g9 } from "./components/formatters/DateFormatter/DateFormatter.js";
|
|
111
|
+
import { U, g as g10 } from "./components/formatters/UncertaintyFormatter/UncertaintyFormatter.js";
|
|
112
|
+
import { P as P4, g as g11 } from "./components/formatters/PointsFormatter/PointsFormatter.js";
|
|
113
|
+
import { C as C16, g as g12 } from "./components/formatters/ConcatenatedFormatter/ConcatenatedFormatter.js";
|
|
116
114
|
import { P as P5, u as u13 } from "./components/formatters/PeriodFormatter/PeriodFormatter.js";
|
|
117
|
-
import { P as P6, g as
|
|
118
|
-
import { g as
|
|
115
|
+
import { P as P6, g as g13 } from "./components/formatters/PriceFormatter/PriceFormatter.js";
|
|
116
|
+
import { g as g14 } from "./components/formatters/DistanceToNowFormatter/dictionary.js";
|
|
119
117
|
import { D as D8 } from "./components/formatters/DistanceToNowFormatter/DistanceToNowFormatter.js";
|
|
120
|
-
import { g as
|
|
118
|
+
import { g as g15 } from "./components/formatters/dictionary.js";
|
|
121
119
|
import { G } from "./components/GridLayout/GridLayout.js";
|
|
122
120
|
import { R as R3 } from "./components/GridLayout/subcomponents/Responsive/index.js";
|
|
123
121
|
import { c as c2, d as d3, e } from "./components/GridLayout/subcomponents/Responsive/responsiveUtils.js";
|
|
@@ -126,9 +124,9 @@ import { w } from "./components/GridLayout/subcomponents/withSizeProvider/index.
|
|
|
126
124
|
import { H as H2 } from "./components/HelmetPage/index.js";
|
|
127
125
|
import { H as H3 } from "./components/HelperError/HelperError.js";
|
|
128
126
|
import { R as R4 } from "./components/hook-form/RHFAutocomplete/RHFAutocomplete.js";
|
|
129
|
-
import { g as
|
|
127
|
+
import { g as g16 } from "./components/hook-form/RHFAutocomplete/dictionary.js";
|
|
130
128
|
import { R as R5 } from "./components/hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.js";
|
|
131
|
-
import { g as
|
|
129
|
+
import { g as g17 } from "./components/hook-form/RHFAutocompleteAsync/dictionary.js";
|
|
132
130
|
import { R as R6 } from "./components/hook-form/RHFDateTime/RHFDateTime.js";
|
|
133
131
|
import { R as R7 } from "./components/hook-form/RHFMultiCheckbox/index.js";
|
|
134
132
|
import { R as R8 } from "./components/hook-form/RHFSelect/RHFSelect.js";
|
|
@@ -140,7 +138,7 @@ import { R as R13 } from "./components/hook-form/RHFColorPicker/RFHColorPicker.j
|
|
|
140
138
|
import { R as R14 } from "./components/hook-form/RHFCheckbox/RHFCheckbox.js";
|
|
141
139
|
import { R as R15 } from "./components/hook-form/RHFTextField/RHFTextField.js";
|
|
142
140
|
import { R as R16 } from "./components/hook-form/RHFTextFieldPassword/RHFTextFieldPassword.js";
|
|
143
|
-
import { g as
|
|
141
|
+
import { g as g18 } from "./components/hook-form/RHFPeriod/subcomponents/Period/dictionary.js";
|
|
144
142
|
import { r } from "./components/hook-form/RHFPeriod/RHFPeriod.styles.js";
|
|
145
143
|
import { R as R17 } from "./components/hook-form/RHFPeriod/RHFPeriod.js";
|
|
146
144
|
import { R as R18 } from "./components/hook-form/RHFPeriod/constants.js";
|
|
@@ -154,20 +152,20 @@ import { L as L7 } from "./components/LanguagePopover/LanguagePopover.js";
|
|
|
154
152
|
import { L as L8 } from "./components/LinearProgressIndeterminate/LinearProgressIndeterminate.js";
|
|
155
153
|
import { L as L9 } from "./components/Loadable/index.js";
|
|
156
154
|
import { L as L10 } from "./components/LoadingError/LoadingError.js";
|
|
157
|
-
import { g as
|
|
158
|
-
import {
|
|
159
|
-
import { a as
|
|
155
|
+
import { g as g19 } from "./components/LoadingError/dictionary.js";
|
|
156
|
+
import { a as a8 } from "./components/MenuActions/dictionary.js";
|
|
157
|
+
import { a as a9, M as M3 } from "./components/MenuActions/MenuActions.js";
|
|
160
158
|
import { M as M4 } from "./components/MFIsolationApp/MFIsolationApp.js";
|
|
161
159
|
import { M as M5 } from "./components/MFLoader/MFLoader.js";
|
|
162
|
-
import { g as
|
|
160
|
+
import { g as g20 } from "./components/MFLoader/dictionary.js";
|
|
163
161
|
import { N as N3 } from "./components/NoItemSelected/NoItemSelected.js";
|
|
164
|
-
import { g as
|
|
162
|
+
import { g as g21 } from "./components/NoItemSelected/dictionary.js";
|
|
165
163
|
import { O } from "./components/ObjectLogs/ObjectLogs.js";
|
|
166
|
-
import { d as d4, g as
|
|
164
|
+
import { d as d4, g as g22 } from "./components/ObjectLogs/dictionary.js";
|
|
167
165
|
import { P as P8 } from "./components/PaperForm/PaperForm.js";
|
|
168
166
|
import { P as P9 } from "./components/PDFViewer/PDFViewer.js";
|
|
169
167
|
import { u as u14 } from "./components/popups/components/PopupsProvider/hooks/usePopupsStore.js";
|
|
170
|
-
import { a as
|
|
168
|
+
import { a as a10, P as P10 } from "./components/popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
|
|
171
169
|
import { P as P11 } from "./components/popups/components/PopupsViewer/PopupsViewer.js";
|
|
172
170
|
import { P as P12 } from "./components/PrintingSystem/PrintingSystem.js";
|
|
173
171
|
import { P as P13 } from "./components/PropertyValue/PropertyValue.js";
|
|
@@ -177,43 +175,43 @@ import { T as T18 } from "./components/ToastContainer/ToastContainer.js";
|
|
|
177
175
|
import { T as T19 } from "./components/ToastContainer/subcomponents/ToastMessage/ToastMessage.js";
|
|
178
176
|
import { W } from "./components/WindowBase/WindowBase.js";
|
|
179
177
|
import { u as u15 } from "./components/WindowBase/hooks/useWindowToolsMF/index.js";
|
|
180
|
-
import { a as
|
|
181
|
-
import { M as M6, W as W2, a as
|
|
178
|
+
import { a as a11, u as u16 } from "./components/WindowBase/hooks/useDynamicMFParameters/index.js";
|
|
179
|
+
import { M as M6, W as W2, a as a12 } from "./components/WindowBase/contexts/WindowToolsMFContext/WindowToolsMFContext.js";
|
|
182
180
|
import { c as c3 } from "./components/WindowBase/contexts/DynamicMFParmsContext/store.js";
|
|
183
|
-
import { D as D9, a as
|
|
181
|
+
import { D as D9, a as a13, M as M7 } from "./components/WindowBase/contexts/DynamicMFParmsContext/DynamicMFParmsContext.js";
|
|
184
182
|
import { W as W3 } from "./components/WindowConfirm/WindowConfirm.js";
|
|
185
|
-
import { a as
|
|
183
|
+
import { a as a14, g as g23 } from "./components/ModalDialog/dictionary.js";
|
|
186
184
|
import { M as M8 } from "./components/ModalDialog/ModalDialog.js";
|
|
187
185
|
import { F as F2, R as R22, u as u17 } from "./components/hook-form/RHFormContext/index.js";
|
|
188
|
-
import { g as
|
|
186
|
+
import { g as g24 } from "./components/hook-form/RHFormContext/dictionary.js";
|
|
189
187
|
import { u as u18 } from "./contexts/AppearanceComponentContext/useAppearanceComponentStore.js";
|
|
190
188
|
import { A as A16 } from "./contexts/AppearanceComponentContext/AppearanceComponentContext.js";
|
|
191
|
-
import { a as
|
|
189
|
+
import { a as a15, M as M9 } from "./contexts/ModalContext/index.js";
|
|
192
190
|
import { u as u19 } from "./hooks/useFormAddEdit/index.js";
|
|
193
191
|
import { u as u20 } from "./hooks/useModal/index.js";
|
|
194
192
|
import { u as u21 } from "./hooks/useTab/index.js";
|
|
195
|
-
import { g as
|
|
193
|
+
import { g as g25 } from "./hooks/useFormAddEdit/dictionary.js";
|
|
196
194
|
import { u as u22 } from "./hooks/useFormFocus/index.js";
|
|
197
195
|
import { u as u23 } from "./hooks/useInterval/index.js";
|
|
198
196
|
import { u as u24 } from "./hooks/useComponentSize/useComponentSize.js";
|
|
199
197
|
import { u as u25 } from "./hooks/useFormReadyForUpdate/index.js";
|
|
200
198
|
import { u as u26 } from "./hooks/useStateRef/index.js";
|
|
201
|
-
import { a as
|
|
199
|
+
import { a as a16 } from "./hooks/useSvgColor/constants.js";
|
|
202
200
|
import { u as u27 } from "./hooks/useSvgColor/useSvgColor.js";
|
|
203
201
|
import { u as u28 } from "./hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js";
|
|
204
202
|
import { u as u29 } from "./hooks/useDataGridPersistence/useDataGridPersistence.js";
|
|
205
203
|
import { c as c4 } from "./utils/capitalizeFirstLetter.js";
|
|
206
204
|
import { i as i2 } from "./utils/isValidDate.js";
|
|
207
|
-
import { g as
|
|
208
|
-
import { g as
|
|
209
|
-
import { g as
|
|
210
|
-
import { g as
|
|
211
|
-
import { a as
|
|
205
|
+
import { g as g26 } from "./utils/getComponentUtilityClass.js";
|
|
206
|
+
import { g as g27 } from "./utils/getPaletteColor.js";
|
|
207
|
+
import { g as g28 } from "./utils/getTypographyStyles.js";
|
|
208
|
+
import { g as g29 } from "./utils/getIconColor.js";
|
|
209
|
+
import { a as a17 } from "./utils/getSizeStyles/getSizeStyles.js";
|
|
212
210
|
import { O as O2 } from "./utils/ObjectQueue.js";
|
|
213
|
-
import { g as
|
|
211
|
+
import { g as g30, a as a18 } from "./utils/getComponentSlotRoot.js";
|
|
214
212
|
import { f } from "./utils/formatDistanceToNow/formatDistanteToNow.js";
|
|
215
|
-
import { g as
|
|
216
|
-
import { g as
|
|
213
|
+
import { g as g31 } from "./utils/getValidDate.js";
|
|
214
|
+
import { g as g32 } from "./utils/getNullGuard.js";
|
|
217
215
|
export {
|
|
218
216
|
A7 as AREAS_DICCTIONARY,
|
|
219
217
|
a3 as AREAS_DICTIONARY_ID,
|
|
@@ -263,7 +261,7 @@ export {
|
|
|
263
261
|
D3 as DragResizeWindowRND,
|
|
264
262
|
D4 as DynamicFilter,
|
|
265
263
|
D9 as DynamicMFParmsContext,
|
|
266
|
-
|
|
264
|
+
a13 as DynamicMFParmsProvider,
|
|
267
265
|
D5 as DynamicSort,
|
|
268
266
|
F as FixedSizeList,
|
|
269
267
|
F2 as FormProviderCustom,
|
|
@@ -289,10 +287,10 @@ export {
|
|
|
289
287
|
M4 as MFIsolationApp,
|
|
290
288
|
M5 as MFLoader,
|
|
291
289
|
M7 as MemonizedDynamicMFParmsProvider,
|
|
292
|
-
|
|
290
|
+
a9 as MemonizedMenuActions,
|
|
293
291
|
M6 as MemonizedWindowToolsMFContext,
|
|
294
292
|
M3 as MenuActions,
|
|
295
|
-
|
|
293
|
+
a15 as ModalContext,
|
|
296
294
|
M8 as ModalDialog,
|
|
297
295
|
M9 as ModalProvider,
|
|
298
296
|
M as MotionContainer,
|
|
@@ -309,7 +307,7 @@ export {
|
|
|
309
307
|
P7 as PeriodRootStyled,
|
|
310
308
|
P4 as PointsFormatter,
|
|
311
309
|
P3 as Popover,
|
|
312
|
-
|
|
310
|
+
a10 as PopupsContext,
|
|
313
311
|
P10 as PopupsProvider,
|
|
314
312
|
P11 as PopupsViewer,
|
|
315
313
|
P6 as PriceFormatter,
|
|
@@ -338,7 +336,7 @@ export {
|
|
|
338
336
|
R as Resizable,
|
|
339
337
|
R2 as ResizableBox,
|
|
340
338
|
R3 as Responsive,
|
|
341
|
-
|
|
339
|
+
a16 as SKELETON_SVG_ICON,
|
|
342
340
|
S7 as ScrollBar,
|
|
343
341
|
S as SectionCommercial,
|
|
344
342
|
S6 as SelectStyled,
|
|
@@ -372,7 +370,7 @@ export {
|
|
|
372
370
|
W as WindowBase,
|
|
373
371
|
W3 as WindowConfirm,
|
|
374
372
|
W2 as WindowToolsMFContext,
|
|
375
|
-
|
|
373
|
+
a12 as WindowToolsMFProvider,
|
|
376
374
|
c2 as addLayoutItemToBreakPointIfNoExists,
|
|
377
375
|
d3 as addLayoutItemToBreakPoints,
|
|
378
376
|
c4 as capitalizeFirstLetter,
|
|
@@ -388,43 +386,41 @@ export {
|
|
|
388
386
|
b2 as getAreasComponentsDictionary,
|
|
389
387
|
g3 as getAreasDictionary,
|
|
390
388
|
g4 as getCommonActionsDictionary,
|
|
391
|
-
|
|
392
|
-
|
|
393
|
-
|
|
389
|
+
g30 as getComponentClasses,
|
|
390
|
+
a18 as getComponentSlotRoot,
|
|
391
|
+
g26 as getComponentUtilityClass,
|
|
394
392
|
g5 as getDataGridComponentsDictionary,
|
|
395
393
|
g6 as getDataGridRowsFromSet,
|
|
396
|
-
|
|
394
|
+
g14 as getDistanceToNowFormatterComponentsDictionary,
|
|
397
395
|
a4 as getDynamicFilterComponentsDictionary,
|
|
398
396
|
a6 as getDynamicSortComponentsDictionary,
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
402
|
-
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
|
|
408
|
-
|
|
409
|
-
|
|
410
|
-
|
|
411
|
-
|
|
412
|
-
|
|
413
|
-
|
|
414
|
-
|
|
415
|
-
|
|
416
|
-
|
|
417
|
-
|
|
418
|
-
|
|
419
|
-
|
|
420
|
-
|
|
421
|
-
|
|
422
|
-
|
|
423
|
-
|
|
424
|
-
g31 as
|
|
425
|
-
|
|
426
|
-
g34 as getValidDate,
|
|
427
|
-
g28 as getformAddEditDictionary,
|
|
397
|
+
g7 as getFilterGroupFieldsByName,
|
|
398
|
+
g24 as getFormComponentsDictionary,
|
|
399
|
+
g12 as getFormatConcatenated,
|
|
400
|
+
g9 as getFormatDate,
|
|
401
|
+
g11 as getFormatPoints,
|
|
402
|
+
g13 as getFormatPrice,
|
|
403
|
+
g15 as getFormattersComponentsDictionary,
|
|
404
|
+
a17 as getHeightSizeStyles,
|
|
405
|
+
g29 as getIconColor,
|
|
406
|
+
a5 as getIsIfInDynamicFilter,
|
|
407
|
+
g19 as getLoadingErrorComponentsDictionary,
|
|
408
|
+
g20 as getMFLoaderComponentsDictionary,
|
|
409
|
+
a8 as getMenuActionsComponentsDictionary,
|
|
410
|
+
a14 as getModalDialogComponentsDictionary,
|
|
411
|
+
g23 as getModalDictionary,
|
|
412
|
+
g21 as getNoItemSelectedComponentsDictionary,
|
|
413
|
+
g32 as getNullGuard,
|
|
414
|
+
g22 as getObjectLogsComponentsDictionary,
|
|
415
|
+
g8 as getPagerComponentsDictionary,
|
|
416
|
+
g27 as getPaletteColor,
|
|
417
|
+
g18 as getPeriodComponetsDictionary,
|
|
418
|
+
g17 as getRHFAutocompleteAsyncComponentsDictionary,
|
|
419
|
+
g16 as getRHFAutocompleteComponentsDictionary,
|
|
420
|
+
g28 as getTypographyStyles,
|
|
421
|
+
g10 as getUncertaintyFormat,
|
|
422
|
+
g31 as getValidDate,
|
|
423
|
+
g25 as getformAddEditDictionary,
|
|
428
424
|
i as isEqualLayout,
|
|
429
425
|
k as isEqualLayouts,
|
|
430
426
|
i2 as isValidDate,
|
|
@@ -447,7 +443,7 @@ export {
|
|
|
447
443
|
u17 as useCustomForm,
|
|
448
444
|
u29 as useDataGridPersistence,
|
|
449
445
|
u28 as useDynamicFilterAndSort,
|
|
450
|
-
|
|
446
|
+
a11 as useDynamicMFParameters,
|
|
451
447
|
u16 as useDynamicMFParametersStore,
|
|
452
448
|
u19 as useFormAddEdit,
|
|
453
449
|
u22 as useFormFocus,
|
package/package.json
CHANGED
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { TabContent } from '../../../../../src';
|
|
3
|
+
import { Tab } from '../../../../../src/components/mui_extended/Tab';
|
|
4
|
+
/**
|
|
5
|
+
* El componente TabContent agrupa contenido de el tab seleccionado.
|
|
6
|
+
*/
|
|
7
|
+
declare const meta: Meta<typeof TabContent>;
|
|
8
|
+
export default meta;
|
|
9
|
+
type Story = StoryObj<typeof Tab>;
|
|
10
|
+
/**
|
|
11
|
+
* TabContent en estado Base
|
|
12
|
+
*/
|
|
13
|
+
export declare const Base: Story;
|
|
14
|
+
/**
|
|
15
|
+
* TabContent en estado Skeleton
|
|
16
|
+
*/
|
|
17
|
+
export declare const Skeleton: Story;
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { RawFilterFieldApply } from '../types';
|
|
2
|
-
type FieldNameTransform = 'none' | 'snakeCase' | 'camelCase';
|
|
3
|
-
/**
|
|
4
|
-
* Transforma los filtros de rawFilter para ser enviados a la red,
|
|
5
|
-
* depurando los campos que no son necesarios y convirtiendo los nombres de los campos a snake_case, camelCase si es necesario
|
|
6
|
-
*/
|
|
7
|
-
export declare const getRawFiltersForNetwork: (rawFilters: RawFilterFieldApply[] | undefined, fieldNameTransform?: FieldNameTransform) => {
|
|
8
|
-
n: string;
|
|
9
|
-
o: import('../types').Operator;
|
|
10
|
-
o1: import('@m4l/core').Maybe<import('../types').OperandType>;
|
|
11
|
-
o2?: import('@m4l/core').Maybe<import('../types').OperandType>;
|
|
12
|
-
oa?: import('@m4l/core').Maybe<import('../types').OperandType[]>;
|
|
13
|
-
}[];
|
|
14
|
-
export {};
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import snakeCase from "lodash-es/snakeCase";
|
|
2
|
-
import camelCase from "lodash-es/camelCase";
|
|
3
|
-
const getRawFiltersForNetwork = (rawFilters, fieldNameTransform = "none") => {
|
|
4
|
-
if (!rawFilters) {
|
|
5
|
-
return [];
|
|
6
|
-
}
|
|
7
|
-
return rawFilters.map((rawFilter) => {
|
|
8
|
-
const { ft, ...fieldObject } = rawFilter;
|
|
9
|
-
if (fieldNameTransform === "snakeCase") {
|
|
10
|
-
fieldObject.n = snakeCase(fieldObject.n);
|
|
11
|
-
} else if (fieldNameTransform === "camelCase") {
|
|
12
|
-
fieldObject.n = camelCase(fieldObject.n);
|
|
13
|
-
}
|
|
14
|
-
return fieldObject;
|
|
15
|
-
});
|
|
16
|
-
};
|
|
17
|
-
export {
|
|
18
|
-
getRawFiltersForNetwork as g
|
|
19
|
-
};
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import { RawSortFieldApply } from '../types';
|
|
2
|
-
type FieldNameTransform = 'none' | 'snakeCase' | 'camelCase';
|
|
3
|
-
/**
|
|
4
|
-
* Transforma los filtros de rawFilter para ser enviados a la red,
|
|
5
|
-
* depurando los campos que no son necesarios y convirtiendo los nombres de los campos a snake_case, camelCase si es necesario
|
|
6
|
-
*/
|
|
7
|
-
export declare const getRawSortsForNetwork: (rawSorts: RawSortFieldApply[] | undefined, fieldNameTransform?: FieldNameTransform) => {
|
|
8
|
-
n: string;
|
|
9
|
-
o: import('../types').SortOperator;
|
|
10
|
-
ft: import('../types').SortFieldType;
|
|
11
|
-
}[];
|
|
12
|
-
export {};
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import snakeCase from "lodash-es/snakeCase";
|
|
2
|
-
import camelCase from "lodash-es/camelCase";
|
|
3
|
-
const getRawSortsForNetwork = (rawSorts, fieldNameTransform = "none") => {
|
|
4
|
-
if (!rawSorts) {
|
|
5
|
-
return [];
|
|
6
|
-
}
|
|
7
|
-
const ret = rawSorts.map((rawSort) => {
|
|
8
|
-
const { ...fieldObject } = rawSort;
|
|
9
|
-
if (fieldNameTransform === "snakeCase") {
|
|
10
|
-
fieldObject.n = snakeCase(fieldObject.n);
|
|
11
|
-
} else if (fieldNameTransform === "camelCase") {
|
|
12
|
-
fieldObject.n = camelCase(fieldObject.n);
|
|
13
|
-
}
|
|
14
|
-
return fieldObject;
|
|
15
|
-
});
|
|
16
|
-
return ret;
|
|
17
|
-
};
|
|
18
|
-
export {
|
|
19
|
-
getRawSortsForNetwork as g
|
|
20
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const componentName = "M4LTabContent";
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import { TabContentClassesType } from './types';
|
|
2
|
-
export declare const tabContentClasses: TabContentClassesType;
|
|
3
|
-
export declare function getTabContentUtilityClass(slot: string): string;
|
|
4
|
-
/**
|
|
5
|
-
* TODO: Documentar
|
|
6
|
-
*/
|
|
7
|
-
export declare const useTabContentUtilityClasses: () => {
|
|
8
|
-
root: string;
|
|
9
|
-
};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
|
|
2
|
-
import { unstable_composeClasses } from "@mui/base";
|
|
3
|
-
import { c as componentName } from "./constants.js";
|
|
4
|
-
generateUtilityClasses(componentName, [
|
|
5
|
-
/* elements */
|
|
6
|
-
"root"
|
|
7
|
-
/* states or variants of elements */
|
|
8
|
-
]);
|
|
9
|
-
function getTabContentUtilityClass(slot) {
|
|
10
|
-
return generateUtilityClass(componentName, slot);
|
|
11
|
-
}
|
|
12
|
-
const useTabContentUtilityClasses = () => {
|
|
13
|
-
const slots = {
|
|
14
|
-
root: ["root"]
|
|
15
|
-
};
|
|
16
|
-
const composedClasses = unstable_composeClasses(slots, getTabContentUtilityClass, {});
|
|
17
|
-
return {
|
|
18
|
-
...composedClasses
|
|
19
|
-
};
|
|
20
|
-
};
|
|
21
|
-
export {
|
|
22
|
-
useTabContentUtilityClasses as u
|
|
23
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const TabContentRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|