@m4l/components 0.1.18 → 0.1.20

package/components/DataGrid/{index.091572bf.js → index.5cbf0dd8.js}

@@ -6,9 +6,9 @@ import { HTML5Backend as ge } from "react-dnd-html5-backend";
 import { SvgIcon as B, Checkbox as fe, InputBase as he, Skeleton as pe } from "@mui/material";
 import { jsx as d, jsxs as Q } from "react/jsx-runtime";
 import { voidFunction as I, useModuleDictionary as we, useModuleSkeleton as me } from "@m4l/core";
-import { A as ye, a as Ce } from "../CommonActions/components/Actions/index.6b25caed.js";
-import { g as be, d as ve } from "../ModalDialog/index.0ddffae6.js";
-import { g as xe, d as Re } from "../mui_extended/Pager/index.f0911163.js";
+import { A as ye, a as Ce } from "../CommonActions/components/Actions/index.a908e4b9.js";
+import { g as be, d as ve } from "../ModalDialog/index.16024a4e.js";
+import { g as xe, d as Re } from "../mui_extended/Pager/index.80c2f8a0.js";
 const Se = A("div")(() => ({
   display: "flex",
   flexDirection: "column",

package/components/DynamicFilter/{index.7efecd5d.js → index.8a571617.js}

@@ -1,38 +1,36 @@
-import { S as Be } from "../ScrollBar/index.39eeb2de.js";
+import { S as Me } from "../ScrollBar/index.39eeb2de.js";
 import { styled as h } from "@mui/material/styles";
 import { useRef as me, useState as S, useMemo as E, useCallback as _, useEffect as L, createContext as qe, useContext as Ne } from "react";
 import { useModuleDictionary as $, useHostTools as z, useEnvironment as j, voidFunction as V, useFlagsPresent as He } from "@m4l/core";
-import * as w from "yup";
-import { useFormContext as M, useWatch as ge } from "react-hook-form";
-import { F as Ke } from "../hook-form/FormProvider/index.936cbb98.js";
-import { jsx as r, jsxs as C, Fragment as A } from "react/jsx-runtime";
-import { R } from "../hook-form/RHFAutocomplete/index.6ed76d4c.js";
-import { alpha as ze, styled as be, Skeleton as Fe, MenuItem as Ye, useTheme as Ge, Popper as Ue } from "@mui/material";
-import "../hook-form/RHFAutocompleteAsync/index.8f2c97ea.js";
-import "../hook-form/RHFCheckbox/index.f9ce6c39.js";
-import { R as ee } from "../hook-form/RHFDateTime/index.fc5cbafe.js";
+import * as C from "yup";
+import { useFormContext as B, useWatch as ge } from "react-hook-form";
+import { R } from "../hook-form/RHFAutocomplete/index.b7f11146.js";
+import { jsx as r, jsxs as w, Fragment as A } from "react/jsx-runtime";
+import "../hook-form/RHFCheckbox/index.6a40e25f.js";
+import { alpha as Ke, styled as be, Skeleton as Fe, MenuItem as ze, useTheme as Ye, Popper as Ge } from "@mui/material";
+import { R as ee } from "../hook-form/RHFDateTime/index.5ed774e3.js";
 import "@mui/x-date-pickers";
-import { R as Y } from "../hook-form/RHFTextField/index.4c455f75.js";
-import "../hook-form/RHFPeriod/index.0b982ae8.js";
+import { R as Y } from "../hook-form/RHFTextField/index.bab2a2cf.js";
+import { I as he } from "../Icon/index.f569765b.js";
+import "../hook-form/RHFPeriod/index.e17b1c72.js";
 import "../ErrorLabel/index.c8615f16.js";
-import "../Period/index.8423f865.js";
-import { I as he } from "../Icon/index.cbca79b0.js";
-import { L as Je, b as Qe, g as Xe } from "../CommonActions/components/Actions/index.6b25caed.js";
+import "../Period/index.497b8df4.js";
+import { L as Ue, b as Je, g as Qe } from "../CommonActions/components/Actions/index.a908e4b9.js";
 import "@mui/material/Button";
-import { F as te } from "../mui_extended/Button/index.3debb608.js";
 import "react-router-dom";
-import "../../contexts/ModalContext/index.1688a07c.js";
+import "../../contexts/ModalContext/index.699767c7.js";
 import "@mui/lab";
 import "../../lodash.e09401f0.js";
 import "react-dropzone";
-import "../../react-lazy-load-image-component.45b56650.js";
-import "../Image/index.e790b50b.js";
-import "../hook-form/RHFUpload/index.ed3d739f.js";
-import { I as G } from "../mui_extended/IconButton/index.88f3aadb.js";
+import "../Image/index.c9da2d5a.js";
+import "../hook-form/RHFUpload/index.cbf11b68.js";
+import { I as G } from "../mui_extended/IconButton/index.4b5ce8b5.js";
 import "simplebar/dist/simplebar.min.css";
-import { M as Ze } from "../mui_extended/MenuPopover/index.488fc536.js";
-import { A as et } from "../CommonActions/components/ActionCancel/index.7e947996.js";
-import { A as tt } from "../CommonActions/components/ActionIntro/index.bac90f39.js";
+import { F as te } from "../mui_extended/Button/index.16591787.js";
+import { P as Xe } from "../mui_extended/Popover/index.305f2ea5.js";
+import { R as Ze } from "../contexts/RHFormContext/index.f8241292.js";
+import { A as et } from "../CommonActions/components/ActionCancel/index.3775989f.js";
+import { A as tt } from "../CommonActions/components/ActionIntro/index.ca7b6952.js";
 import { useResponsiveDesktop as rt } from "@m4l/graphics";
 const re = h("div")(({
   theme: e
@@ -105,7 +103,7 @@ function lt() {
     getLabel: a
   } = $(), d = me(null), {
     setValue: p
-  } = M(), [u, s] = S(!1), g = E(() => ye.map((l) => ({
+  } = B(), [u, s] = S(!1), g = E(() => ye.map((l) => ({
     id: l,
     label: i(l)
   })), [i]), y = _((l) => !e || !t ? void 0 : {
@@ -120,8 +118,8 @@ function lt() {
   }, []);
   return L(() => {
     u || n({
-      valueOperator: w.object().nullable().required(a("operator_required")),
-      valueOperand1: w.string().required(a("operand_required"))
+      valueOperator: C.object().nullable().required(a("operator_required")),
+      valueOperand1: C.string().required(a("operand_required"))
     }), o(y), e && t && p("valueOperand1", e.o1, {
       shouldTouch: !1,
       shouldValidate: !1
@@ -129,7 +127,7 @@ function lt() {
   }, [a, e, t]), L(() => {
     d.current?.focus();
   }, [u]), /* @__PURE__ */ r(ot, {
-    children: u && /* @__PURE__ */ C(A, {
+    children: u && /* @__PURE__ */ w(A, {
       children: [/* @__PURE__ */ r(it, {
         children: /* @__PURE__ */ r(R, {
           name: "valueOperator",
@@ -189,7 +187,7 @@ function pt() {
     }
   } = T(), {
     setValue: d
-  } = M(), [p, u] = S(!1), s = E(() => Oe.map((l) => ({
+  } = B(), [p, u] = S(!1), s = E(() => Oe.map((l) => ({
     id: l,
     label: n(l)
   })), [n]), g = E(() => [{
@@ -210,8 +208,8 @@ function pt() {
   }, []);
   return L(() => {
     p || e({
-      valueOperator: w.object().nullable().required(o("error_operator_required")),
-      valueOperand1: w.object().nullable().required(o("error_operand_required"))
+      valueOperator: C.object().nullable().required(o("error_operator_required")),
+      valueOperand1: C.object().nullable().required(o("error_operand_required"))
     }), t(y), i && a && d("valueOperand1", {
       value: i.o1,
       label: o(`dynamic_filter.operand_${i.o1}`)
@@ -221,7 +219,7 @@ function pt() {
     }), u(!0);
   }, [o]), /* @__PURE__ */ r(st, {
     id: "WrapperAllFieldsFilter",
-    children: p && /* @__PURE__ */ C(A, {
+    children: p && /* @__PURE__ */ w(A, {
       children: [/* @__PURE__ */ r(ne, {
         children: /* @__PURE__ */ r(R, {
           name: "valueOperator",
@@ -298,7 +296,7 @@ function ht() {
   } = T(), {
     control: u,
     setValue: s
-  } = M(), g = ge({
+  } = B(), g = ge({
     control: u,
     name: "valueOperator"
   }), [y, l] = S(!1), b = E(() => _e.map((c) => ({
@@ -321,11 +319,11 @@ function ht() {
   }, []);
   return L(() => {
     y || e({
-      valueOperator: w.object().nullable().required(o("operator_required")),
-      valueOperand1: w.date().test("valueOperand1", o("dynamic_filter.error_invalid_date"), (c) => Boolean(c)),
-      valueOperand2: w.date().when(["valueOperator.id"], {
+      valueOperator: C.object().nullable().required(o("operator_required")),
+      valueOperand1: C.date().test("valueOperand1", o("dynamic_filter.error_invalid_date"), (c) => Boolean(c)),
+      valueOperand2: C.date().when(["valueOperator.id"], {
         is: "b",
-        then: w.date().test("DOB", o("dynamic_filter.error_invalid_date"), (c) => Boolean(c))
+        then: C.date().test("DOB", o("dynamic_filter.error_invalid_date"), (c) => Boolean(c))
       })
     }), d && p && (s("valueOperand1", new Date(d.o1), {
       shouldTouch: !1,
@@ -335,7 +333,7 @@ function ht() {
       shouldValidate: !1
     })), t(f), l(!0);
   }, [o, d, p]), /* @__PURE__ */ r(ut, {
-    children: y && /* @__PURE__ */ C(A, {
+    children: y && /* @__PURE__ */ w(A, {
       children: [/* @__PURE__ */ r(ct, {
         children: /* @__PURE__ */ r(R, {
           name: "valueOperator",
@@ -399,7 +397,7 @@ function _t() {
   } = $(), d = me(null), {
     control: p,
     setValue: u
-  } = M(), [s, g] = S(!1), y = ge({
+  } = B(), [s, g] = S(!1), y = ge({
     control: p,
     name: "valueOperator"
   }), l = E(() => ve.map((f) => ({
@@ -423,11 +421,11 @@ function _t() {
   }, []);
   return L(() => {
     s || n({
-      valueOperator: w.object().nullable().required(a("dynamic_filter.error_operator_required")),
-      valueOperand1: w.number().typeError(a("dynamic_filter.error_operand_mustbe_number")),
-      valueOperand2: w.string().when("valueOperator", {
+      valueOperator: C.object().nullable().required(a("dynamic_filter.error_operator_required")),
+      valueOperand1: C.number().typeError(a("dynamic_filter.error_operand_mustbe_number")),
+      valueOperand2: C.string().when("valueOperator", {
         is: (f) => f.id === "b",
-        then: w.string().test("DOB", a("dynamic_filter.error_operand_mustbe_number"), (f) => f === "" ? !1 : !isNaN(Number(f)))
+        then: C.string().test("DOB", a("dynamic_filter.error_operand_mustbe_number"), (f) => f === "" ? !1 : !isNaN(Number(f)))
       })
     }), o(b), e && t && (u("valueOperand1", e.o1, {
       shouldTouch: !1,
@@ -438,8 +436,8 @@ function _t() {
     })), g(!0);
   }, [a, e, t]), L(() => {
     d.current?.focus();
-  }, [s]), /* @__PURE__ */ r(yt, {
-    children: s && /* @__PURE__ */ C(A, {
+  }, [s]), /* @__PURE__ */ w(yt, {
+    children: [s && /* @__PURE__ */ w(A, {
       children: [/* @__PURE__ */ r(vt, {
         children: /* @__PURE__ */ r(R, {
           name: "valueOperator",
@@ -457,7 +455,7 @@ function _t() {
         name: "valueOperand2",
         ref: d
       })]
-    })
+    }), "x"]
   });
 }
 const ie = {
@@ -582,7 +580,7 @@ function St(e) {
     field: null
   }), {
     getLabel: l
-  } = $(), [b, f] = S(w.object().shape({})), [c, x] = S(() => {
+  } = $(), [b, f] = S(C.object().shape({})), [c, x] = S(() => {
   }), {
     host_static_assets: v,
     environment_assets: W
@@ -590,14 +588,14 @@ function St(e) {
     ...xe,
     label: l("dynamic_filter.all_fields"),
     urlIcon: `${v}/${W}/frontend/components/dynamic_filter/assets/icons/all_fields.svg`
-  }), [l, v, W]), [B, P] = S(!1), [we, q] = S(!d), [N, X] = S(!1), {
+  }), [l, v, W]), [M, P] = S(!1), [we, q] = S(!d), [N, X] = S(!1), {
     toast: Ce
   } = z(), H = _((m) => n.concat(Q).find((F) => F.name === m), [n, Q]), K = _((m) => l(`dynamic_filter.operator_${m}`), [l]), [D, k] = S(Vt(n, o, H, l, J)), Ve = E(() => {
     const m = [];
     for (let F = 0; F < n.length; F++) {
       let O;
       const I = n[F];
-      O = !0, I.multiple !== void 0 && I.multiple === !1 && D.findIndex((Me) => Me.n === I.name) > -1 && (O = !1), O && m.push(I);
+      O = !0, I.multiple !== void 0 && I.multiple === !1 && D.findIndex((Be) => Be.n === I.name) > -1 && (O = !1), O && m.push(I);
     }
     return m;
   }, [n, D]), Se = _(() => {
@@ -649,8 +647,8 @@ function St(e) {
       popupAnchorEl: null,
       filter: null,
       field: null
-    }), !m && B && P(!1);
-  }, [g, B]), $e = _((m, F) => {
+    }), !m && M && P(!1);
+  }, [g, M]), $e = _((m, F) => {
     y({
       popupAnchorEl: m,
       filter: Ie(F, !1, l, J),
@@ -668,7 +666,7 @@ function St(e) {
       return I > -1 && (O[I].fixed || O.splice(I, 1)), O;
     });
   }, []), ke = _((m) => {
-    f(w.object().shape({
+    f(C.object().shape({
       ...m
     }));
   }, []), je = _((m) => {
@@ -677,7 +675,7 @@ function St(e) {
   return /* @__PURE__ */ r(U.Provider, {
     value: {
       isSkeleton: t,
-      inEdition: B,
+      inEdition: M,
       automatic: d,
       isDirty: we,
       isValid: N,
@@ -720,7 +718,7 @@ const T = () => Ne(U), Tt = h("div")(({
   paddingLeft: e.spacing(1),
   backgroundColor: e.palette.grid?.sectionHeader,
   border: "1px solid",
-  borderColor: ze(`${e.palette.divider}`, 0.1),
+  borderColor: Ke(`${e.palette.divider}`, 0.1),
   overflow: "visible",
   borderRadius: e.spacing(1),
   "&.waf_no_setted": {
@@ -778,13 +776,13 @@ function Pt(e) {
   }, x = (v) => {
     u(v.currentTarget, e);
   };
-  return b ? /* @__PURE__ */ C(Tt, {
+  return b ? /* @__PURE__ */ w(Tt, {
     id: "WrapperApplyedFilter",
     className: o ? "" : "waf_no_setted",
     children: [f && /* @__PURE__ */ r(G, {
       src: f,
       onClick: x
-    }), /* @__PURE__ */ C(Dt, {
+    }), /* @__PURE__ */ w(Dt, {
       onClick: x,
       children: [/* @__PURE__ */ r(Et, {
         children: b.label
@@ -810,7 +808,7 @@ function de() {
     id: "WrapperApplyedFilters"
   }) : /* @__PURE__ */ r(re, {
     className: "WrapperApplyedFilters",
-    children: /* @__PURE__ */ r(Be, {
+    children: /* @__PURE__ */ r(Me, {
       children: /* @__PURE__ */ r(nt, {
         id: "WrapperApplyedFilters",
         children: [...e].sort((n, o) => n.isSetted === o.isSetted ? 0 : n.isSetted ? -1 : 1).reverse().map((n) => /* @__PURE__ */ r(Pt, {
@@ -931,7 +929,7 @@ function ce() {
       }), g(""), p());
     }
   };
-  return !t && n.length == 0 ? /* @__PURE__ */ r(A, {}) : /* @__PURE__ */ C(ue, {
+  return !t && n.length == 0 ? /* @__PURE__ */ r(A, {}) : /* @__PURE__ */ w(ue, {
     id: "WrapperInputFilter",
     children: [/* @__PURE__ */ r(Wt, {
       type: "text",
@@ -940,13 +938,13 @@ function ce() {
       onClick: f,
       onChange: c,
       onKeyPress: x
-    }), n.length > 0 && /* @__PURE__ */ r(Ze, {
-      id: "MenuPopover",
+    }), n.length > 0 && /* @__PURE__ */ r(Xe, {
+      id: "Popover",
       open: Boolean(a),
       anchorEl: a,
       onClose: l,
       disableAutoFocus: !0,
-      arrow: "right-top",
+      arrowType: "right-top",
       sx: {
         "& .MuiMenuItem-root": {
           px: 1,
@@ -954,12 +952,12 @@ function ce() {
           borderRadius: 0.75
         }
       },
-      children: Boolean(a) && y.map((v, W) => /* @__PURE__ */ C(Ye, {
+      children: Boolean(a) && y.map((v, W) => /* @__PURE__ */ w(ze, {
         dense: !0,
         onClick: () => b(v),
         children: [/* @__PURE__ */ r(he, {
           src: v.urlIcon
-        }), /* @__PURE__ */ r(Je, {
+        }), /* @__PURE__ */ r(Ue, {
           children: v.label
         })]
       }, `menu_action_${W}`))
@@ -995,7 +993,7 @@ const jt = h("div")(({
   alignItems: "center",
   padding: e.spacing(2, 0),
   marginLeft: e.spacing(1.5)
-})), Mt = h("div")(({
+})), Bt = h("div")(({
   theme: e
 }) => ({
   width: "100%",
@@ -1016,7 +1014,7 @@ const jt = h("div")(({
     updateFilter: d,
     getLabelOperator: p,
     fnTransformFormValuesIntoRawValues: u
-  } = T(), s = Ge(), {
+  } = T(), s = Ye(), {
     getLabel: g
   } = $(), y = E(() => !n || !o ? {} : {
     ...n,
@@ -1032,8 +1030,8 @@ const jt = h("div")(({
   }, b = () => {
     i(!1);
   };
-  return /* @__PURE__ */ r(Ue, {
-    id: "MenuPopover",
+  return /* @__PURE__ */ r(Ge, {
+    id: "Popover",
     open: Boolean(t),
     anchorEl: t,
     sx: {
@@ -1041,12 +1039,12 @@ const jt = h("div")(({
       borderRadius: 1
     },
     children: /* @__PURE__ */ r(A, {
-      children: n && /* @__PURE__ */ r(Ke, {
+      children: n && /* @__PURE__ */ r(Ze, {
         onSubmit: l,
         values: y,
         validationSchema: e,
-        children: /* @__PURE__ */ C(kt, {
-          children: [/* @__PURE__ */ C(Mt, {
+        children: /* @__PURE__ */ w(kt, {
+          children: [/* @__PURE__ */ w(Bt, {
             children: [o?.urlIcon && /* @__PURE__ */ r(he, {
               src: o.urlIcon
             }), /* @__PURE__ */ r(jt, {
@@ -1054,7 +1052,7 @@ const jt = h("div")(({
             })]
           }), /* @__PURE__ */ r(xt, {
             filter: n
-          }), /* @__PURE__ */ C(Qe, {
+          }), /* @__PURE__ */ w(Je, {
             children: [/* @__PURE__ */ r(et, {
               onClick: b
             }), /* @__PURE__ */ r(tt, {})]
@@ -1063,7 +1061,7 @@ const jt = h("div")(({
       })
     })
   });
-}, Bt = h("div", {
+}, Mt = h("div", {
   shouldForwardProp: (e) => e !== "inEdition"
 })(({
   theme: e,
@@ -1103,21 +1101,21 @@ const jt = h("div")(({
   width: "100%",
   display: "flex",
   justifyContent: "space-between"
-})), wr = (e) => {
+})), xr = (e) => {
   const t = rt();
   return He(["dictionary_loaded"]) ? /* @__PURE__ */ r(St, {
     ...e,
     children: /* @__PURE__ */ r(U.Consumer, {
       children: ({
         inEdition: o
-      }) => t ? /* @__PURE__ */ C(Bt, {
+      }) => t ? /* @__PURE__ */ w(Mt, {
         id: "WrapperFilter",
         inEdition: o,
         children: [/* @__PURE__ */ r(te, {}), /* @__PURE__ */ r(ce, {}), /* @__PURE__ */ r(de, {}), /* @__PURE__ */ r(fe, {}), /* @__PURE__ */ r(pe, {})]
-      }) : /* @__PURE__ */ C(qt, {
+      }) : /* @__PURE__ */ w(qt, {
         id: "WrapperFilterMobile",
         inEdition: o,
-        children: [/* @__PURE__ */ C(Nt, {
+        children: [/* @__PURE__ */ w(Nt, {
           id: "ContainerFistRow",
           children: [/* @__PURE__ */ r(te, {}), /* @__PURE__ */ r(ce, {}), /* @__PURE__ */ r(pe, {})]
         }), /* @__PURE__ */ r(de, {}), /* @__PURE__ */ r(fe, {})]
@@ -1125,10 +1123,10 @@ const jt = h("div")(({
     })
   }) : /* @__PURE__ */ r(A, {});
 };
-function Cr() {
-  return ["dynamic_filter"].concat(Xe());
+function Ir() {
+  return ["dynamic_filter"].concat(Qe());
 }
-const Vr = {
+const wr = {
   dynamic_filter: {
     filter_tooltip: "Search",
     operator_b: "between",
@@ -1151,8 +1149,8 @@ const Vr = {
   }
 };
 export {
-  wr as D,
-  Vr as d,
-  Cr as g,
+  xr as D,
+  wr as d,
+  Ir as g,
   T as u
 };

package/components/HelmetPage/index.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { HelmetPageProps } from './types';
+export declare const HelmetPage: {
+    (props: HelmetPageProps): JSX.Element;
+    displayName: string;
+};

package/components/{Page → HelmetPage}/types.d.ts

@@ -1,7 +1,7 @@
-import type { BoxProps } from '@mui/material';
 import type { ReactNode } from 'react';
-export interface PageProps extends BoxProps {
+export interface HelmetPageProps {
     children: ReactNode;
     meta?: ReactNode;
     title: string;
+    subtitle?: string;
 }

package/components/Icon/{index.cbca79b0.js → index.f569765b.js}

@@ -1,34 +1,43 @@
 import { styled as c } from "@mui/material";
-import { useState as j, useMemo as C, useEffect as l } from "react";
-import { useTheme as g } from "@mui/material/styles";
-import { g as m } from "../../utils/index.214d9542.js";
-import { jsx as s } from "react/jsx-runtime";
-const I = c("div", {
-  shouldForwardProp: (M) => M !== "src" && M !== "sizeIcon" && M !== "bgColor"
+import { useState as C, useMemo as l, useEffect as g } from "react";
+import { useTheme as m } from "@mui/material/styles";
+import { g as I } from "../../utils/index.214d9542.js";
+import { jsx as o } from "react/jsx-runtime";
+const d = c("div", {
+  shouldForwardProp: (t) => t !== "src" && t !== "sizeIcon" && t !== "bgColor" && t !== "rotate"
 })(({
-  size: M,
+  size: t,
   src: L,
-  bgColor: e
+  bgColor: e,
+  rotate: i,
+  theme: s
 }) => ({
   maskPosition: "center!important",
   maskRepeat: "no-repeat!important",
   WebkitMaskRepeat: "no-repeat!important",
-  width: M,
-  height: M,
+  width: t,
+  height: t,
   backgroundColor: e,
   mask: `url('data:image/svg+xml;base64,${L}')`,
-  WebkitMask: `url('data:image/svg+xml;base64,${L}')`
+  WebkitMask: `url('data:image/svg+xml;base64,${L}')`,
+  transition: s.transitions.create("transform", {
+    duration: s.transitions.duration.shorter
+  }),
+  ...i && {
+    transform: "rotate(180deg)"
+  }
 })), D = c("div")(() => ({
   display: "flex",
   justifyContent: "center",
   alignItems: "center"
 }));
-function A(M) {
+function b(t) {
   const {
     src: L,
     size: e = "small",
-    bgColor: o = "action.active"
-  } = M, [u, w] = j(void 0), a = g(), r = C(() => {
+    bgColor: i = "action.active",
+    rotate: s = !1
+  } = t, [r, n] = C(void 0), w = m(), u = l(() => {
     switch (e) {
       case "extra-small":
         return "12px";
@@ -41,30 +50,33 @@ function A(M) {
     }
     return e;
   }, [e]);
-  return l(() => {
-    let i = !0;
+  return g(() => {
+    let a = !0;
     return async function() {
-      await fetch(L).then((t) => t.text() || "").then((t) => {
-        t = t.match(
+      await fetch(L).then((M) => M.text() || "").then((M) => {
+        M = M.match(
           /(<svg\b[^>]*\s*(viewBox="(\b[^"]*)").*?>([\s\S]*?)<\/svg>|<svg>([\s\S]*?)<\/svg>)/g
-        )?.toString() || "", i && w(window.btoa(t));
-      }).catch((t) => {
+        )?.toString() || "", a && n(window.btoa(M));
+      }).catch((M) => {
       });
     }(), function() {
-      i = !1;
+      a = !1;
     };
-  }, [L]), /* @__PURE__ */ s(D, {
+  }, [L]), /* @__PURE__ */ o(D, {
     className: "m4l_icon",
-    children: u ? /* @__PURE__ */ s(I, {
-      src: u,
-      size: r,
-      bgColor: m(a.palette, o)
-    }) : /* @__PURE__ */ s("img", {
+    children: r ? /* @__PURE__ */ o(d, {
+      src: r,
+      size: u,
+      bgColor: I(w.palette, i),
+      rotate: s
+    }) : /* @__PURE__ */ o("img", {
       src: "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI2LjMuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDcwIDcwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA3MCA3MDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiM2MzczODE7fQo8L3N0eWxlPgo8Zz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik00NSw4LjdjMS40LTEuNSwzLjQtMi4zLDUuNC0yLjNzMy45LDAuOCw1LjQsMi4zczIuNCwzLjUsMi41LDUuN2MwLDIuMi0wLjksNC4yLTIuNCw1LjdzLTMuNSwyLjMtNS41LDIuMgoJCWMtMi4xLDAuMS00LTAuNy01LjUtMi4yYy0xLjQtMS41LTIuMy0zLjUtMi40LTUuN0M0Mi42LDEyLjIsNDMuNSwxMC4yLDQ1LDguN3oiLz4KCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02OC40LDYyLjFjLTAuMywwLjUtMC43LDAuOC0xLjIsMS4xcy0xLDAuNC0xLjYsMC40SDQuM2MtMC42LDAtMS4xLTAuMS0xLjYtMC40cy0wLjktMC42LTEuMi0xLjEKCQljLTAuMi0wLjUtMC40LTEtMC40LTEuNXMwLjEtMS4xLDAuNC0xLjVsMjMtMzYuNGMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNHMwLjksMC42LDEuMiwxLjEKCQlsMTEuNSwxOC4yYzAuMiwwLjMsMC41LDAuNSwwLjgsMC43czAuNiwwLjMsMSwwLjNjMC4zLDAsMC43LTAuMSwxLTAuM3MwLjYtMC40LDAuOC0wLjdsMy4xLTQuOWMwLjMtMC41LDAuNy0wLjgsMS4yLTEuMQoJCXMxLTAuNCwxLjYtMC40czEuMSwwLjEsMS42LDAuNGMwLjUsMC4zLDAuOSwwLjYsMS4yLDEuMWwxNC42LDIzLjFjMC4zLDAuNSwwLjMsMSwwLjMsMS41UzY4LjcsNjEuNyw2OC40LDYyLjF6Ii8+CjwvZz4KPC9zdmc+Cg==",
-      alt: "icon_svg"
+      alt: "icon_svg",
+      width: u,
+      height: u
     })
   });
 }
 export {
-  A as I
+  b as I
 };

package/components/Icon/types.d.ts

@@ -3,6 +3,7 @@ export interface IconProps {
     src: string;
     bgColor?: string | 'info' | 'warning' | 'error' | 'active' | 'selected' | 'disabled';
     size?: SizeIcon;
+    rotate?: boolean;
 }
 export declare type WrapperPlaceHolderProps = {
     size: string;