@m4l/components 0.2.35 → 0.2.36

package/components/CommonActions/components/ActionFormCancel/{index.78267f7c.js → index.2b0bd50d.js}

@@ -1,29 +1,18 @@
+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.c3084916.js";
+import { B as Button } from "../../../mui_extended/Button/index.5395d101.js";
 import { useCallback, useEffect } from "react";
-import { u as useModal } from "../../../../hooks/useModal/index.f73d7e42.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.fa7ab18c.js";
-import { jsx } from "react/jsx-runtime";
-import { u as useWindowToolsMF } from "../../../areas/hooks/useWindowToolsMF/index.b7afaf88.js";
-import { W as WindowConfirm } from "../../../modal/WindowConfirm.ee6de236.js";
+import { u as useModal } from "../../../../hooks/useModal/index.30674bb7.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.273645af.js";
+import { u as useWindowToolsMF } from "../../../areas/hooks/useWindowToolsMF/index.2fbae9dc.js";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.48140481.js";
 function ActionFormCancel() {
-  const {
-    getLabel
-  } = useModuleDictionary();
-  const {
-    openModal
-  } = useModal();
-  const {
-    close: closeWindow,
-    setFnQueryClose: setQueryClose
-  } = useWindowToolsMF();
-  const {
-    control
-  } = useFormContext();
-  const {
-    isDirty
-  } = useFormState({
+  const { getLabel } = useModuleDictionary();
+  const { openModal } = useModal();
+  const { close: closeWindow, setFnQueryClose: setQueryClose } = useWindowToolsMF();
+  const { control } = useFormContext();
+  const { isDirty } = useFormState({
     control
   });
   const onConfirmQuit = useCallback(() => {
@@ -32,12 +21,15 @@ function ActionFormCancel() {
   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
-        }),
+        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 {
@@ -48,13 +40,16 @@ function ActionFormCancel() {
     setQueryClose(onClickCancel);
   }, [onClickCancel]);
   const classes = useCommonActionsUtilityClasses();
-  return /* @__PURE__ */ jsx(Button, {
-    variant: "outlined",
-    color: "inherit",
-    onClick: onClickCancel,
-    className: classes.actionFormCancel,
-    children: getLabel("common_actions.cancel")
-  });
+  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.dcb4d280.js → index.4f212c39.js}

@@ -1,39 +1,32 @@
+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.c3084916.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.fa7ab18c.js";
-import { jsx } from "react/jsx-runtime";
+import { L as LoadingButton } from "../../../mui_extended/Button/index.5395d101.js";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.273645af.js";
 function ActionFormIntro(props) {
-  const {
-    getLabel
-  } = useModuleDictionary();
+  const { getLabel } = useModuleDictionary();
   const isSkeleton = useModuleSkeleton();
-  const {
-    control
-  } = useFormContext();
-  const {
-    isSubmitting
-  } = useFormState({
+  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(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")
-  });
+  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.094290fd.js → index.7406bd47.js}

@@ -1,25 +1,24 @@
+import { jsx } from "react/jsx-runtime";
 import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.c3084916.js";
+import { B as Button } from "../../../mui_extended/Button/index.5395d101.js";
 import { T as TEST_PROP_ID } from "../../../../test/constants_no_mock.86c553a9.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.fa7ab18c.js";
-import { jsx } from "react/jsx-runtime";
+import { u as useCommonActionsUtilityClasses } from "../Actions/index.273645af.js";
 const ACTIONINTRO_TEST_ID = "m4lactions";
 const ActionIntro = (props) => {
-  const {
-    getLabel
-  } = useModuleDictionary();
+  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")
-  });
+  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.fa7ab18c.js → index.273645af.js}

@@ -1,8 +1,10 @@
+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, styled } from "@mui/material";
 import { unstable_composeClasses } from "@mui/base";
-import { g as getComponentUtilityClass } from "../../../../utils/index.6469f148.js";
-import { jsx } from "react/jsx-runtime";
+import { g as getComponentUtilityClass } from "../../../../utils/index.0718eeac.js";
 function getCommonActionsDictionary() {
   return ["common_actions"];
 }
@@ -15,15 +17,18 @@ const defaultCommonActionsDictionary = {
   }
 };
 const componentName = "M4LCommonActions";
