@m4l/components 1.0.11 → 1.0.13

package/components/AccountPopover/{index.62b1290b.js → index.f22ad364.js}

@@ -3,11 +3,11 @@ import { useEnvironment, useModuleDictionary, useNetwork } from "@m4l/core";
 import { useState, useEffect } from "react";
 import { generateUtilityClasses, generateUtilityClass, styled, useTheme, ButtonBase } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { T as TEST_PROP_ID } from "../areas/constants.0d3ba950.js";
-import { A as Avatar } from "../mui_extended/Avatar/index.12b96914.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
+import { A as Avatar } from "../mui_extended/Avatar/index.fb9ad158.js";
 import { C as CircularProgress } from "../mui_extended/CircularProgress/index.967e70b7.js";
-import { P as Popover } from "../mui_extended/Popover/index.146ded9e.js";
-import { I as Icon } from "../Icon/index.8ecfb193.js";
+import { P as Popover } from "../mui_extended/Popover/index.2348fc4f.js";
+import { I as Icon } from "../Icon/index.83867398.js";
 import clsx from "clsx";
 const componentName = "M4LAccountPopover";
 generateUtilityClasses(

package/components/AppBar/{index.b48343d8.js → index.8d90ce87.js}

@@ -2,12 +2,12 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { styled } from "@mui/material/styles";
 import { useResponsiveContainerStore } from "@m4l/graphics";
 import { useEnvironment, useModuleDictionary } from "@m4l/core";
-import { T as TEST_PROP_ID } from "../areas/constants.0d3ba950.js";
+import { T as TEST_PROP_ID } from "../../test/constants_no_mock.86c553a9.js";
 import { generateUtilityClasses, generateUtilityClass } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { I as Image } from "../Image/index.4a822ede.js";
-import { T as Typography } from "../mui_extended/Typography/index.463f613f.js";
-import { I as IconButton } from "../mui_extended/IconButton/index.d5b273e6.js";
+import { I as Image } from "../Image/index.19aa7ff5.js";
+import { T as Typography } from "../mui_extended/Typography/index.642798f1.js";
+import { I as IconButton } from "../mui_extended/IconButton/index.b4532b85.js";
 const AppBarRoot = styled("header")(({ theme }) => ({
   ...theme.components?.M4LAppBar?.styleOverrides
 }));

package/components/CommonActions/components/ActionCancel/index.609a78ca.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { useModuleDictionary } from "@m4l/core";
+import { B as Button } from "../../../mui_extended/Button/index.d742e9ee.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.258bf919.js";
+const ActionCancel = (props) => {
+  const { getLabel } = useModuleDictionary();
+  const classes = useCommonActionsUtilityClasses();
+  return /* @__PURE__ */ jsx(Button, { variant: "outlined", color: "inherit", ...props, className: classes.actionCancel, children: getLabel("common_actions.cancel") });
+};
+export {
+  ActionCancel as A
+};

package/components/CommonActions/components/ActionFormCancel/index.a1318eac.js

@@ -0,0 +1,56 @@
+import { jsx } from "react/jsx-runtime";
+import { useFormContext, useFormState } from "react-hook-form";
+import { useModuleDictionary } from "@m4l/core";
+import { B as Button } from "../../../mui_extended/Button/index.d742e9ee.js";
+import { useCallback, useEffect } from "react";
+import { u as useModal } from "../../../../hooks/useModal/index.2003c854.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.258bf919.js";
+import { u as useWindowToolsMF } from "../../../areas/hooks/useWindowToolsMF/index.2fbae9dc.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.300bd34b.js";
+function ActionFormCancel() {
+  const { getLabel } = useModuleDictionary();
+  const { openModal } = useModal();
+  const { close: closeWindow, setFnQueryClose: setQueryClose } = useWindowToolsMF();
+  const { control } = useFormContext();
+  const { isDirty } = useFormState({
+    control
+  });
+  const onConfirmQuit = useCallback(() => {
+    closeWindow();
+  }, []);
+  const onClickCancel = useCallback(() => {
+    if (isDirty) {
+      openModal({
+        window: /* @__PURE__ */ jsx(
+          WindowConfirm,
+          {
+            variant: "warning",
+            title: getLabel("common_actions.confirm_quit_title"),
+            msg: getLabel("common_actions.confirm_quit_msg"),
+            onClickIntro: onConfirmQuit
+          }
+        ),
+        variant: "warning"
+      });
+    } else {
+      onConfirmQuit();
+    }
+  }, [getLabel, isDirty, openModal]);
+  useEffect(() => {
+    setQueryClose(onClickCancel);
+  }, [onClickCancel]);
+  const classes = useCommonActionsUtilityClasses();
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      variant: "outlined",
+      color: "inherit",
+      onClick: onClickCancel,
+      className: classes.actionFormCancel,
+      children: getLabel("common_actions.cancel")
+    }
+  );
+}
+export {
+  ActionFormCancel as A
+};

