@m4l/components 9.3.34-JT25112025.beta.3 → 9.3.34-JT26112025.beta.1

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.
Files changed (67) hide show
  1. package/@types/export.d.ts +3 -3
  2. package/@types/types.d.ts +16 -26
  3. package/components/DataGrid/DataGrid.js +0 -2
  4. package/components/DataGrid/Datagrid.styles.js +2 -6
  5. package/components/DataGrid/contexts/DataGridContext/index.js +0 -2
  6. package/components/DataGrid/contexts/DataGridContext/types.d.ts +2 -2
  7. package/components/DataGrid/formatters/ColumnImageFormatter/ImageFormatterCell.d.ts +13 -0
  8. package/components/DataGrid/formatters/ColumnImageFormatter/ImageFormatterCell.js +33 -0
  9. package/components/DataGrid/formatters/ColumnImageFormatter/constants.d.ts +6 -0
  10. package/components/DataGrid/formatters/ColumnImageFormatter/constants.js +6 -0
  11. package/components/DataGrid/formatters/ColumnImageFormatter/formatter.d.ts +8 -0
  12. package/components/DataGrid/formatters/ColumnImageFormatter/formatter.js +25 -0
  13. package/components/DataGrid/formatters/ColumnImageFormatter/index.d.ts +3 -0
  14. package/components/DataGrid/formatters/ColumnImageFormatter/types.d.ts +44 -0
  15. package/components/DataGrid/formatters/ColumnImageFormatter/types.js +1 -0
  16. package/components/DataGrid/formatters/ColumnImageFormatter/useColumnImage.d.ts +9 -0
  17. package/components/DataGrid/formatters/ColumnImageFormatter/useColumnImage.js +22 -0
  18. package/components/DataGrid/formatters/index.d.ts +1 -0
  19. package/components/DataGrid/subcomponents/Cards/helpers/scrollToCardElement.js +2 -2
  20. package/components/DataGrid/subcomponents/Cards/index.js +16 -3
  21. package/components/DataGrid/subcomponents/Cards/subcomponents/CardHeader/index.js +7 -15
  22. package/components/DataGrid/subcomponents/Cards/subcomponents/CardRow/index.js +1 -0
  23. package/components/DataGrid/subcomponents/CheckboxCellAdapter/index.js +1 -4
  24. package/components/DataGrid/subcomponents/Table/hooks/useSortColumnsRows.js +2 -6
  25. package/components/DataGrid/subcomponents/Table/index.js +10 -1
  26. package/components/DataGrid/tests/helpers/types.d.ts +10 -0
  27. package/components/DataGrid/types.d.ts +0 -7
  28. package/components/formatters/ImageFormatter/ImageFormatter.d.ts +10 -0
  29. package/components/formatters/ImageFormatter/ImageFormatter.js +72 -0
  30. package/components/formatters/ImageFormatter/ImageFormatter.styles.d.ts +2 -0
  31. package/components/formatters/ImageFormatter/ImageFormatter.styles.js +42 -0
  32. package/components/formatters/ImageFormatter/constants.d.ts +5 -0
  33. package/components/formatters/ImageFormatter/constants.js +10 -0
  34. package/components/formatters/ImageFormatter/index.d.ts +2 -0
  35. package/components/formatters/ImageFormatter/index.js +1 -0
  36. package/components/formatters/ImageFormatter/slots/ImageFormatterEnum.d.ts +5 -0
  37. package/components/formatters/ImageFormatter/slots/ImageFormatterEnum.js +9 -0
  38. package/components/formatters/ImageFormatter/slots/ImageFormatterSlots.d.ts +9 -0
  39. package/components/formatters/ImageFormatter/slots/ImageFormatterSlots.js +23 -0
  40. package/components/formatters/ImageFormatter/types.d.ts +51 -0
  41. package/components/formatters/ImageFormatter/types.js +1 -0
  42. package/components/formatters/index.d.ts +1 -0
  43. package/components/mui_extended/index.d.ts +0 -1
  44. package/index.js +107 -103
  45. package/package.json +1 -1
  46. package/components/DataGrid/subcomponents/Table/subcomponents/RadioButtonFormatter.d.ts +0 -6
  47. package/components/DataGrid/subcomponents/Table/subcomponents/RadioButtonFormatter.js +0 -12
  48. package/components/DataGrid/subcomponents/Table/subcomponents/RadioSelectColumn.d.ts +0 -64
  49. package/components/DataGrid/subcomponents/Table/subcomponents/RadioSelectColumn.js +0 -46
  50. package/components/mui_extended/RadioButton/RadioButton.d.ts +0 -24
  51. package/components/mui_extended/RadioButton/RadioButton.js +0 -110
  52. package/components/mui_extended/RadioButton/RadioButton.styles.d.ts +0 -2
  53. package/components/mui_extended/RadioButton/RadioButton.styles.js +0 -126
  54. package/components/mui_extended/RadioButton/constants.d.ts +0 -1
  55. package/components/mui_extended/RadioButton/constants.js +0 -4
  56. package/components/mui_extended/RadioButton/icons.d.ts +0 -4
  57. package/components/mui_extended/RadioButton/icons.js +0 -7
  58. package/components/mui_extended/RadioButton/index.d.ts +0 -1
  59. package/components/mui_extended/RadioButton/slots/RadioButtonEnum.d.ts +0 -8
  60. package/components/mui_extended/RadioButton/slots/RadioButtonEnum.js +0 -12
  61. package/components/mui_extended/RadioButton/slots/RadioButtonSlots.d.ts +0 -20
  62. package/components/mui_extended/RadioButton/slots/RadioButtonSlots.js +0 -39
  63. package/components/mui_extended/RadioButton/tests/RadioButton.test.d.ts +0 -1
  64. package/components/mui_extended/RadioButton/types.d.ts +0 -50
  65. /package/components/{mui_extended/RadioButton → DataGrid/formatters/ColumnImageFormatter}/index.js +0 -0
  66. /package/components/DataGrid/{tests/table/subcomponents/RadioButtonFormatter.test.d.ts → formatters/ColumnImageFormatter/tests/ColumnImageFormatter.test.d.ts} +0 -0
  67. /package/components/{DataGrid/tests/table/subcomponents/RadioSelectColumn.test.d.ts → formatters/ImageFormatter/tests/ImageFormatter.test.d.ts} +0 -0
