@m4l/components 9.1.88 → 9.1.90

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 (76) hide show
  1. package/@types/types.d.ts +19 -1
  2. package/components/Chip/Chip.js +3 -1
  3. package/components/Chip/ChipStyles.js +19 -14
  4. package/components/Chip/types.d.ts +8 -3
  5. package/components/hook-form/RHFDateTime/RHFDateTime.d.ts +4 -0
  6. package/components/hook-form/RHFDateTime/RHFDateTime.js +39 -86
  7. package/components/hook-form/RHFDateTime/RHFDateTime.styles.d.ts +2 -0
  8. package/components/hook-form/RHFDateTime/RHFDateTime.styles.js +17 -0
  9. package/components/hook-form/RHFDateTime/constants.d.ts +1 -0
  10. package/components/hook-form/RHFDateTime/constants.js +4 -0
  11. package/components/hook-form/RHFDateTime/slots/RHFDateTimeEnum.d.ts +3 -0
  12. package/components/hook-form/RHFDateTime/slots/RHFDateTimeEnum.js +7 -0
  13. package/components/hook-form/RHFDateTime/slots/RHFDateTimeSlots.d.ts +1 -0
  14. package/components/hook-form/RHFDateTime/slots/RHFDateTimeSlots.js +9 -0
  15. package/components/hook-form/RHFDateTime/tests/RHFDateTime.test.d.ts +1 -0
  16. package/components/hook-form/RHFDateTime/types.d.ts +13 -12
  17. package/components/index.d.ts +1 -1
  18. package/components/mui_extended/Autocomplete/Autocomplete.styles.js +1 -5
  19. package/components/mui_extended/DateTimePicker/DateTimePicker.d.ts +33 -0
  20. package/components/mui_extended/DateTimePicker/DateTimePicker.js +154 -0
  21. package/components/mui_extended/DateTimePicker/DateTimePicker.styles.d.ts +2 -0
  22. package/components/mui_extended/DateTimePicker/DateTimePicker.styles.js +752 -0
  23. package/components/mui_extended/DateTimePicker/constants.d.ts +1 -0
  24. package/components/mui_extended/DateTimePicker/constants.js +4 -0
  25. package/components/mui_extended/DateTimePicker/icons.d.ts +4 -0
  26. package/components/mui_extended/DateTimePicker/icons.js +10 -0
  27. package/components/mui_extended/DateTimePicker/slots/DateTimePickerEnum.d.ts +10 -0
  28. package/components/mui_extended/DateTimePicker/slots/DateTimePickerEnum.js +14 -0
  29. package/components/mui_extended/DateTimePicker/slots/DateTimePickerSlots.d.ts +26 -0
  30. package/components/mui_extended/DateTimePicker/slots/DateTimePickerSlots.js +49 -0
  31. package/components/mui_extended/DateTimePicker/tests/DateTimePicker.test.d.ts +1 -0
  32. package/components/mui_extended/DateTimePicker/types.d.ts +51 -0
  33. package/components/mui_extended/NavLink/NavLink.d.ts +9 -0
  34. package/components/mui_extended/NavLink/NavLink.js +68 -0
  35. package/components/mui_extended/NavLink/NavLink.styles.d.ts +2 -0
  36. package/components/mui_extended/NavLink/NavLink.styles.js +85 -0
  37. package/components/mui_extended/NavLink/constants.d.ts +14 -0
  38. package/components/mui_extended/NavLink/constants.js +10 -0
  39. package/components/mui_extended/NavLink/slots/NavLinkEnum.d.ts +6 -0
  40. package/components/mui_extended/NavLink/slots/NavLinkEnum.js +10 -0
  41. package/components/mui_extended/NavLink/slots/NavLinkSlots.d.ts +12 -0
  42. package/components/mui_extended/NavLink/slots/NavLinkSlots.js +29 -0
  43. package/components/mui_extended/NavLink/slots/index.d.ts +0 -0
  44. package/components/mui_extended/NavLink/tests/NavLink.test.d.ts +1 -0
  45. package/components/mui_extended/NavLink/types.d.ts +36 -0
  46. package/index.js +1 -1
  47. package/package.json +1 -1
  48. package/components/NavLink/NavLink.d.ts +0 -9
  49. package/components/NavLink/NavLink.js +0 -32
  50. package/components/NavLink/classes/constant.d.ts +0 -1
  51. package/components/NavLink/classes/constant.js +0 -4
  52. package/components/NavLink/classes/index.d.ts +0 -9
  53. package/components/NavLink/classes/index.js +0 -23
  54. package/components/NavLink/classes/types.d.ts +0 -4
  55. package/components/NavLink/styles.d.ts +0 -1
  56. package/components/NavLink/styles.js +0 -7
  57. package/components/NavLink/tests/constants.d.ts +0 -1
  58. package/components/NavLink/tests/constants.js +0 -4
  59. package/components/NavLink/tests/utils.d.ts +0 -2
  60. package/components/NavLink/tests/utils.js +0 -7
  61. package/components/NavLink/types.d.ts +0 -5
  62. package/components/hook-form/RHFDateTime/classes/constants.d.ts +0 -1
  63. package/components/hook-form/RHFDateTime/classes/constants.js +0 -4
  64. package/components/hook-form/RHFDateTime/classes/index.d.ts +0 -11
  65. package/components/hook-form/RHFDateTime/classes/index.js +0 -45
  66. package/components/hook-form/RHFDateTime/classes/types.d.ts +0 -16
  67. package/components/hook-form/RHFDateTime/styles.js +0 -7
  68. package/components/hook-form/RHFDateTime/subcomponents/Skeleton/index.d.ts +0 -5
  69. package/components/hook-form/RHFDateTime/subcomponents/Skeleton/index.js +0 -15
  70. package/components/hook-form/RHFDateTime/subcomponents/Skeleton/types.d.ts +0 -5
  71. package/components/hook-form/RHFDateTime/test/constants.d.ts +0 -1
  72. package/components/hook-form/RHFDateTime/test/constants.js +0 -4
  73. package/components/hook-form/RHFDateTime/test/utils.d.ts +0 -2
  74. package/components/hook-form/RHFDateTime/test/utils.js +0 -7
  75. /package/components/{NavLink → mui_extended/NavLink}/index.d.ts +0 -0
  76. /package/components/{NavLink → mui_extended/NavLink}/index.js +0 -0