package/components/CommonActions/components/ActionFormIntro/index.34d569d1.js

@@ -0,0 +1,33 @@
+import { jsx } from "react/jsx-runtime";
+import { useFormContext, useFormState } from "react-hook-form";
+import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
+import { Skeleton } from "@mui/material";
+import { L as LoadingButton } from "../../../mui_extended/Button/index.d742e9ee.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.258bf919.js";
+function ActionFormIntro(props) {
+  const { getLabel } = useModuleDictionary();
+  const isSkeleton = useModuleSkeleton();
+  const { control } = useFormContext();
+  const { isSubmitting } = useFormState({
+    control
+  });
+  const classes = useCommonActionsUtilityClasses();
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(Skeleton, { variant: "text", width: 57, height: 30 });
+  }
+  return /* @__PURE__ */ jsx(
+    LoadingButton,
+    {
+      variant: "contained",
+      type: "submit",
+      color: "primary",
+      loading: isSubmitting,
+      className: classes.actionFormIntro,
+      ...props,
+      children: getLabel("common_actions.intro")
+    }
+  );
+}
+export {
+  ActionFormIntro as A
+};

package/components/CommonActions/components/ActionIntro/index.ebac0bc1.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { useModuleDictionary } from "@m4l/core";
+import { B as Button } from "../../../mui_extended/Button/index.d742e9ee.js";
+import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.258bf919.js";
+const ACTIONINTRO_TEST_ID = "m4lactions";
+const ActionIntro = (props) => {
+  const { getLabel } = useModuleDictionary();
+  const classes = useCommonActionsUtilityClasses();
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: ACTIONINTRO_TEST_ID } : {},
+      variant: "contained",
+      type: "submit",
+      color: "primary",
+      className: classes.actionIntro,
+      ...props,
+      children: getLabel("common_actions.intro")
+    }
+  );
+};
+export {
+  ActionIntro as A
+};

package/components/CommonActions/components/Actions/index.258bf919.js

@@ -0,0 +1,71 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+import clsx from "clsx";
+import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
+import { generateUtilityClasses } from "@mui/material";
+import { unstable_composeClasses } from "@mui/base";
+import { g as getComponentUtilityClass } from "../../../../utils/index.14912462.js";
+import { styled } from "@mui/material/styles";
+function getCommonActionsDictionary() {
+  return ["common_actions"];
+}
+const defaultCommonActionsDictionary = {
+  common_actions: {
+    cancel: "Cancel",
+    intro: "Intro",
+    confirm_quit_title: "Confirm",
+    confirm_quit_msg: "Are your sure exit?"
+  }
+};
+const componentName = "M4LCommonActions";
+generateUtilityClasses(
+  componentName,
+  [
+    "root",
+    "skeleton",
+    "actionCancel",
+    "actionFormCancel",
+    "actionFormIntro",
+    "actionIntro",
+    "wrapperActions"
+  ]
+);
+const useCommonActionsUtilityClasses = () => {
+  const slots = {
+    root: ["root"],
+    skeleton: ["skeleton"],
+    actionCancel: ["actionCancel"],
+    actionFormCancel: ["actionFormCancel"],
+    actionFormIntro: ["actionFormIntro"],
+    actionIntro: ["actionIntro"],
+    wrapperActions: ["wrapperActions"]
+  };
+  return unstable_composeClasses(slots, getComponentUtilityClass(componentName), {});
+};
+const WrapperStandarActions = styled("div")(({ theme }) => ({
+  ...theme.components?.M4LCommonActions?.styleOverrides
+}));
+const COMMONACTIONS_PREFIX = "M4LCommonActions";
+const getNameCommonActionsDataTestId = (KEY) => {
+  return `${COMMONACTIONS_PREFIX}-${KEY}`;
+};
+const Actions = forwardRef(function ActionsForwarded(props, ref) {
+  const { children, ...restProps } = props;
+  const classes = useCommonActionsUtilityClasses();
+  return /* @__PURE__ */ jsx(
+    WrapperStandarActions,
+    {
+      ...restProps,
+      ref,
+      className: clsx(classes.root, restProps?.className),
+      ...process.env.NODE_ENV !== "production" ? { [TEST_PROP_ID]: getNameCommonActionsDataTestId("root") } : {},
+      children
+    }
+  );
+});
+export {
+  Actions as A,
+  defaultCommonActionsDictionary as d,
+  getCommonActionsDictionary as g,
+  useCommonActionsUtilityClasses as u
+};

