@m4l/components 0.2.36 → 1.0.0

package/assets/Logo/index.109a182d.js

@@ -1,38 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { Link } from "react-router-dom";
-import { useTheme } from "@mui/material/styles";
-import { Box } from "@mui/material";
-function Logo({ disabledLink = false, sx }) {
-  const theme = useTheme();
-  const PRIMARY_LIGHT = theme.palette.primary.light;
-  const PRIMARY_MAIN = theme.palette.primary.main;
-  const PRIMARY_DARK = theme.palette.primary.dark;
-  const logo = /* @__PURE__ */ jsx(Box, { sx: { width: 40, height: 40, ...sx }, children: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "100%", height: "100%", viewBox: "0 0 512 512", children: [
-    /* @__PURE__ */ jsxs("defs", { children: [
-      /* @__PURE__ */ jsxs("linearGradient", { id: "BG1", x1: "100%", x2: "50%", y1: "9.946%", y2: "50%", children: [
-        /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: PRIMARY_DARK }),
-        /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: PRIMARY_MAIN })
-      ] }),
-      /* @__PURE__ */ jsxs("linearGradient", { id: "BG2", x1: "50%", x2: "50%", y1: "0%", y2: "100%", children: [
-        /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: PRIMARY_LIGHT }),
-        /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: PRIMARY_MAIN })
-      ] }),
-      /* @__PURE__ */ jsxs("linearGradient", { id: "BG3", x1: "50%", x2: "50%", y1: "0%", y2: "100%", children: [
-        /* @__PURE__ */ jsx("stop", { offset: "0%", stopColor: PRIMARY_LIGHT }),
-        /* @__PURE__ */ jsx("stop", { offset: "100%", stopColor: PRIMARY_MAIN })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxs("g", { fillRule: "evenodd", clipRule: "evenodd", children: [
-      /* @__PURE__ */ jsx("path", { fill: "url(#BG1)", d: "m1.9 136.9 208.3 120.3v240.5L1.9 377.5z" }),
-      /* @__PURE__ */ jsx("path", { fill: "url(#BG2)", d: "m226.8 257.2 208.5-120.3v240.6L226.8 497.8z" }),
-      /* @__PURE__ */ jsx("path", { fill: "url(#BG3)", d: "M218.6 242.8 10.2 122.5 218.6 2.2 427 122.5z" })
-    ] })
-  ] }) });
-  if (disabledLink) {
-    return /* @__PURE__ */ jsx(Fragment, { children: logo });
-  }
-  return /* @__PURE__ */ jsx(Link, { to: "/", children: logo });
-}
-export {
-  Logo as L
-};

package/assets/Logo.d.ts

@@ -1,6 +0,0 @@
-import { BoxProps } from '@mui/material';
-interface Props extends BoxProps {
-    disabledLink?: boolean;
-}
-export declare function Logo({ disabledLink, sx }: Props): import("react/jsx-runtime").JSX.Element;
-export default Logo;

package/components/CommonActions/components/ActionCancel/index.46f636e9.js

@@ -1,12 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useModuleDictionary } from "@m4l/core";
-import { B as Button } from "../../../mui_extended/Button/index.5395d101.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.273645af.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.2b0bd50d.js

@@ -1,56 +0,0 @@
-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.5395d101.js";
-import { useCallback, useEffect } from "react";
-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({
-    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.4f212c39.js

@@ -1,33 +0,0 @@
-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.5395d101.js";
-import { u as useCommonActionsUtilityClasses } from "../Actions/index.273645af.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.7406bd47.js

@@ -1,25 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { useModuleDictionary } from "@m4l/core";
-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.273645af.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.273645af.js

@@ -1,70 +0,0 @@
-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.0718eeac.js";
-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

@@ -1,10 +0,0 @@
-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.cee6b676.js

@@ -1,26 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { getPropertyByString } from "@m4l/core";
-import { B as BooleanFormatter } from "../../../formatters/BooleanFormatter/index.0c2d8e35.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.708f3fb5.js

@@ -1,22 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { getPropertyByString } from "@m4l/core";
-import { C as ConcatenatedFormatter } from "../../../formatters/index.b816c6b6.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

@@ -1,19 +0,0 @@
-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.c064bb07.js

@@ -1,23 +0,0 @@
-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.880e743b.js

@@ -1,14 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1,36 +0,0 @@
-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

@@ -1,10 +0,0 @@
-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

@@ -1 +0,0 @@
-