@m4l/components 0.1.26 → 0.1.28

package/components/animate/variants/bounce.784aaaaa.js

@@ -1,13 +1,16 @@
-import { v as i, a as c } from "./transition.bd46b9ce.js";
-const r = (n) => {
-  const a = n?.durationIn, e = n?.durationOut, t = n?.easeIn, o = n?.easeOut;
+import { v as varTranEnter, a as varTranExit } from "./transition.bd46b9ce.js";
+const varBounce = (props) => {
+  const durationIn = props?.durationIn;
+  const durationOut = props?.durationOut;
+  const easeIn = props?.easeIn;
+  const easeOut = props?.easeOut;
   return {
     in: {
       initial: {},
       animate: {
         scale: [0.3, 1.1, 0.9, 1.03, 0.97, 1],
         opacity: [0, 1, 1, 1, 1, 1],
-        transition: i({ durationIn: a, easeIn: t })
+        transition: varTranEnter({ durationIn, easeIn })
       },
       exit: {
         scale: [0.9, 1.1, 0.3],
@@ -20,13 +23,13 @@ const r = (n) => {
         y: [720, -24, 12, -4, 0],
         scaleY: [4, 0.9, 0.95, 0.985, 1],
         opacity: [0, 1, 1, 1, 1],
-        transition: { ...i({ durationIn: a, easeIn: t }) }
+        transition: { ...varTranEnter({ durationIn, easeIn }) }
       },
       exit: {
         y: [12, -24, 720],
         scaleY: [0.985, 0.9, 3],
         opacity: [1, 1, 0],
-        transition: c({ durationOut: e, easeOut: o })
+        transition: varTranExit({ durationOut, easeOut })
       }
     },
     inDown: {
@@ -35,13 +38,13 @@ const r = (n) => {
         y: [-720, 24, -12, 4, 0],
         scaleY: [4, 0.9, 0.95, 0.985, 1],
         opacity: [0, 1, 1, 1, 1],
-        transition: i({ durationIn: a, easeIn: t })
+        transition: varTranEnter({ durationIn, easeIn })
       },
       exit: {
         y: [-12, 24, -720],
         scaleY: [0.985, 0.9, 3],
         opacity: [1, 1, 0],
-        transition: c({ durationOut: e, easeOut: o })
+        transition: varTranExit({ durationOut, easeOut })
       }
     },
     inLeft: {
@@ -50,13 +53,13 @@ const r = (n) => {
         x: [-720, 24, -12, 4, 0],
         scaleX: [3, 1, 0.98, 0.995, 1],
         opacity: [0, 1, 1, 1, 1],
-        transition: i({ durationIn: a, easeIn: t })
+        transition: varTranEnter({ durationIn, easeIn })
       },
       exit: {
         x: [0, 24, -720],
         scaleX: [1, 0.9, 2],
         opacity: [1, 1, 0],
-        transition: c({ durationOut: e, easeOut: o })
+        transition: varTranExit({ durationOut, easeOut })
       }
     },
     inRight: {
@@ -65,13 +68,13 @@ const r = (n) => {
         x: [720, -24, 12, -4, 0],
         scaleX: [3, 1, 0.98, 0.995, 1],
         opacity: [0, 1, 1, 1, 1],
-        transition: i({ durationIn: a, easeIn: t })
+        transition: varTranEnter({ durationIn, easeIn })
       },
       exit: {
         x: [0, -24, 720],
         scaleX: [1, 0.9, 2],
         opacity: [1, 1, 0],
-        transition: c({ durationOut: e, easeOut: o })
+        transition: varTranExit({ durationOut, easeOut })
       }
     },
     out: {
@@ -92,5 +95,5 @@ const r = (n) => {
   };
 };
 export {
-  r as v
+  varBounce as v
 };

package/components/animate/variants/container.11f82b76.js

@@ -1,20 +1,22 @@
-const r = (t) => {
-  const n = t?.staggerIn || 0.05, e = t?.staggerIn || 0.05, a = t?.staggerIn || 0.05;
+const varContainer = (props) => {
+  const staggerIn = props?.staggerIn || 0.05;
+  const delayIn = props?.staggerIn || 0.05;
+  const staggerOut = props?.staggerIn || 0.05;
   return {
     animate: {
       transition: {
-        staggerChildren: n,
-        delayChildren: e
+        staggerChildren: staggerIn,
+        delayChildren: delayIn
       }
     },
     exit: {
       transition: {
-        staggerChildren: a,
+        staggerChildren: staggerOut,
         staggerDirection: -1
       }
     }
   };
 };
 export {
-  r as v
+  varContainer as v
 };

package/components/animate/variants/fade.b561c0fc.js

@@ -1,59 +1,63 @@
-import { v as t, a } from "./transition.bd46b9ce.js";
-const s = (e) => {
-  const i = e?.distance || 120, n = e?.durationIn, o = e?.durationOut, y = e?.easeIn, c = e?.easeOut;
+import { v as varTranEnter, a as varTranExit } from "./transition.bd46b9ce.js";
+const varFade = (props) => {
+  const distance = props?.distance || 120;
+  const durationIn = props?.durationIn;
+  const durationOut = props?.durationOut;
+  const easeIn = props?.easeIn;
+  const easeOut = props?.easeOut;
   return {
     in: {
       initial: { opacity: 0 },
-      animate: { opacity: 1, transition: t },
-      exit: { opacity: 0, transition: a }
+      animate: { opacity: 1, transition: varTranEnter },
+      exit: { opacity: 0, transition: varTranExit }
     },
     inUp: {
-      initial: { y: i, opacity: 0 },
-      animate: { y: 0, opacity: 1, transition: t({ durationIn: n, easeIn: y }) },
-      exit: { y: i, opacity: 0, transition: a({ durationOut: o, easeOut: c }) }
+      initial: { y: distance, opacity: 0 },
+      animate: { y: 0, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
+      exit: { y: distance, opacity: 0, transition: varTranExit({ durationOut, easeOut }) }
     },
     inDown: {
-      initial: { y: -i, opacity: 0 },
-      animate: { y: 0, opacity: 1, transition: t({ durationIn: n, easeIn: y }) },
-      exit: { y: -i, opacity: 0, transition: a({ durationOut: o, easeOut: c }) }
+      initial: { y: -distance, opacity: 0 },
+      animate: { y: 0, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
+      exit: { y: -distance, opacity: 0, transition: varTranExit({ durationOut, easeOut }) }
     },
     inLeft: {
-      initial: { x: -i, opacity: 0 },
-      animate: { x: 0, opacity: 1, transition: t({ durationIn: n, easeIn: y }) },
-      exit: { x: -i, opacity: 0, transition: a({ durationOut: o, easeOut: c }) }
+      initial: { x: -distance, opacity: 0 },
+      animate: { x: 0, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
+      exit: { x: -distance, opacity: 0, transition: varTranExit({ durationOut, easeOut }) }
     },
     inRight: {
-      initial: { x: i, opacity: 0 },
-      animate: { x: 0, opacity: 1, transition: t({ durationIn: n, easeIn: y }) },
-      exit: { x: i, opacity: 0, transition: a({ durationOut: o, easeOut: c }) }
+      initial: { x: distance, opacity: 0 },
+      animate: { x: 0, opacity: 1, transition: varTranEnter({ durationIn, easeIn }) },
+      exit: { x: distance, opacity: 0, transition: varTranExit({ durationOut, easeOut }) }
     },
     out: {
       initial: { opacity: 1 },
-      animate: { opacity: 0, transition: t({ durationIn: n, easeIn: y }) },
-      exit: { opacity: 1, transition: a({ durationOut: o, easeOut: c }) }
+      animate: { opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
+      exit: { opacity: 1, transition: varTranExit({ durationOut, easeOut }) }
     },
     outUp: {
       initial: { y: 0, opacity: 1 },
-      animate: { y: -i, opacity: 0, transition: t({ durationIn: n, easeIn: y }) },
-      exit: { y: 0, opacity: 1, transition: a({ durationOut: o, easeOut: c }) }
+      animate: { y: -distance, opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
+      exit: { y: 0, opacity: 1, transition: varTranExit({ durationOut, easeOut }) }
     },
     outDown: {
       initial: { y: 0, opacity: 1 },
-      animate: { y: i, opacity: 0, transition: t({ durationIn: n, easeIn: y }) },
-      exit: { y: 0, opacity: 1, transition: a({ durationOut: o, easeOut: c }) }
+      animate: { y: distance, opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
+      exit: { y: 0, opacity: 1, transition: varTranExit({ durationOut, easeOut }) }
     },
     outLeft: {
       initial: { x: 0, opacity: 1 },
-      animate: { x: -i, opacity: 0, transition: t({ durationIn: n, easeIn: y }) },
-      exit: { x: 0, opacity: 1, transition: a({ durationOut: o, easeOut: c }) }
+      animate: { x: -distance, opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
+      exit: { x: 0, opacity: 1, transition: varTranExit({ durationOut, easeOut }) }
     },
     outRight: {
       initial: { x: 0, opacity: 1 },
-      animate: { x: i, opacity: 0, transition: t({ durationIn: n, easeIn: y }) },
-      exit: { x: 0, opacity: 1, transition: a({ durationOut: o, easeOut: c }) }
+      animate: { x: distance, opacity: 0, transition: varTranEnter({ durationIn, easeIn }) },
+      exit: { x: 0, opacity: 1, transition: varTranExit({ durationOut, easeOut }) }
     }
   };
 };
 export {
-  s as v
+  varFade as v
 };

package/components/animate/variants/transition.bd46b9ce.js

@@ -1,15 +1,20 @@
-const e = (n) => {
-  const t = n?.duration || 0.32, a = n?.ease || [0.43, 0.13, 0.23, 0.96];
-  return { duration: t, ease: a };
-}, r = (n) => {
-  const t = n?.durationIn || 0.64, a = n?.easeIn || [0.43, 0.13, 0.23, 0.96];
-  return { duration: t, ease: a };
-}, s = (n) => {
-  const t = n?.durationOut || 0.48, a = n?.easeOut || [0.43, 0.13, 0.23, 0.96];
-  return { duration: t, ease: a };
+const varTranHover = (props) => {
+  const duration = props?.duration || 0.32;
+  const ease = props?.ease || [0.43, 0.13, 0.23, 0.96];
+  return { duration, ease };
+};
+const varTranEnter = (props) => {
+  const duration = props?.durationIn || 0.64;
+  const ease = props?.easeIn || [0.43, 0.13, 0.23, 0.96];
+  return { duration, ease };
+};
+const varTranExit = (props) => {
+  const duration = props?.durationOut || 0.48;
+  const ease = props?.easeOut || [0.43, 0.13, 0.23, 0.96];
+  return { duration, ease };
 };
 export {
-  s as a,
-  e as b,
-  r as v
+  varTranExit as a,
+  varTranHover as b,
+  varTranEnter as v
 };

package/components/formatters/BooleanFormatter/index.8da35c9c.js

@@ -0,0 +1,55 @@
+import { useModuleDictionary, useEnvironment, getPropertyByString } from "@m4l/core";
+import React from "react";
+import { I as Icon } from "../../Icon/index.619c31c4.js";
+import { jsx } from "react/jsx-runtime";
+function BooleanFormatter(props) {
+  const {
+    presentationType,
+    value,
+    Component = React.Fragment
+  } = props;
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const {
+    host_static_assets,
+    environment_assets
+  } = useEnvironment();
+  const final_value = value ?? false;
+  const srcCheckTrue = `${host_static_assets}/${environment_assets}/frontend/components/data_grid/components/boolean_formatter/assets/icons/check_true.svg`;
+  const srcCheckFalse = `${host_static_assets}/${environment_assets}/frontend/components/data_grid/components/boolean_formatter/assets/icons/check_false.svg`;
+  if (presentationType === "string_yes_no") {
+    return /* @__PURE__ */ jsx(Component, {
+      children: final_value ? getLabel("formatters.boolean_yes") : getLabel("formatters.boolean_no")
+    });
+  }
+  if (presentationType === "string_true_false") {
+    return /* @__PURE__ */ jsx(Component, {
+      children: final_value ? getLabel("formatters.boolean_true") : getLabel("formatters.boolean_false")
+    });
+  }
+  return /* @__PURE__ */ jsx(Component, {
+    children: /* @__PURE__ */ jsx(Icon, {
+      src: final_value ? srcCheckTrue : srcCheckFalse,
+      bgColor: "action.disabled"
+    })
+  });
+}
+function columnBooleanFormatter(props) {
+  const {
+    fieldValue,
+    presentationType,
+    Component = React.Fragment
+  } = props;
+  return (obProps) => {
+    return /* @__PURE__ */ jsx(BooleanFormatter, {
+      presentationType,
+      value: getPropertyByString(obProps, fieldValue),
+      Component
+    });
+  };
+}
+export {
+  BooleanFormatter as B,
+  columnBooleanFormatter as c
+};

package/components/formatters/DateFormatter/index.1b9baacc.js

@@ -0,0 +1,69 @@
+import React from "react";
+import { useEnvironment, useHostTools, getPropertyByString } from "@m4l/core";
+import "../../Icon/index.619c31c4.js";
+import "@mui/material/styles";
+import { jsx, Fragment } from "react/jsx-runtime";
+function DateFormatter(props) {
+  const {
+    presentationType,
+    value,
+    format,
+    Component = React.Fragment
+  } = props;
+  const {
+    dfnsFormat
+  } = useEnvironment();
+  const {
+    formatDate
+  } = useHostTools();
+  let finalFormat = format || dfnsFormat.datetime_format;
+  let result;
+  let resultDate;
+  if (value === void 0 || value === null) {
+    return /* @__PURE__ */ jsx(Fragment, {
+      children: "-"
+    });
+  }
+  switch (presentationType) {
+    case "datetime":
+      finalFormat = format || dfnsFormat.datetime_format;
+      break;
+    case "date":
+      finalFormat = format || dfnsFormat.date_format;
+      break;
+    case "time":
+      finalFormat = format || dfnsFormat.time_format;
+      break;
+  }
+  try {
+    if (typeof value === "number" || typeof value === "string") {
+      resultDate = new Date(value);
+    } else {
+      resultDate = value;
+    }
+    result = formatDate(resultDate, finalFormat);
+  } catch (e) {
+    result = "err_typing";
+  }
+  return /* @__PURE__ */ jsx(Component, {
+    children: result
+  });
+}
+function columnDateFormatter(props) {
+  const {
+    fieldValue,
+    presentationType,
+    Component = React.Fragment
+  } = props;
+  return (obProps) => {
+    return /* @__PURE__ */ jsx(DateFormatter, {
+      presentationType,
+      value: getPropertyByString(obProps, fieldValue),
+      Component
+    });
+  };
+}
+export {
+  DateFormatter as D,
+  columnDateFormatter as c
+};

package/components/formatters/index.689a8086.js

@@ -0,0 +1,119 @@
+import React from "react";
+import { jsx, Fragment } from "react/jsx-runtime";
+import { getPropertyByString } from "@m4l/core";
+import "../Icon/index.619c31c4.js";
+import "@mui/material/styles";
+function UncertaintyFormatter(props) {
+  const {
+    value,
+    unit,
+    symbol,
+    Component = React.Fragment
+  } = props;
+  if (value === void 0 || value === null || !Array.isArray(value)) {
+    return /* @__PURE__ */ jsx(Fragment, {
+      children: ""
+    });
+  }
+  let result = "";
+  value.map((obj, idx) => {
+    const cmc_min_closed = obj.cmc_min_closed != true ? "<" : "\u2264";
+    const cmc_max_closed = obj.cmc_max_closed != true ? "<" : "\u2264";
+    result = result.concat(`${idx > 0 ? " " : ""}`, obj.cmc_min !== obj.cmc_max ? `[${obj.cmc_min}${unit} ${cmc_min_closed} ${symbol} ${cmc_max_closed} ${obj.cmc_max}${unit} \xB1 ${obj.cmc_uncertainty}]` : `[${obj.cmc_min}${unit} \xB1 ${obj.cmc_uncertainty}]`);
+  });
+  return /* @__PURE__ */ jsx(Component, {
+    children: result
+  });
+}
+function PointsFormatter(props) {
+  const {
+    value,
+    unit,
+    Component = React.Fragment
+  } = props;
+  if (value === void 0 || value === null || !Array.isArray(value)) {
+    return /* @__PURE__ */ jsx(Fragment, {
+      children: "[]"
+    });
+  }
+  let result = "";
+  value.map((point) => {
+    if (point) {
+      result = result.concat(`[${point}${unit}]`);
+    }
+  });
+  return /* @__PURE__ */ jsx(Component, {
+    children: result
+  });
+}
+function PriceFormatter(props) {
+  const {
+    value,
+    Component = React.Fragment
+  } = props;
+  return /* @__PURE__ */ jsx(Component, {
+    children: `${value}$Cop`
+  });
+}
+function getFormattersComponentsDictionary() {
+  return ["formatters"];
+}
+const defaultFormattersDictionary = {
+  pager: {
+    boolean_yes: "Yes",
+    boolean_no: "No",
+    boolean_true: "True",
+    boolean_false: "False"
+  }
+};
+function columnUncertaintyFormatter(props) {
+  const {
+    fieldUnit,
+    fieldValue,
+    fieldSymbol,
+    Component
+  } = props;
+  return (obProps) => {
+    return /* @__PURE__ */ jsx(UncertaintyFormatter, {
+      Component,
+      value: getPropertyByString(obProps, fieldValue),
+      unit: getPropertyByString(obProps, fieldUnit),
+      symbol: getPropertyByString(obProps, fieldSymbol)
+    });
+  };
+}
+function columnPointsFormatter(props) {
+  const {
+    fieldUnit,
+    fieldValue,
+    Component
+  } = props;
+  return (obProps) => {
+    return /* @__PURE__ */ jsx(PointsFormatter, {
+      Component,
+      value: getPropertyByString(obProps, fieldValue),
+      unit: getPropertyByString(obProps, fieldUnit)
+    });
+  };
+}
+function columnNestedValueFormatter(props) {
+  const {
+    fieldValue,
+    Component = React.Fragment
+  } = props;
+  return (obProps) => {
+    return /* @__PURE__ */ jsx(Component, {
+      children: getPropertyByString(obProps, fieldValue) + ""
+    });
+  };
+}
+export {
+  PointsFormatter as P,
+  UncertaintyFormatter as U,
+  PriceFormatter as a,
+  columnPointsFormatter as b,
+  columnUncertaintyFormatter as c,
+  defaultFormattersDictionary as d,
+  columnNestedValueFormatter as e,
+  getFormattersComponentsDictionary as g
+};