@m4l/base 1.0.0 → 1.0.1-beta-feature-701-create-extended-library.0
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../../packages/base/src/components/Icon/Icon.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../../../../packages/base/src/components/Icon/Icon.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAkB,SAAS,EAA0C,MAAM,SAAS,CAAC;AAgC5F;;GAEG;AACH,QAAA,MAAM,IAAI,GAAI,OAAO,SAAS,qDAoH7B,CAAC;AAEF,QAAA,MAAM,QAAQ,UAtHO,SAAS,qDAsHT,CAAC;AAEtB,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC"}
|
package/components/Icon/Icon.js
CHANGED
|
@@ -1,24 +1,25 @@
|
|
|
1
|
-
import { jsxs as P, Fragment as j, jsx as
|
|
1
|
+
import { jsxs as P, Fragment as j, jsx as n } from "@emotion/react/jsx-runtime";
|
|
2
2
|
import m from "clsx";
|
|
3
|
-
import { isValidElement as
|
|
3
|
+
import { isValidElement as u, cloneElement as A } from "react";
|
|
4
|
+
import { useModuleSkeleton as B } from "@m4l/core";
|
|
4
5
|
import { getPropDataTestId as r } from "../../utils/getNameDataTestId.js";
|
|
5
|
-
import { ICON_CLASSES as
|
|
6
|
-
import { TooltipStyled as
|
|
6
|
+
import { ICON_CLASSES as o, normalizeIconSize as F, ICON_PREFIX as a } from "./constants.js";
|
|
7
|
+
import { TooltipStyled as L, RootStyled as k, IconSkeletonStyled as M, IconStyled as O } from "./slots/IconSlots.js";
|
|
7
8
|
function _(t) {
|
|
8
9
|
return "src" in t && typeof t.src == "string" || "icon" in t && typeof t.icon == "string";
|
|
9
10
|
}
|
|
10
|
-
function M(t) {
|
|
11
|
-
return "src" in t && t.src !== void 0 && S(t.src) || "icon" in t && t.icon !== void 0 && S(t.icon);
|
|
12
|
-
}
|
|
13
11
|
function V(t) {
|
|
14
|
-
|
|
12
|
+
return "src" in t && t.src !== void 0 && u(t.src) || "icon" in t && t.icon !== void 0 && u(t.icon);
|
|
13
|
+
}
|
|
14
|
+
function X(t) {
|
|
15
|
+
if (_(t) || V(t))
|
|
15
16
|
return "src" in t ? t.src : t.icon;
|
|
16
17
|
}
|
|
17
|
-
const
|
|
18
|
+
const $ = (t) => {
|
|
18
19
|
const {
|
|
19
20
|
size: x = "medium",
|
|
20
21
|
rotationAngle: s,
|
|
21
|
-
tooltipContent:
|
|
22
|
+
tooltipContent: S,
|
|
22
23
|
color: C = "text.primary",
|
|
23
24
|
className: f,
|
|
24
25
|
placement: N = "bottom",
|
|
@@ -28,9 +29,8 @@ const X = (t) => {
|
|
|
28
29
|
selected: T,
|
|
29
30
|
enabledSelected: D,
|
|
30
31
|
onClick: I,
|
|
31
|
-
ariaLabel: g
|
|
32
|
-
|
|
33
|
-
} = t, i = R ?? w, e = V(t), d = B(x), E = e !== void 0 ? typeof e == "string" : void 0, h = g ? {
|
|
32
|
+
ariaLabel: g
|
|
33
|
+
} = t, y = B(), i = R ?? w, e = X(t), d = F(x), E = e !== void 0 ? typeof e == "string" : void 0, h = g ? {
|
|
34
34
|
role: "img",
|
|
35
35
|
"aria-label": g
|
|
36
36
|
} : {
|
|
@@ -46,21 +46,21 @@ const X = (t) => {
|
|
|
46
46
|
isSkeleton: y,
|
|
47
47
|
isMaskStrategy: E
|
|
48
48
|
}, v = typeof I == "function" && !l, z = {
|
|
49
|
-
className: m(f,
|
|
49
|
+
className: m(f, o.root),
|
|
50
50
|
ownerState: { ...c },
|
|
51
51
|
onClick: v ? I : void 0,
|
|
52
52
|
tabIndex: v ? 0 : -1,
|
|
53
53
|
"aria-disabled": l,
|
|
54
54
|
...r(a, "root", i)
|
|
55
|
-
}, b = () => e && typeof e == "string" ? /* @__PURE__ */
|
|
55
|
+
}, b = () => e && typeof e == "string" ? /* @__PURE__ */ n(
|
|
56
56
|
O,
|
|
57
57
|
{
|
|
58
|
-
className: m(
|
|
58
|
+
className: m(o.icon, o.root),
|
|
59
59
|
ownerState: { ...c },
|
|
60
60
|
...r(a, "icon", i),
|
|
61
61
|
...h
|
|
62
62
|
}
|
|
63
|
-
) : e &&
|
|
63
|
+
) : e && u(e) ? A(e, {
|
|
64
64
|
sx: {
|
|
65
65
|
fontSize: d === "small" ? "small" : "medium",
|
|
66
66
|
...s && {
|
|
@@ -72,22 +72,22 @@ const X = (t) => {
|
|
|
72
72
|
...h
|
|
73
73
|
}) : null;
|
|
74
74
|
return /* @__PURE__ */ P(j, { children: [
|
|
75
|
-
|
|
76
|
-
|
|
75
|
+
S ? /* @__PURE__ */ n(
|
|
76
|
+
L,
|
|
77
77
|
{
|
|
78
|
-
className: f ||
|
|
79
|
-
title:
|
|
78
|
+
className: f || o.tooltip,
|
|
79
|
+
title: S,
|
|
80
80
|
ownerState: { ...c },
|
|
81
81
|
placement: N,
|
|
82
82
|
size: d,
|
|
83
83
|
...r(a, "tooltip", i),
|
|
84
|
-
children: /* @__PURE__ */
|
|
84
|
+
children: /* @__PURE__ */ n(k, { ...z, children: b() })
|
|
85
85
|
}
|
|
86
|
-
) : /* @__PURE__ */
|
|
87
|
-
y && /* @__PURE__ */
|
|
88
|
-
|
|
86
|
+
) : /* @__PURE__ */ n(k, { ...z, children: b() }),
|
|
87
|
+
y && /* @__PURE__ */ n(
|
|
88
|
+
M,
|
|
89
89
|
{
|
|
90
|
-
className: m(
|
|
90
|
+
className: m(o.iconSkeleton, o.root),
|
|
91
91
|
variant: "rectangular",
|
|
92
92
|
ownerState: { ...c },
|
|
93
93
|
"aria-hidden": "true",
|
|
@@ -95,8 +95,8 @@ const X = (t) => {
|
|
|
95
95
|
}
|
|
96
96
|
)
|
|
97
97
|
] });
|
|
98
|
-
},
|
|
98
|
+
}, Y = $;
|
|
99
99
|
export {
|
|
100
|
-
|
|
101
|
-
|
|
100
|
+
Y as BaseIcon,
|
|
101
|
+
$ as Icon
|
|
102
102
|
};
|
|
@@ -23,7 +23,7 @@ function n(i, e = "medium") {
|
|
|
23
23
|
height: t
|
|
24
24
|
};
|
|
25
25
|
}
|
|
26
|
-
const
|
|
26
|
+
const u = {
|
|
27
27
|
/**
|
|
28
28
|
* Root styles for the Icon component, handling both mask and non-mask strategies, as well as disabled and selected states.
|
|
29
29
|
*/
|
|
@@ -76,7 +76,7 @@ const g = {
|
|
|
76
76
|
* Skeleton styles for the icon element when in loading state.
|
|
77
77
|
*/
|
|
78
78
|
iconSkeleton: ({ theme: i, ownerState: e }) => ({
|
|
79
|
-
"
|
|
79
|
+
"&": {
|
|
80
80
|
borderRadius: i.size?.borderRadius?.r1 ?? i.shape.borderRadius,
|
|
81
81
|
...n(i, e?.size ?? "medium")
|
|
82
82
|
}
|
|
@@ -84,5 +84,5 @@ const g = {
|
|
|
84
84
|
tooltip: {}
|
|
85
85
|
};
|
|
86
86
|
export {
|
|
87
|
-
|
|
87
|
+
u as iconStyles
|
|
88
88
|
};
|
|
@@ -38,8 +38,6 @@ export interface IconBaseProps extends Pick<TooltipProps, 'placement'> {
|
|
|
38
38
|
onClick?: (event: React.MouseEvent<any, MouseEvent>) => void;
|
|
39
39
|
/** Optional aria-label override. */
|
|
40
40
|
ariaLabel?: string;
|
|
41
|
-
/** Explicit skeleton state for callers that already consume module skeleton context. */
|
|
42
|
-
isSkeleton?: boolean;
|
|
43
41
|
}
|
|
44
42
|
export type IconResourceSrc = IconBaseProps & ({
|
|
45
43
|
/** SVG source URL rendered with CSS mask. */
|
|
@@ -63,8 +61,9 @@ export type IconProps = IconResourceSrc | IconResourceComponent;
|
|
|
63
61
|
/**
|
|
64
62
|
* Owner state consumed by the styled Icon slots.
|
|
65
63
|
*/
|
|
66
|
-
export interface IconOwnerState extends Pick<IconBaseProps, 'selected' | 'enabledSelected' | 'size' | 'rotationAngle' | 'color' | 'disabled'
|
|
64
|
+
export interface IconOwnerState extends Pick<IconBaseProps, 'selected' | 'enabledSelected' | 'size' | 'rotationAngle' | 'color' | 'disabled'> {
|
|
67
65
|
src?: string | ReactNode;
|
|
66
|
+
isSkeleton?: boolean;
|
|
68
67
|
isMaskStrategy?: boolean;
|
|
69
68
|
}
|
|
70
69
|
export type IconSlotsType = keyof typeof IconSlots;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/base/src/components/Icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC;AAEzE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC;IACpE,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yDAAyD;IACzD,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,6DAA6D;IAC7D,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mCAAmC;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,8BAA8B;IAC9B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC7D,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../packages/base/src/components/Icon/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACpE,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AACjD,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C;;GAEG;AACH,MAAM,MAAM,aAAa,GAAG,SAAS,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,SAAS,CAAC,CAAC,GAAG,MAAM,CAAC;AAEzE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC;IACpE,iCAAiC;IACjC,IAAI,CAAC,EAAE,OAAO,CAAC,KAAK,EAAE,OAAO,GAAG,QAAQ,CAAC,CAAC;IAC1C,8CAA8C;IAC9C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,yDAAyD;IACzD,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,6DAA6D;IAC7D,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,mCAAmC;IACnC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,uCAAuC;IACvC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,8BAA8B;IAC9B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,GAAG,EAAE,UAAU,CAAC,KAAK,IAAI,CAAC;IAC7D,oCAAoC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG,CAC1C;IACE,6CAA6C;IAC7C,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GACD;IACE,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ,wDAAwD;IACxD,IAAI,EAAE,MAAM,CAAC;CACd,CACJ,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,aAAa,GAAG,CAChD;IACE,uCAAuC;IACvC,GAAG,EAAE,YAAY,CAAC;IAClB,IAAI,CAAC,EAAE,KAAK,CAAC;CACd,GACD;IACE,GAAG,CAAC,EAAE,KAAK,CAAC;IACZ,2DAA2D;IAC3D,IAAI,EAAE,YAAY,CAAC;CACpB,CACJ,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,eAAe,GAAG,qBAAqB,CAAC;AAEhE;;GAEG;AACH,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,aAAa,EACb,UAAU,GAAG,iBAAiB,GAAG,MAAM,GAAG,eAAe,GAAG,OAAO,GAAG,UAAU,CACjF;IACC,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,MAAM,aAAa,GAAG,MAAM,OAAO,SAAS,CAAC;AAEnD,MAAM,MAAM,UAAU,GAAG,sBAAsB,CAC7C,aAAa,EACb,OAAO,kBAAkB,EACzB,KAAK,CACN,CAAC"}
|