package/components/DataGrid/constants.e334cd50.js

@@ -0,0 +1,10 @@
+const DATAGRID_PREFIX_NAME = "M4LDataGrid";
+const DATAGRID_SELECT_COLUMN_KEY = "M4LDataGrid-CheckedColumn";
+const DATAGRID_ACTIONS_COLUMN_KEY = "M4LDataGrid-ActionsColumn";
+const componentName = "M4LDataGrid";
+export {
+  DATAGRID_SELECT_COLUMN_KEY as D,
+  DATAGRID_PREFIX_NAME as a,
+  DATAGRID_ACTIONS_COLUMN_KEY as b,
+  componentName as c
+};

package/components/DataGrid/formatters/ColumnBooleanFormatter/index.7fb1ebaa.js

@@ -0,0 +1,26 @@
+import { jsx } from "react/jsx-runtime";
+import { getPropertyByString } from "@m4l/core";
+import { B as BooleanFormatter } from "../../../formatters/BooleanFormatter/index.cbf9cd6e.js";
+function ColumnBooleanFormatter(props) {
+  const { fieldValue, presentationType, Component } = props;
+  return (obProps) => {
+    const valueMaybeString = getPropertyByString(obProps, fieldValue);
+    let fixedValue;
+    if (typeof valueMaybeString === "boolean") {
+      fixedValue = valueMaybeString;
+    } else {
+      fixedValue = void 0;
+    }
+    return /* @__PURE__ */ jsx(
+      BooleanFormatter,
+      {
+        presentationType,
+        value: fixedValue,
+        Component
+      }
+    );
+  };
+}
+export {
+  ColumnBooleanFormatter as C
+};

package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/index.0ee10612.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { getPropertyByString } from "@m4l/core";
+import { C as ConcatenatedFormatter } from "../../../formatters/index.63a3e08e.js";
+function ColumnConcatenatedValueFormatter(props) {
+  const { fieldValue, fieldSeparator, Component } = props;
+  return (obProps) => {
+    const values = fieldValue.map((element) => {
+      const valueMaybeString = getPropertyByString(obProps, element);
+      let fixedValue;
+      if (typeof valueMaybeString === "string" || typeof valueMaybeString === "number") {
+        fixedValue = valueMaybeString;
+      } else {
+        fixedValue = "";
+      }
+      return fixedValue;
+    });
+    return /* @__PURE__ */ jsx(ConcatenatedFormatter, { values, separator: fieldSeparator, Component });
+  };
+}
+export {
+  ColumnConcatenatedValueFormatter as C
+};

package/components/DataGrid/formatters/ColumnDateFormatter/index.e00d0cf2.js

@@ -0,0 +1,19 @@
+import { jsx } from "react/jsx-runtime";
+import { getPropertyByString } from "@m4l/core";
+import { D as DateFormatter } from "../../../formatters/DateFormatter/index.2ef6f261.js";
+function ColumnDateFormatter(props) {
+  const { fieldValue, presentationType, Component } = props;
+  return (obProps) => {
+    const valueMaybeDateStringNumber = getPropertyByString(obProps, fieldValue);
+    let fixedValue;
+    if (typeof valueMaybeDateStringNumber === "string" || typeof valueMaybeDateStringNumber === "number" || valueMaybeDateStringNumber instanceof Date) {
+      fixedValue = valueMaybeDateStringNumber;
+    } else {
+      fixedValue = "";
+    }
+    return /* @__PURE__ */ jsx(DateFormatter, { presentationType, value: fixedValue, Component });
+  };
+}
+export {
+  ColumnDateFormatter as C
+};

