@m4l/components 4.1.3 → 4.1.5

package/components/PropertyValue/classes/types.d.ts

@@ -5,9 +5,7 @@ export interface PropertyValueClassesType {
     value: string;
     iconProperty: string;
     isDisabled: string;
-    isFocus: string;
     variantIsForm: string;
-    isTabSelected: string;
     isMobile: string;
 }
 export declare type PropertyValueClassesKey = keyof PropertyValueClassesType;

package/components/PropertyValue/types.d.ts

@@ -18,8 +18,6 @@ export interface PropertyValueProps extends PropertyProps, ValueProps, Omit<Fiel
     disabled?: boolean;
 }
 export interface OwnerState extends Pick<PropertyValueProps, 'disabled'> {
-    isFocus: boolean;
     isForm: boolean;
-    isTabSelected: boolean;
     isMobile: boolean;
 }

package/components/ScrollBar/styles.d.ts

@@ -1,9 +1,4 @@
 /// <reference types="react" />
-import SimpleBarReact from 'simplebar-react';
 export declare const RootStyle: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const SimpleBarStyle: import("@emotion/styled").StyledComponent<SimpleBarReact.Props & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {
-    ref?: import("react").Ref<SimpleBarReact> | undefined;
-}>;
-export declare const SimpleBarStyle2: import("@emotion/styled").StyledComponent<SimpleBarReact.Props & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {
-    ref?: import("react").Ref<SimpleBarReact> | undefined;
-}>;
+export declare const SimpleBarStyle: import("@emotion/styled").StyledComponent<import("simplebar-react").Props & import("react").RefAttributes<import("simplebar-core").default | null> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
+export declare const SimpleBarStyle2: import("@emotion/styled").StyledComponent<import("simplebar-react").Props & import("react").RefAttributes<import("simplebar-core").default | null> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;

package/components/animate/AnimatedScroll/styles.d.ts

@@ -1,6 +1,3 @@
 /// <reference types="react" />
-import SimpleBarReact from 'simplebar-react';
-export declare const SimpleBarStyle: import("@emotion/styled").StyledComponent<SimpleBarReact.Props & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {
-    ref?: import("react").Ref<SimpleBarReact> | undefined;
-}>;
+export declare const SimpleBarStyle: import("@emotion/styled").StyledComponent<import("simplebar-react").Props & import("react").RefAttributes<import("simplebar-core").default | null> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, {}, {}>;
 export declare const AnimatedScrollRoot: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/index.js

@@ -1,4 +1,4 @@
-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-rSLsh4no.js";
+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-B-YY15ND.js";
 export {
   r as AREAS_DICTIONARY_ID,
   Y as Accordion,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "4.1.3",
+  "version": "4.1.5",
   "license": "UNLICENSED",
   "lint-staged": {
     "src/**/*.{js,ts,jsx,tsx}": "eslint --max-warnings=0 --fix",
@@ -53,7 +53,7 @@
     "react-spinners": "^0.13.8",
     "react-toastify": "10.0.5",
     "react-transition-group": "^4.4.5",
-    "simplebar-react": "2.4.1",
+    "simplebar-react": "3.2.6",
     "storybook": "8.2.9",
     "yup": "^0.32.11",
     "zustand": "4.3.6"

package/{vendor-rSLsh4no.js → vendor-B-YY15ND.js}

@@ -9217,9 +9217,6 @@ const RootStyle = styled$1("div")(({ theme }) => ({
   ...theme.components?.M4LScrollBar?.styleOverrides
 }));
 const SimpleBarStyle = styled$1(SimpleBarReact)`
-  /* flex-grow: 1;
-    height: 100%;
-    overflow: hidden; */
   height: 100%;
 `;
 styled$1(SimpleBarReact)(({ theme }) => ({
@@ -10813,7 +10810,7 @@ const MessagePinButtonIconStyled = styled$1(Icon, {
 const ToastContainer = (props) => {
   const { children, fixed = true, dataTestId, ...restProps } = props;
   const ownerState = { fixed };
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(AppearanceComponentProvider, { children: /* @__PURE__ */ jsxs(
     RootStyled$2,
     {
       ownerState,
@@ -10833,7 +10830,7 @@ const ToastContainer = (props) => {
         children
       ]
     }
-  );
+  ) });
 };
 const ICONS = {
   SUCCESS: "success.svg",
@@ -22383,9 +22380,7 @@ generateUtilityClasses(
     "value",
     /* states or variants of elements */
     "isDisabled",
-    "isFocus",
     "variantIsForm",
-    "isTabSelected",
     "isMobile"
   ]
 );
@@ -22397,9 +22392,7 @@ const propertyValueUtilityClasses = (ownerState) => {
     root: [
       "root",
       ownerState.disabled && "isDisabled",
-      ownerState.isFocus && "isFocus",
       ownerState.isForm && "variantIsForm",
-      ownerState.isTabSelected && "isTabSelected",
       ownerState.isMobile && "isMobile"
     ],
     property: ["property"],
@@ -22431,8 +22424,6 @@ function PropertyValue(props) {
     helperMessage
   } = props;
   const isDesktop = useResponsiveDesktop();
-  const [isFocus, setIsFocus] = useState(false);
-  const [isTabSelected, setIsTabSelected] = useState(false);
   const getValueW = () => {
     if (valueWidthMobile && !isDesktop) {
       return valueWidthMobile;
@@ -22458,22 +22449,8 @@ function PropertyValue(props) {
     }
     return 100;
   };
-  const handlerFocus = () => {
-    setIsFocus(true);
-  };
-  const handlerKeyUp = (event) => {
-    if (event.key === "Tab") {
-      setIsTabSelected(true);
-    }
-  };
-  const handlerOnBlur = () => {
-    setIsFocus(false);
-    setIsTabSelected(false);
-  };
   const ownerState = {
     disabled: isForm && disabled ? disabled : false,
-    isFocus: !disabled && isForm ? isFocus : false,
-    isTabSelected: !disabled && isForm ? isTabSelected : false,
     isForm: isForm ? true : false,
     isMobile: !isDesktop
   };
@@ -22554,11 +22531,6 @@ function PropertyValue(props) {
     {
       className: clsx(classes2.root, className),
       style: { gridTemplateColumns: propertyWidth ? `${propertyWidth}px 1fr` : "150px 1fr" },
-      role: "button",
-      tabIndex: 0,
-      onClick: handlerFocus,
-      onBlur: handlerOnBlur,
-      onKeyUp: handlerKeyUp,
       ...process.env.NODE_ENV !== "production" ? {
         [TEST_PROPS_DATA]: JSON.stringify([
           { property: property ? true : false, value: value ? true : false }