@@ -1,4 +0,0 @@
1
- const componentName = "M4LNavLink";
2
- export {
3
- componentName as c
4
- };
@@ -1,9 +0,0 @@
1
- import { NavLinkClassesType } from './types';
2
- export declare const navLinkClasses: NavLinkClassesType;
3
- export declare function getNavLinkClassesUtilityClass(slot: string): string;
4
- /**
5
- * TODO: Documentar
6
- */
7
- export declare const useUtilityClasses: () => {
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 "./constant.js";
4
- generateUtilityClasses(componentName, [
5
- /* elements */
6
- "root"
7
- /* states or variants of elements */
8
- ]);
9
- function getNavLinkClassesUtilityClass(slot) {
10
- return generateUtilityClass(componentName, slot);
11
- }
12
- const useUtilityClasses = () => {
13
- const slots = {
14
- root: ["root"]
15
- };
16
- const composedClasses = unstable_composeClasses(slots, getNavLinkClassesUtilityClass, {});
17
- return {
18
- ...composedClasses
19
- };
20
- };
21
- export {
22
- useUtilityClasses as u
23
- };
@@ -1,4 +0,0 @@
1
- export interface NavLinkClassesType {
2
- root: string;
3
- }
4
- export type NavLinkClassesKey = keyof NavLinkClassesType;
@@ -1 +0,0 @@
1
- export declare const NavLinkRoot: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
@@ -1,7 +0,0 @@
1
- import { styled } from "@mui/material/styles";
2
- const NavLinkRoot = styled("div")(({ theme }) => ({
3
- ...theme.components?.M4LNavLink?.styleOverrides || {}
4
- }));
5
- export {
6
- NavLinkRoot as N
7
- };
@@ -1 +0,0 @@
1
- export declare const NAVLINK_PREFIX = "Navlink";
@@ -1,4 +0,0 @@
1
- const NAVLINK_PREFIX = "Navlink";
2
- export {
3
- NAVLINK_PREFIX as N
4
- };
@@ -1,2 +0,0 @@
1
- import { NavLinkClassesKey } from '../classes/types';
2
- export declare const getNameDataTestId: (KEY: NavLinkClassesKey) => string;
@@ -1,7 +0,0 @@
1
- import { N as NAVLINK_PREFIX } from "./constants.js";
2
- const getNameDataTestId = (KEY) => {
3
- return `${NAVLINK_PREFIX}-${KEY}`;
4
- };
5
- export {
6
- getNameDataTestId as g
7
- };
@@ -1,5 +0,0 @@
1
- import { NavLinkProps as RouterNavLinkProps } from 'react-router-dom';
2
- import { TypographyProps } from '../mui_extended/Typography/types';
3
- export interface NavLinkProps extends RouterNavLinkProps, Pick<TypographyProps, 'skeletonWidth'> {
4
- text: string;
5
- }
@@ -1 +0,0 @@
1
- export declare const componentName = "M4LRHFDateTime";
@@ -1,4 +0,0 @@
1
- const componentName = "M4LRHFDateTime";
2
- export {
3
- componentName as c
4
- };
@@ -1,11 +0,0 @@
1
- import { RHFDateTimeClassesType } from './types';
2
- import { OwnerState } from '../types';
3
- export declare const dateTimeClasses: RHFDateTimeClassesType;
4
- export declare function getRHFCheckboxUtilityClass(slot: string): string;
5
- /**
6
- * TODO: Documentar
7
- */
8
- export declare const useUtilityClasses: (ownerState: OwnerState) => {
9
- skeleton: string;
10
- root: string;
11
- };
@@ -1,45 +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
- "skeleton",
8
- /* states or variants of elements */
9
- "small",
10
- "medium",
11
- "isFocus",
12
- "isTabSelected",
13
- "isDisabled",
14
- "variantInfo",
15
- "variantSuccess",
16
- "variantWarning",
17
- "variantError"
18
- ]);
19
- function getRHFCheckboxUtilityClass(slot) {
20
- return generateUtilityClass(componentName, slot);
21
- }
22
- const useUtilityClasses = (ownerState) => {
23
- const slots = {
24
- root: [
25
- "root",
26
- ownerState.size === "small" && "small",
27
- ownerState.size === "medium" && "medium",
28
- ownerState.isFocus && "isFocus",
29
- ownerState.isTabSelected && "isTabSelected",
30
- ownerState.disabled && "isDisabled",
31
- ownerState.variant === "info" && "variantInfo",
32
- ownerState.variant === "success" && "variantSuccess",
33
- ownerState.variant === "warning" && "variantWarning",
34
- ownerState.variant === "error" && "variantError"
35
- ],
36
- skeleton: ["skeleton"]
37
- };
38
- const composedClasses = unstable_composeClasses(slots, getRHFCheckboxUtilityClass, {});
39
- return {
40
- ...composedClasses
41
- };
42
- };
43
- export {
44
- useUtilityClasses as u
45
- };
@@ -1,16 +0,0 @@
1
- import { useUtilityClasses } from '.';
2
- export interface RHFDateTimeClassesType {
3
- root: string;
4
- skeleton: string;
5
- small: string;
6
- medium: string;
7
- isFocus: string;
8
- isTabSelected: string;
9
- isDisabled: string;
10
- variantInfo: string;
11
- variantSuccess: string;
12
- variantWarning: string;
13
- variantError: string;
14
- }
15
- export type RHFDateTimeClassesKey = keyof RHFDateTimeClassesType;
16
- export type RHFDateTimeClasses = ReturnType<typeof useUtilityClasses>;
@@ -1,7 +0,0 @@
1
- import { styled } from "@mui/material";
2
- const RHFDateTimeRoot = styled("div")(({ theme }) => ({
3
- ...theme.components?.M4LRHFDateTime?.styleOverrides || {}
4
- }));
5
- export {
6
- RHFDateTimeRoot as R
7
- };
@@ -1,5 +0,0 @@
1
- import { SkeletonRHFDateTimeProps } from './types';
2
- /**
3
- * TODO: Documentar
4
- */
5
- export declare const SkeletonRHFDateTime: (props: SkeletonRHFDateTimeProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,15 +0,0 @@
1
- import { jsxs, Fragment, jsx } from "react/jsx-runtime";
2
- import { Skeleton } from "@mui/material";
3
- const SkeletonRHFDateTime = (props) => {
4
- const { skeletonWidth, skeletonHeight, className, label } = props;
5
- return /* @__PURE__ */ jsxs(Fragment, { children: [
6
- label && /* @__PURE__ */ jsx(Skeleton, { variant: "text", height: "14px", width: "30%" }),
7
- /* @__PURE__ */ jsxs("div", { className: className.skeleton, children: [
8
- /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: skeletonWidth, height: skeletonHeight }),
9
- /* @__PURE__ */ jsx(Skeleton, { variant: "circular" })
10
- ] })
11
- ] });
12
- };
13
- export {
14
- SkeletonRHFDateTime as S
15
- };
@@ -1,5 +0,0 @@
1
- import { RHFDateTimeProps } from '../../types';
2
- import { RHFDateTimeClasses } from '../../classes/types';
3
- export interface SkeletonRHFDateTimeProps extends Pick<RHFDateTimeProps, 'skeletonWidth' | 'skeletonHeight' | 'label'> {
4
- className: RHFDateTimeClasses;
5
- }
@@ -1 +0,0 @@
1
- export declare const RHFDATETIME_PREFIX = "RHFDateTime";
@@ -1,4 +0,0 @@
1
- const RHFDATETIME_PREFIX = "RHFDateTime";
2
- export {
3
- RHFDATETIME_PREFIX as R
4
- };
@@ -1,2 +0,0 @@
1
- import { RHFDateTimeClassesKey } from '../classes/types';
2
- export declare const getNameRHFDateTimeDataTestId: (KEY: RHFDateTimeClassesKey) => string;
@@ -1,7 +0,0 @@
1
- import { R as RHFDATETIME_PREFIX } from "./constants.js";
2
- const getNameRHFDateTimeDataTestId = (KEY) => {
3
- return `${RHFDATETIME_PREFIX}-${KEY}`;
4
- };
5
- export {
6
- getNameRHFDateTimeDataTestId as g
7
- };