package/components/DataGrid/formatters/ColumnInteractiveCheckFormatter/index.dce9ada8.js

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { Checkbox } from "@mui/material";
+import { d as dataGridClasses } from "../../index.68e19254.js";
+function ColumnInteractiveCheckFormatter(props) {
+  const { row, onRowChange, column } = props;
+  const handleChange = () => {
+    const newRow = { ...row };
+    newRow[column.key] = !row[column.key];
+    onRowChange(newRow);
+  };
+  return /* @__PURE__ */ jsx(
+    Checkbox,
+    {
+      size: "small",
+      checked: row[column.key] || false,
+      onChange: handleChange,
+      className: dataGridClasses.formatterColumn
+    }
+  );
+}
+export {
+  ColumnInteractiveCheckFormatter as C
+};

package/components/DataGrid/formatters/ColumnNestedValueFormatter/index.880e743b.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { getPropertyByString } from "@m4l/core";
+import { W as WrapperComponent } from "../../../WrapperComponent/index.57964195.js";
+function ColumnNestedValueFormatter(props) {
+  const { fieldValue, Component = WrapperComponent } = props;
+  return (obProps) => {
+    const property = getPropertyByString(obProps, fieldValue);
+    const value = typeof property === "object" ? "" : property;
+    return /* @__PURE__ */ jsx(Component, { children: value });
+  };
+}
+export {
+  ColumnNestedValueFormatter as C
+};

package/components/DataGrid/formatters/ColumnPointsFormatter/index.226cc583.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { P as PointsFormatter } from "../../../formatters/PointsFormatter/index.d8a4ee54.js";
+function ColumnPointsFormatter(props) {
+  return (obProps) => {
+    return /* @__PURE__ */ jsx(PointsFormatter, { obProps, ...props });
+  };
+}
+export {
+  ColumnPointsFormatter as C
+};

package/components/DataGrid/formatters/ColumnPriceFormatter/index.bf9d9e60.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { P as PriceFormatter } from "../../../formatters/PriceFormatter/index.97f75b4b.js";
+function ColumnPriceFormatter(props) {
+  return (obProps) => {
+    return /* @__PURE__ */ jsx(PriceFormatter, { obProps, ...props });
+  };
+}
+export {
+  ColumnPriceFormatter as C
+};

package/components/DataGrid/formatters/ColumnSetCheckFormatter/index.4045b2f2.js

@@ -0,0 +1,36 @@
+import { jsx } from "react/jsx-runtime";
+import { S as SelectCellFormatter } from "../../../../react-data-grid.c5377916.js";
+function ColumnSetCheckFormatter(parameters) {
+  const { field, disabledGetter, rowKeyGetter, useHook } = parameters;
+  const formatter = (props) => {
+    const { row } = props;
+    const [checkedRows, setCheckedRows] = useHook(field);
+    const onChange = (checked, _isShiftClick) => {
+      const newCheckedRows = new Set(checkedRows);
+      if (checked) {
+        newCheckedRows.add(rowKeyGetter(props.row));
+      } else {
+        newCheckedRows.delete(rowKeyGetter(props.row));
+      }
+      setCheckedRows(newCheckedRows);
+    };
+    let disabled = false;
+    if (disabledGetter) {
+      disabled = disabledGetter(row);
+    }
+    return /* @__PURE__ */ jsx(
+      SelectCellFormatter,
+      {
+        value: checkedRows.has(rowKeyGetter(row)) || false,
+        disabled,
+        isCellSelected: props.isCellSelected,
+        onChange,
+        "aria-label": "Select"
+      }
+    );
+  };
+  return formatter;
+}
+export {
+  ColumnSetCheckFormatter as C
+};

package/components/DataGrid/formatters/ColumnUncertaintyFormatter/index.a87302d1.js

@@ -0,0 +1,10 @@
+import { jsx } from "react/jsx-runtime";
+import { U as UncertaintyFormatter } from "../../../formatters/UncertaintyFormatter/index.c3ffdebc.js";
+function ColumnUncertaintyFormatter(props) {
+  return (obProps) => {
+    return /* @__PURE__ */ jsx(UncertaintyFormatter, { obProps, ...props });
+  };
+}
+export {
+  ColumnUncertaintyFormatter as C
+};

package/components/DataGrid/formatters/index.2c2f0ae4.js

@@ -0,0 +1 @@
+