@@ -1,126 +0,0 @@
1
- import { g as getSizeStyles } from "../../../utils/getSizeStyles/getSizeStyles.js";
2
- const radioButtonStyles = {
3
- /**
4
- * Estilos generales para el radio button 🟦
5
- * @param {object} theme - El tema de MUI.
6
- * @returns {object} - Los estilos aplicados al root del radio button.
7
- */
8
- root: ({ theme }) => ({
9
- display: "flex",
10
- alignItems: "center",
11
- outline: "none",
12
- overflow: "visible",
13
- boxSizing: "border-box",
14
- gap: theme.vars.size.baseSpacings.sp1,
15
- width: "fit-content"
16
- }),
17
- /**
18
- * Componente MuiRadio, FocusVisible para cuando está seleccionado el RadioButton 🟩
19
- * @param {object} theme - El tema de MUI.
20
- * @param {object} ownerState - El estado del componente.
21
- * @returns {object} - Los estilos aplicados al MuiRadio.
22
- */
23
- muiRadio: ({ theme, ownerState }) => {
24
- const color = ownerState?.error ? "error" : "primary";
25
- const opacityColor = ownerState?.error ? "error" : "default";
26
- return {
27
- overflow: "visible",
28
- ...getSizeStyles(
29
- theme,
30
- ownerState?.size || "medium",
31
- "action",
32
- (size) => {
33
- return {
34
- width: size,
35
- height: size
36
- };
37
- }
38
- ),
39
- borderRadius: theme.size.borderRadius.r4,
40
- "&:hover": {
41
- backgroundColor: theme.vars.palette[opacityColor].hoverOpacity
42
- },
43
- "&:active": {
44
- backgroundColor: theme.vars.palette[opacityColor].activeOpacity
45
- },
46
- "&.Mui-checked": {
47
- "&:hover": {
48
- backgroundColor: theme.vars.palette[color].hoverOpacity,
49
- "& .M4LIcon-icon": {
50
- backgroundColor: theme.vars.palette[color].hover
51
- }
52
- },
53
- "&:active": {
54
- backgroundColor: theme.vars.palette[color].activeOpacity,
55
- "& .M4LIcon-icon": {
56
- backgroundColor: theme.vars.palette[color].active
57
- }
58
- }
59
- },
60
- "&.Mui-focusVisible, &:focus-visible": {
61
- outline: `1px solid ${theme.vars.palette.primary.focusVisible}`
62
- },
63
- ...ownerState?.disabled && {
64
- pointerEvents: ownerState?.disabled ? "none" : "auto",
65
- "&:hover": {
66
- pointerEvents: ownerState?.disabled ? "none" : "auto"
67
- }
68
- }
69
- };
70
- },
71
- /**
72
- * Estilos para el skeleton del RadioButton 📝
73
- * @param {object} theme - El tema de MUI.
74
- * @param {object} ownerState - El estado del componente.
75
- * @returns {object} - Los estilos aplicados al skeletonStyled.
76
- */
77
- skeletonStyled: ({ theme, ownerState }) => {
78
- return {
79
- borderRadius: theme.vars.size.borderRadius.r1,
80
- backgroundColor: theme.vars.palette?.skeleton.default,
81
- "&.radioSkeleton": {
82
- ...getSizeStyles(
83
- theme,
84
- ownerState?.size || "medium",
85
- "action",
86
- (size) => {
87
- return {
88
- width: size
89
- };
90
- }
91
- ),
92
- ...getSizeStyles(
93
- theme,
94
- ownerState?.size || "small",
95
- "action",
96
- (size) => {
97
- return {
98
- width: size
99
- };
100
- }
101
- )
102
- },
103
- "&.radioSkeletonInlineText": {
104
- width: theme.vars.size.baseSpacings.sp12,
105
- borderRadius: theme.vars.size.borderRadius.r1,
106
- ...getSizeStyles(theme, ownerState?.size || "medium", "base"),
107
- ...getSizeStyles(theme, ownerState?.size || "small", "base")
108
- }
109
- };
110
- },
111
- /**
112
- * Estilos para el inline-text del RadioButton 📝
113
- */
114
- typographyStyled: {},
115
- /**
116
- * El estilado de este slot, se hace en muiRadio, debido a que el input absorbe los pseudo selectores, entonces hay que hacerlos desde el nodo padre. 🟨
117
- */
118
- icon: {},
119
- /**
120
- * El estilado de este slot, se hace en muiRadio, debido a que el input absorbe los pseudo selectores, entonces hay que hacerlos desde el nodo padre. 🟨
121
- */
122
- iconChecked: {}
123
- };
124
- export {
125
- radioButtonStyles as r
126
- };
@@ -1 +0,0 @@
1
- export declare const RADIO_BUTTON_KEY_COMPONENT = "M4LRadioButton";
@@ -1,4 +0,0 @@
1
- const RADIO_BUTTON_KEY_COMPONENT = "M4LRadioButton";
2
- export {
3
- RADIO_BUTTON_KEY_COMPONENT as R
4
- };
@@ -1,4 +0,0 @@
1
- export declare const pathIcons: {
2
- checked: string;
3
- unchecked: string;
4
- };
@@ -1,7 +0,0 @@
1
- const pathIcons = {
2
- checked: "frontend/components/radio_button/assets/icons/checked.svg",
3
- unchecked: "frontend/components/radio_button/assets/icons/noCheked.svg"
4
- };
5
- export {
6
- pathIcons as p
7
- };
@@ -1 +0,0 @@
1
- export { RadioButton } from './RadioButton';
@@ -1,8 +0,0 @@
1
- export declare enum RadioButtonSlots {
2
- root = "root",
3
- muiRadio = "muiRadio",
4
- typographyStyled = "typographyStyled",
5
- skeletonStyled = "skeletonStyled",
6
- iconChecked = "iconChecked",
7
- icon = "icon"
8
- }
@@ -1,12 +0,0 @@
1
- var RadioButtonSlots = /* @__PURE__ */ ((RadioButtonSlots2) => {
2
- RadioButtonSlots2["root"] = "root";
3
- RadioButtonSlots2["muiRadio"] = "muiRadio";
4
- RadioButtonSlots2["typographyStyled"] = "typographyStyled";
5
- RadioButtonSlots2["skeletonStyled"] = "skeletonStyled";
6
- RadioButtonSlots2["iconChecked"] = "iconChecked";
7
- RadioButtonSlots2["icon"] = "icon";
8
- return RadioButtonSlots2;
9
- })(RadioButtonSlots || {});
10
- export {
11
- RadioButtonSlots as R
12
- };
@@ -1,20 +0,0 @@
1
- export declare const RadioButtonRootStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
2
- ownerState?: (Partial<import('../types').RadioButtonOwnerState> & Record<string, unknown>) | undefined;
3
- }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('react').ClassAttributes<HTMLDivElement> | keyof import('react').HTMLAttributes<HTMLDivElement>>, {}>;
4
- export declare const MUIRadioStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').RadioProps, keyof import('@mui/material').RadioProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
5
- ownerState?: (Partial<import('../types').RadioButtonOwnerState> & Record<string, unknown>) | undefined;
6
- }, {}, {}>;
7
- export declare const TypographyStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../Typography/types').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "size" | "children" | "title" | "component" | "zIndex" | "id" | "disabled" | "paragraph" | "border" | "fontWeight" | "lineHeight" | "letterSpacing" | "fontSize" | "textTransform" | "fontFamily" | "typography" | "flex" | "hidden" | "color" | "left" | "right" | "bottom" | "top" | "ellipsis" | "content" | "style" | "position" | "padding" | "variant" | "borderRadius" | "width" | "display" | "borderColor" | "height" | "gap" | "minHeight" | "margin" | "overflow" | "boxShadow" | "minWidth" | "justifyContent" | "alignItems" | "paddingLeft" | "borderLeft" | "borderTop" | "maxWidth" | "flexDirection" | "paddingRight" | "borderRight" | "flexGrow" | "marginLeft" | "textOverflow" | "borderBottom" | "gridTemplateColumns" | "marginBottom" | "dataTestid" | "alignContent" | "alignSelf" | "boxSizing" | "columnGap" | "flexBasis" | "flexShrink" | "flexWrap" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateRows" | "justifyItems" | "justifySelf" | "marginBlockEnd" | "marginBlockStart" | "marginInlineEnd" | "marginInlineStart" | "marginRight" | "marginTop" | "maxHeight" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingTop" | "rowGap" | "textAlign" | "translate" | "visibility" | "whiteSpace" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "paddingBlock" | "paddingInline" | "className" | "classes" | "sx" | "p" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "displayPrint" | "align" | "htmlFor" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonWidth" | "skeletonRows" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
8
- ownerState?: (Partial<import('../types').RadioButtonOwnerState> & Record<string, unknown>) | undefined;
9
- }, {}, {}>;
10
- export declare const SkeletonStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/material').SkeletonOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
11
- ref?: ((instance: HTMLSpanElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLSpanElement> | null | undefined;
12
- }, "children" | "style" | "variant" | "width" | "height" | "animation" | "className" | "classes" | "sx">, "children" | "ref" | "title" | "id" | "hidden" | "color" | "content" | "style" | "variant" | "width" | "height" | "translate" | "animation" | "className" | "classes" | "sx" | "slot" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
13
- ownerState?: (Partial<import('../types').RadioButtonOwnerState> & Record<string, unknown>) | undefined;
14
- }, {}, {}>;
15
- export declare const IconCheckedStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../Icon').IconProps, keyof import('../../../Icon').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
16
- ownerState?: (Partial<import('../types').RadioButtonOwnerState> & Record<string, unknown>) | undefined;
17
- }, {}, {}>;
18
- export declare const IconStyled: import('@emotion/styled').StyledComponent<Pick<import('../../../Icon').IconProps, keyof import('../../../Icon').IconProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
19
- ownerState?: (Partial<import('../types').RadioButtonOwnerState> & Record<string, unknown>) | undefined;
20
- }, {}, {}>;
@@ -1,39 +0,0 @@
1
- import { styled } from "@mui/material/styles";
2
- import { Radio, Skeleton } from "@mui/material";
3
- import { R as RadioButtonSlots } from "./RadioButtonEnum.js";
4
- import { R as RADIO_BUTTON_KEY_COMPONENT } from "../constants.js";
5
- import { r as radioButtonStyles } from "../RadioButton.styles.js";
6
- import { T as Typography } from "../../Typography/Typography.js";
7
- import { I as Icon } from "../../../Icon/Icon.js";
8
- const RadioButtonRootStyled = styled("div", {
9
- name: RADIO_BUTTON_KEY_COMPONENT,
10
- slot: RadioButtonSlots.root
11
- })(radioButtonStyles.root);
12
- const MUIRadioStyled = styled(Radio, {
13
- name: RADIO_BUTTON_KEY_COMPONENT,
14
- slot: RadioButtonSlots.muiRadio
15
- })(radioButtonStyles.muiRadio);
16
- const TypographyStyled = styled(Typography, {
17
- name: RADIO_BUTTON_KEY_COMPONENT,
18
- slot: RadioButtonSlots.typographyStyled
19
- })(radioButtonStyles.typographyStyled);
20
- const SkeletonStyled = styled(Skeleton, {
21
- name: RADIO_BUTTON_KEY_COMPONENT,
22
- slot: RadioButtonSlots.skeletonStyled
23
- })(radioButtonStyles.skeletonStyled);
24
- const IconCheckedStyled = styled(Icon, {
25
- name: RADIO_BUTTON_KEY_COMPONENT,
26
- slot: RadioButtonSlots.iconChecked
27
- })(radioButtonStyles.iconChecked);
28
- const IconStyled = styled(Icon, {
29
- name: RADIO_BUTTON_KEY_COMPONENT,
30
- slot: RadioButtonSlots.icon
31
- })(radioButtonStyles.icon);
32
- export {
33
- IconStyled as I,
34
- MUIRadioStyled as M,
35
- RadioButtonRootStyled as R,
36
- SkeletonStyled as S,
37
- TypographyStyled as T,
38
- IconCheckedStyled as a
39
- };
@@ -1,50 +0,0 @@
1
- import { RadioProps as MUIRadioProps, Theme } from '@mui/material';
2
- import { RadioButtonSlots } from './slots/RadioButtonEnum';
3
- import { ComponentPalletColor, Sizes } from '@m4l/styles';
4
- import { M4LOverridesStyleRules } from '../../../@types/augmentations';
5
- import { RADIO_BUTTON_KEY_COMPONENT } from './constants';
6
- import { LabelProps } from '../../Label/types';
7
- export interface RadioButtonProps extends MUIRadioProps, Omit<LabelProps, 'label' | 'size'> {
8
- /**
9
- * El texto que se muestra junto al radio button
10
- */
11
- inlineText?: string;
12
- /**
13
- * Tamaño
14
- */
15
- size?: Extract<Sizes, 'small' | 'medium'>;
16
- /**
17
- * Color
18
- */
19
- color?: Extract<ComponentPalletColor, 'default'>;
20
- }
21
- export interface RadioButtonOwnerState {
22
- /**
23
- * Indica si el RadioButton está marcado.
24
- */
25
- checked?: boolean;
26
- /**
27
- * Indica si el RadioButton está deshabilitado.
28
- */
29
- disabled?: boolean;
30
- /**
31
- * El tamaño del RadioButton.
32
- */
33
- size: Extract<Sizes, 'small' | 'medium'>;
34
- /**
35
- * El color del RadioButton.
36
- */
37
- color: Extract<ComponentPalletColor, 'default'>;
38
- /**
39
- * Indica si hay un error en el RadioButton.
40
- */
41
- error?: boolean;
42
- }
43
- /**
44
- * Tipos de slots de RadioButton
45
- */
46
- export type RadioButtonSlotsType = keyof typeof RadioButtonSlots;
47
- /**
48
- * Estilos del RadioButton
49
- */
50
- export type RadioButtonStyles = M4LOverridesStyleRules<RadioButtonSlotsType, typeof RADIO_BUTTON_KEY_COMPONENT, Theme>;