@m4l/components 4.1.3 → 4.1.4
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.
|
@@ -5,9 +5,7 @@ export interface PropertyValueClassesType {
|
|
|
5
5
|
value: string;
|
|
6
6
|
iconProperty: string;
|
|
7
7
|
isDisabled: string;
|
|
8
|
-
isFocus: string;
|
|
9
8
|
variantIsForm: string;
|
|
10
|
-
isTabSelected: string;
|
|
11
9
|
isMobile: string;
|
|
12
10
|
}
|
|
13
11
|
export declare type PropertyValueClassesKey = keyof PropertyValueClassesType;
|
|
@@ -18,8 +18,6 @@ export interface PropertyValueProps extends PropertyProps, ValueProps, Omit<Fiel
|
|
|
18
18
|
disabled?: boolean;
|
|
19
19
|
}
|
|
20
20
|
export interface OwnerState extends Pick<PropertyValueProps, 'disabled'> {
|
|
21
|
-
isFocus: boolean;
|
|
22
21
|
isForm: boolean;
|
|
23
|
-
isTabSelected: boolean;
|
|
24
22
|
isMobile: boolean;
|
|
25
23
|
}
|
package/index.js
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { r, Y, bN, aQ, aS, aT, aR, aP, A, bL, bT, c3, j, o, n, k, Z, a1, bY, an, _, $, a9, aa, a0, aE, aG, aF, aI, aD, aC, aH, aJ, aB, bf, av, w, D, ap, aW, aL, b_, bZ, aM, bg, bi, aY, bU, bC, aN, b5, ab, I, b8, ac, t, b6, a2, b7, a3, b9, a4, bp, L, bX, br, ba, bc, bb, be, b$, a5, c5, bj, c4, M, c, b, bt, N, bw, bA, a6, bz, bB, ax, as, ad, bR, bQ, bS, ay, b4, P, bD, R, z, Q, K, C, E, G, J, F, U, V, X, c0, bE, aZ, bF, S, bW, bK, bG, ae, a8, ag, ai, ah, af, T, bH, bJ, al, am, aj, bV, ak, aq, bo, bn, l, W, a$, a_, b0, m, bI, aV, bm, bv, by, aX, aO, bO, bM, s, x, aU, a, aK, c1, au, ao, aw, at, az, aA, g, bq, bs, bl, bk, bu, bx, a7, H, B, y, O, ar, c9, b2, b1, c2, cc, u, c6, ca, cb, bd, bh, c7, bP, q, c8, p, d, e, v, h, i, f, b3 } from "./vendor-
|
|
1
|
+
import { r, Y, bN, aQ, aS, aT, aR, aP, A, bL, bT, c3, j, o, n, k, Z, a1, bY, an, _, $, a9, aa, a0, aE, aG, aF, aI, aD, aC, aH, aJ, aB, bf, av, w, D, ap, aW, aL, b_, bZ, aM, bg, bi, aY, bU, bC, aN, b5, ab, I, b8, ac, t, b6, a2, b7, a3, b9, a4, bp, L, bX, br, ba, bc, bb, be, b$, a5, c5, bj, c4, M, c, b, bt, N, bw, bA, a6, bz, bB, ax, as, ad, bR, bQ, bS, ay, b4, P, bD, R, z, Q, K, C, E, G, J, F, U, V, X, c0, bE, aZ, bF, S, bW, bK, bG, ae, a8, ag, ai, ah, af, T, bH, bJ, al, am, aj, bV, ak, aq, bo, bn, l, W, a$, a_, b0, m, bI, aV, bm, bv, by, aX, aO, bO, bM, s, x, aU, a, aK, c1, au, ao, aw, at, az, aA, g, bq, bs, bl, bk, bu, bx, a7, H, B, y, O, ar, c9, b2, b1, c2, cc, u, c6, ca, cb, bd, bh, c7, bP, q, c8, p, d, e, v, h, i, f, b3 } from "./vendor-BohmKCey.js";
|
|
2
2
|
export {
|
|
3
3
|
r as AREAS_DICTIONARY_ID,
|
|
4
4
|
Y as Accordion,
|
package/package.json
CHANGED
|
@@ -22383,9 +22383,7 @@ generateUtilityClasses(
|
|
|
22383
22383
|
"value",
|
|
22384
22384
|
/* states or variants of elements */
|
|
22385
22385
|
"isDisabled",
|
|
22386
|
-
"isFocus",
|
|
22387
22386
|
"variantIsForm",
|
|
22388
|
-
"isTabSelected",
|
|
22389
22387
|
"isMobile"
|
|
22390
22388
|
]
|
|
22391
22389
|
);
|
|
@@ -22397,9 +22395,7 @@ const propertyValueUtilityClasses = (ownerState) => {
|
|
|
22397
22395
|
root: [
|
|
22398
22396
|
"root",
|
|
22399
22397
|
ownerState.disabled && "isDisabled",
|
|
22400
|
-
ownerState.isFocus && "isFocus",
|
|
22401
22398
|
ownerState.isForm && "variantIsForm",
|
|
22402
|
-
ownerState.isTabSelected && "isTabSelected",
|
|
22403
22399
|
ownerState.isMobile && "isMobile"
|
|
22404
22400
|
],
|
|
22405
22401
|
property: ["property"],
|
|
@@ -22431,8 +22427,6 @@ function PropertyValue(props) {
|
|
|
22431
22427
|
helperMessage
|
|
22432
22428
|
} = props;
|
|
22433
22429
|
const isDesktop = useResponsiveDesktop();
|
|
22434
|
-
const [isFocus, setIsFocus] = useState(false);
|
|
22435
|
-
const [isTabSelected, setIsTabSelected] = useState(false);
|
|
22436
22430
|
const getValueW = () => {
|
|
22437
22431
|
if (valueWidthMobile && !isDesktop) {
|
|
22438
22432
|
return valueWidthMobile;
|
|
@@ -22458,22 +22452,8 @@ function PropertyValue(props) {
|
|
|
22458
22452
|
}
|
|
22459
22453
|
return 100;
|
|
22460
22454
|
};
|
|
22461
|
-
const handlerFocus = () => {
|
|
22462
|
-
setIsFocus(true);
|
|
22463
|
-
};
|
|
22464
|
-
const handlerKeyUp = (event) => {
|
|
22465
|
-
if (event.key === "Tab") {
|
|
22466
|
-
setIsTabSelected(true);
|
|
22467
|
-
}
|
|
22468
|
-
};
|
|
22469
|
-
const handlerOnBlur = () => {
|
|
22470
|
-
setIsFocus(false);
|
|
22471
|
-
setIsTabSelected(false);
|
|
22472
|
-
};
|
|
22473
22455
|
const ownerState = {
|
|
22474
22456
|
disabled: isForm && disabled ? disabled : false,
|
|
22475
|
-
isFocus: !disabled && isForm ? isFocus : false,
|
|
22476
|
-
isTabSelected: !disabled && isForm ? isTabSelected : false,
|
|
22477
22457
|
isForm: isForm ? true : false,
|
|
22478
22458
|
isMobile: !isDesktop
|
|
22479
22459
|
};
|
|
@@ -22554,11 +22534,6 @@ function PropertyValue(props) {
|
|
|
22554
22534
|
{
|
|
22555
22535
|
className: clsx(classes2.root, className),
|
|
22556
22536
|
style: { gridTemplateColumns: propertyWidth ? `${propertyWidth}px 1fr` : "150px 1fr" },
|
|
22557
|
-
role: "button",
|
|
22558
|
-
tabIndex: 0,
|
|
22559
|
-
onClick: handlerFocus,
|
|
22560
|
-
onBlur: handlerOnBlur,
|
|
22561
|
-
onKeyUp: handlerKeyUp,
|
|
22562
22537
|
...process.env.NODE_ENV !== "production" ? {
|
|
22563
22538
|
[TEST_PROPS_DATA]: JSON.stringify([
|
|
22564
22539
|
{ property: property ? true : false, value: value ? true : false }
|