-generateUtilityClasses(componentName, [
-  "root",
-  "skeleton",
-  "actionCancel",
-  "actionFormCancel",
-  "actionFormIntro",
-  "actionIntro",
-  "wrapperActions"
-]);
+generateUtilityClasses(
+  componentName,
+  [
+    "root",
+    "skeleton",
+    "actionCancel",
+    "actionFormCancel",
+    "actionFormIntro",
+    "actionIntro",
+    "wrapperActions"
+  ]
+);
 const useCommonActionsUtilityClasses = () => {
   const slots = {
     root: ["root"],
@@ -36,28 +41,27 @@ const useCommonActionsUtilityClasses = () => {
   };
   return unstable_composeClasses(slots, getComponentUtilityClass(componentName), {});
 };
-const WrapperStandarActions = styled("div")(({
-  theme
-}) => ({
+const WrapperStandarActions = styled("div")(({ theme }) => ({
   ...theme.components?.M4LCommonActions?.styleOverrides
 }));
 const COMMONACTIONS_PREFIX = "M4LCommonActions";
 const getNameCommonActionsDataTestId = (KEY) => {
   return `${COMMONACTIONS_PREFIX}-${KEY}`;
 };
-const Actions = (props) => {
-  const {
-    children
-  } = props;
+const Actions = forwardRef(function ActionsForwarded(props, ref) {
+  const { children, ...restProps } = props;
   const classes = useCommonActionsUtilityClasses();
-  return /* @__PURE__ */ jsx(WrapperStandarActions, {
-    className: classes.root,
-    ...process.env.NODE_ENV !== "production" ? {
-      [TEST_PROP_ID]: getNameCommonActionsDataTestId("root")
-    } : {},
-    children
-  });
-};
+  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,

package/components/CommonActions/components/Actions/index.d.ts

@@ -1,2 +1,3 @@
+/// <reference types="react" />
 import type { CommonActionsProps } from './types';
-export declare const Actions: (props: CommonActionsProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Actions: import("react").ForwardRefExoticComponent<CommonActionsProps & import("react").RefAttributes<any>>;

package/components/CommonActions/components/Actions/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const WrapperStandarActions: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/components/CommonActions/components/Actions/types.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
-export interface CommonActionsProps {
+import { HTMLAttributes, ReactNode } from 'react';
+export interface CommonActionsProps extends HTMLAttributes<HTMLDivElement> {
     children: ReactNode;
 }

package/components/CommonActions/tests/utils.d.ts

@@ -1,2 +1,2 @@
-import { CommonActionsClassesKey } from "../classes/types";
+import { CommonActionsClassesKey } from '../classes/types';
 export declare const getNameCommonActionsDataTestId: (KEY: CommonActionsClassesKey) => string;

package/components/DataGrid/assets/icons/datagrid.svg

@@ -1,4 +1,4 @@
-<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M10 13H6C3.245 13 1 10.755 1 8C1 5.245 3.245 3 6 3H10C12.755 3 15 5.245 15 8C15 10.755 12.755 13 10 13ZM6 4C3.795 4 2 5.795 2 8C2 10.205 3.795 12 6 12H10C12.205 12 14 10.205 14 8C14 5.795 12.205 4 10 4H6Z" fill="#2F3737"/>
-<path d="M10 11C8.345 11 7 9.655 7 8C7 6.345 8.345 5 10 5C11.655 5 13 6.345 13 8C13 9.655 11.655 11 10 11ZM10 6C8.895 6 8 6.895 8 8C8 9.105 8.895 10 10 10C11.105 10 12 9.105 12 8C12 6.895 11.105 6 10 6Z" fill="#2F3737"/>
-</svg>
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M10 13H6C3.245 13 1 10.755 1 8C1 5.245 3.245 3 6 3H10C12.755 3 15 5.245 15 8C15 10.755 12.755 13 10 13ZM6 4C3.795 4 2 5.795 2 8C2 10.205 3.795 12 6 12H10C12.205 12 14 10.205 14 8C14 5.795 12.205 4 10 4H6Z" fill="#2F3737"/>
+<path d="M10 11C8.345 11 7 9.655 7 8C7 6.345 8.345 5 10 5C11.655 5 13 6.345 13 8C13 9.655 11.655 11 10 11ZM10 6C8.895 6 8 6.895 8 8C8 9.105 8.895 10 10 10C11.105 10 12 9.105 12 8C12 6.895 11.105 6 10 6Z" fill="#2F3737"/>
+</svg>

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

@@ -1,4 +1,4 @@
-import { dataGridUtilityClasses } from ".";
+import { dataGridUtilityClasses } from '.';
 export interface DataGridClassesType {
     root: string;
     actions: string;

package/components/DataGrid/formatters/ColumnBooleanFormatter/{index.cd6e553a.js → index.cee6b676.js}

@@ -1,12 +1,8 @@
-import { getPropertyByString } from "@m4l/core";
 import { jsx } from "react/jsx-runtime";
-import { B as BooleanFormatter } from "../../../formatters/BooleanFormatter/index.9ccf9298.js";
+import { getPropertyByString } from "@m4l/core";
+import { B as BooleanFormatter } from "../../../formatters/BooleanFormatter/index.0c2d8e35.js";
 function ColumnBooleanFormatter(props) {
-  const {
-    fieldValue,
-    presentationType,
-    Component
-  } = props;
+  const { fieldValue, presentationType, Component } = props;
   return (obProps) => {
     const valueMaybeString = getPropertyByString(obProps, fieldValue);
     let fixedValue;
@@ -15,11 +11,14 @@ function ColumnBooleanFormatter(props) {
     } else {
       fixedValue = void 0;
     }
-    return /* @__PURE__ */ jsx(BooleanFormatter, {
-      presentationType,
-      value: fixedValue,
-      Component
-    });
+    return /* @__PURE__ */ jsx(
+      BooleanFormatter,
+      {
+        presentationType,
+        value: fixedValue,
+        Component
+      }
+    );
   };
 }
 export {

package/components/DataGrid/formatters/ColumnConcatenatedValueFormatter/{index.0c439ac3.js → index.708f3fb5.js}

@@ -1,12 +1,8 @@
-import { getPropertyByString } from "@m4l/core";
 import { jsx } from "react/jsx-runtime";
-import { C as ConcatenatedFormatter } from "../../../formatters/index.03471e3f.js";
+import { getPropertyByString } from "@m4l/core";
+import { C as ConcatenatedFormatter } from "../../../formatters/index.b816c6b6.js";
 function ColumnConcatenatedValueFormatter(props) {
-  const {
-    fieldValue,
-    fieldSeparator,
-    Component
-  } = props;
+  const { fieldValue, fieldSeparator, Component } = props;
   return (obProps) => {
     const values = fieldValue.map((element) => {
       const valueMaybeString = getPropertyByString(obProps, element);
@@ -18,11 +14,7 @@ function ColumnConcatenatedValueFormatter(props) {
       }
       return fixedValue;
     });
-    return /* @__PURE__ */ jsx(ConcatenatedFormatter, {
-      values,
-      separator: fieldSeparator,
-      Component
-    });
+    return /* @__PURE__ */ jsx(ConcatenatedFormatter, { values, separator: fieldSeparator, Component });
   };
 }
 export {

package/components/DataGrid/formatters/ColumnDateFormatter/{index.704db1ca.js → index.e00d0cf2.js}

@@ -1,12 +1,8 @@
-import { getPropertyByString } from "@m4l/core";
 import { jsx } from "react/jsx-runtime";
-import { D as DateFormatter } from "../../../formatters/DateFormatter/index.578a9f53.js";
+import { getPropertyByString } from "@m4l/core";
+import { D as DateFormatter } from "../../../formatters/DateFormatter/index.2ef6f261.js";
 function ColumnDateFormatter(props) {
-  const {
-    fieldValue,
-    presentationType,
-    Component
-  } = props;
+  const { fieldValue, presentationType, Component } = props;
   return (obProps) => {
     const valueMaybeDateStringNumber = getPropertyByString(obProps, fieldValue);
     let fixedValue;
@@ -15,11 +11,7 @@ function ColumnDateFormatter(props) {
     } else {
       fixedValue = "";
     }
-    return /* @__PURE__ */ jsx(DateFormatter, {
-      presentationType,
-      value: fixedValue,
-      Component
-    });
+    return /* @__PURE__ */ jsx(DateFormatter, { presentationType, value: fixedValue, Component });
   };
 }
 export {

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

@@ -0,0 +1,23 @@
+import { jsx } from "react/jsx-runtime";
+import { Checkbox } from "@mui/material";
+import { d as dataGridClasses } from "../../index.304437ee.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.925387d2.js → index.880e743b.js}

@@ -1,17 +1,12 @@
-import { getPropertyByString } from "@m4l/core";
-import { W as WrapperComponent } from "../../../WrapperComponent/index.5e872594.js";
 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;
+  const { fieldValue, Component = WrapperComponent } = props;
   return (obProps) => {
     const property = getPropertyByString(obProps, fieldValue);
     const value = typeof property === "object" ? "" : property;
-    return /* @__PURE__ */ jsx(Component, {
-      children: value
-    });
+    return /* @__PURE__ */ jsx(Component, { children: value });
   };
 }
 export {

package/components/DataGrid/formatters/ColumnPointsFormatter/{index.4335c26b.js → index.226cc583.js}

@@ -1,11 +1,8 @@
-import { P as PointsFormatter } from "../../../formatters/PointsFormatter/index.8a4fa393.js";
 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
-    });
+    return /* @__PURE__ */ jsx(PointsFormatter, { obProps, ...props });
   };
 }
 export {

package/components/DataGrid/formatters/ColumnPriceFormatter/{index.d717405e.js → index.bf9d9e60.js}

@@ -1,11 +1,8 @@
-import { P as PriceFormatter } from "../../../formatters/PriceFormatter/index.83cbe7be.js";
 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
-    });
+    return /* @__PURE__ */ jsx(PriceFormatter, { obProps, ...props });
   };
 }
 export {

package/components/DataGrid/formatters/ColumnSetCheckFormatter/{index.0b23ba88.js → index.4045b2f2.js}

@@ -1,16 +1,9 @@
-import { S as SelectCellFormatter } from "../../../../react-data-grid.c5377916.js";
 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 { field, disabledGetter, rowKeyGetter, useHook } = parameters;
   const formatter = (props) => {
-    const {
-      row
-    } = props;
+    const { row } = props;
     const [checkedRows, setCheckedRows] = useHook(field);
     const onChange = (checked, _isShiftClick) => {
       const newCheckedRows = new Set(checkedRows);
@@ -25,13 +18,16 @@ function ColumnSetCheckFormatter(parameters) {
     if (disabledGetter) {
       disabled = disabledGetter(row);
     }
-    return /* @__PURE__ */ jsx(SelectCellFormatter, {
-      value: checkedRows.has(rowKeyGetter(row)) || false,
-      disabled,
-      isCellSelected: props.isCellSelected,
-      onChange,
-      "aria-label": "Select"
-    });
+    return /* @__PURE__ */ jsx(
+      SelectCellFormatter,
+      {
+        value: checkedRows.has(rowKeyGetter(row)) || false,
+        disabled,
+        isCellSelected: props.isCellSelected,
+        onChange,
+        "aria-label": "Select"
+      }
+    );
   };
   return formatter;
 }

package/components/DataGrid/formatters/ColumnUncertaintyFormatter/{index.aeea65aa.js → index.a87302d1.js}

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