@m4l/components 0.1.40 → 0.1.42

package/assets/Logo/index.228dcb5a.js

@@ -0,0 +1,93 @@
+import { Link } from "react-router-dom";
+import { useTheme } from "@mui/material/styles";
+import { Box } from "@mui/material";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+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

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

package/commonjs.565e6834.js

@@ -0,0 +1,12 @@
+import "react";
+import "prop-types";
+import "react-dom";
+import "clsx";
+var commonjsGlobal = typeof globalThis !== "undefined" ? globalThis : typeof window !== "undefined" ? window : typeof global !== "undefined" ? global : typeof self !== "undefined" ? self : {};
+function getDefaultExportFromCjs(x) {
+  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
+}
+export {
+  commonjsGlobal as c,
+  getDefaultExportFromCjs as g
+};

package/components/CommonActions/components/ActionCancel/index.9230c57b.js

@@ -0,0 +1,17 @@
+import { useModuleDictionary } from "@m4l/core";
+import { B as Button } from "../../../mui_extended/Button/index.86a155a2.js";
+import { jsx } from "react/jsx-runtime";
+const ActionCancel = (props) => {
+  const {
+    getLabel
+  } = useModuleDictionary();
+  return /* @__PURE__ */ jsx(Button, {
+    variant: "outlined",
+    color: "inherit",
+    ...props,
+    children: getLabel("common_actions.cancel")
+  });
+};
+export {
+  ActionCancel as A
+};

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ButtonProps } from '@mui/material';
+export declare const ActionCancel: (props: ButtonProps) => JSX.Element;

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

@@ -0,0 +1,65 @@
+import { useFormContext, useFormState } from "react-hook-form";
+import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
+import { Skeleton } from "@mui/material";
+import { B as Button } from "../../../mui_extended/Button/index.86a155a2.js";
+import { useCallback } from "react";
+import { u as useModal } from "../../../../hooks/useModal/index.d14edee3.js";
+import "../../../../react-draggable.84d6b038.js";
+import "../../../ModalDialog/index.a684827f.js";
+import "../../../Resizeable/index.c96c0f09.js";
+import { jsx } from "react/jsx-runtime";
+import "@m4l/graphics";
+import { W as WindowConfirm } from "../../../modal/WindowConfirm.0b8a6818.js";
+import "../../../areas/contexts/DynamicMFParmsContext/index.668bc2e2.js";
+import "../../../modal/WindowBase.04439b8e.js";
+import "../../../Icon/index.8d754623.js";
+import "@mui/material/styles";
+function ActionFormCancel() {
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const isSkeleton = useModuleSkeleton();
+  const {
+    openModal
+  } = useModal();
+  const {
+    control
+  } = useFormContext();
+  const {
+    isDirty
+  } = useFormState({
+    control
+  });
+  const onConfirmQuit = useCallback(() => {
+  }, []);
+  const onClickCancel = useCallback(() => {
+    if (isDirty) {
+      openModal({
+        window: /* @__PURE__ */ jsx(WindowConfirm, {
+          variant: "warning",
+          title: getLabel("form_provider.confirm_quit_title"),
+          msg: getLabel("form_provider.confirm_quit_msg"),
+          onClickIntro: onConfirmQuit
+        })
+      });
+    } else {
+      onConfirmQuit();
+    }
+  }, [getLabel, isDirty, openModal]);
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(Skeleton, {
+      variant: "text",
+      width: 57,
+      height: 30
+    });
+  }
+  return /* @__PURE__ */ jsx(Button, {
+    variant: "outlined",
+    color: "inherit",
+    onClick: onClickCancel,
+    children: getLabel("common_actions.cancel")
+  });
+}
+export {
+  ActionFormCancel as A
+};

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare function ActionFormCancel(): JSX.Element;

package/components/CommonActions/components/ActionFormIntro/index.ca4d2674.js

@@ -0,0 +1,37 @@
+import { useFormContext, useFormState } from "react-hook-form";
+import { useModuleDictionary, useModuleSkeleton } from "@m4l/core";
+import { LoadingButton } from "@mui/lab";
+import { Skeleton } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+function ActionFormIntro(props) {
+  const {
+    getLabel
+  } = useModuleDictionary();
+  const isSkeleton = useModuleSkeleton();
+  const {
+    control
+  } = useFormContext();
+  const {
+    isSubmitting
+  } = useFormState({
+    control
+  });
+  if (isSkeleton) {
+    return /* @__PURE__ */ jsx(Skeleton, {
+      variant: "text",
+      width: 57,
+      height: 30
+    });
+  }
+  return /* @__PURE__ */ jsx(LoadingButton, {
+    variant: "contained",
+    type: "submit",
+    color: "primary",
+    loading: isSubmitting,
+    ...props,
+    children: getLabel("common_actions.intro")
+  });
+}
+export {
+  ActionFormIntro as A
+};

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { LoadingButtonProps } from '@mui/lab';
+export declare function ActionFormIntro(props: LoadingButtonProps): JSX.Element;

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

@@ -0,0 +1,18 @@
+import { useModuleDictionary } from "@m4l/core";
+import { B as Button } from "../../../mui_extended/Button/index.86a155a2.js";
+import { jsx } from "react/jsx-runtime";
+const ActionIntro = (props) => {
+  const {
+    getLabel
+  } = useModuleDictionary();
+  return /* @__PURE__ */ jsx(Button, {
+    variant: "contained",
+    type: "submit",
+    color: "primary",
+    ...props,
+    children: getLabel("common_actions.intro")
+  });
+};
+export {
+  ActionIntro as A
+};

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ButtonProps } from '@mui/material';
+export declare const ActionIntro: (props: ButtonProps) => JSX.Element;

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

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

package/components/CommonActions/components/Actions/index.d3e1f36e.js

@@ -0,0 +1,54 @@
+import { jsx } from "react/jsx-runtime";
+import { styled } from "@mui/material/styles";
+import "@m4l/core";
+import "@mui/material";
+import "@mui/material/Button";
+import "react-hook-form";
+import "react";
+import "../../../../contexts/ModalContext/index.b90eec94.js";
+import "../../../../react-draggable.84d6b038.js";
+import "../../../ModalDialog/index.a684827f.js";
+import "../../../Resizeable/index.c96c0f09.js";
+import "@m4l/graphics";
+import "../../../areas/contexts/DynamicMFParmsContext/index.668bc2e2.js";
+import "@mui/lab";
+import "../../../modal/WindowConfirm.0b8a6818.js";
+import "../../../Icon/index.8d754623.js";
+import "../../../modal/WindowBase.04439b8e.js";
+const WrapperStandarActions = styled("div")(({
+  theme
+}) => ({
+  paddingTop: theme.spacing(3),
+  margin: theme.spacing(0, 1.5),
+  display: "flex",
+  flexDirection: "row",
+  justifyContent: "flex-end",
+  "& > button": {
+    marginLeft: "10px"
+  }
+}));
+const Actions = (props) => {
+  const {
+    children
+  } = props;
+  return /* @__PURE__ */ jsx(WrapperStandarActions, {
+    id: "WrapperStandarActions",
+    children
+  });
+};
+function getCommonActionsDictionary() {
+  return ["common_actions"];
+}
+const defaultCommonActionsDictionary = {
+  common_actions: {
+    cancel: "Cancel",
+    intro: "Intro",
+    confirm_quit_title: "Confirm",
+    confirm_quit_msg: "Are your sure exit?"
+  }
+};
+export {
+  Actions as A,
+  defaultCommonActionsDictionary as d,
+  getCommonActionsDictionary as g
+};

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/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

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

@@ -0,0 +1,4 @@
+import { ReactNode } from 'react';
+export interface CommonActionsProps {
+    children: ReactNode;
+}

package/components/CommonActions/dictionary.d.ts

@@ -0,0 +1,3 @@
+import type { Dictionary } from '@m4l/core';
+export declare function getCommonActionsDictionary(): string[];
+export declare const defaultCommonActionsDictionary: Dictionary;

package/components/CommonActions/index.d.ts

@@ -0,0 +1,6 @@
+export { Actions } from './components/Actions';
+export { ActionCancel } from './components/ActionCancel';
+export { ActionIntro } from './components/ActionIntro';
+export { ActionFormCancel } from './components/ActionFormCancel';
+export { ActionFormIntro } from './components/ActionFormIntro';
+export * from './dictionary';

package/components/DataGrid/contexts/DataGridContext/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { DataGridContextProps, DataGridProviderProps } from './types';
+declare const DataGridContext: import("react").Context<DataGridContextProps<any, any> | null>;
+declare function DataGridProvider<TRow, TSummaryRow>(props: DataGridProviderProps<TRow, TSummaryRow>): JSX.Element;
+export { DataGridProvider, DataGridContext };

package/components/DataGrid/contexts/DataGridContext/types.d.ts

@@ -0,0 +1,39 @@
+import { ReactNode } from 'react';
+import { Maybe } from '@m4l/core';
+import { RowKey, RowHeightVariants, GridProps } from '../../types';
+export interface IConfigColumn {
+    key: string;
+    visible: boolean;
+    hidden: boolean;
+    index: number;
+    frozen: boolean;
+    name: string;
+    orginalIndex: number;
+    originalVisible: boolean;
+    originalFrozen: boolean;
+}
+export interface IGridConfig {
+    columnsConfig: IConfigColumn[];
+    columnsWidths: Map<string, Maybe<RowKey>>;
+}
+export interface DataGridProviderProps<TRow, TSummaryRow> extends Pick<GridProps<TRow, TSummaryRow>, 'rows' | 'columns' | 'rowActionsGetter' | 'rowHeaderHeights' | 'rowHeights' | 'initialRowHeightVariant' | 'checkedRows' | 'onCheckedRowsChange' | 'rowKeyGetter'> {
+    id: number | string;
+    children: ReactNode;
+    remoteConfig?: IGridConfig;
+    rowsCount: number;
+}
+export declare type RowHeightState = {
+    rowHVariant: RowHeightVariants;
+    rowHeight: number;
+    rowHeaderHeight: number;
+};
+export interface DataGridContextProps<TRow, TSummaryRow> extends IGridConfig, Pick<DataGridProviderProps<TRow, TSummaryRow>, 'rows' | 'checkedRows' | 'onCheckedRowsChange' | 'rowHeights' | 'rowsCount' | 'rowActionsGetter' | 'rowKeyGetter'> {
+    setRowsCount: (newRowsCount: number) => void;
+    currentRowHeaderHeight: number;
+    currentRowHeight: number;
+    currentRowHeightVariant: RowHeightVariants;
+    setRowHeightVariant: (neVariant: RowHeightVariants) => void;
+    onChangeColumnsConfig: (newColumnsConfig: IConfigColumn[]) => void;
+    onChangeColumnsOrder: (sourceKey: string, targetKey: string) => void;
+    onChangeColumnWidth: (columnKey: string, width: number) => void;
+}

package/components/DataGrid/contexts/FilterContext/index.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+import { FilterContextProps } from './types';
+declare const FilterContext: import("react").Context<FilterContextProps>;
+declare type FilterProviderProps = {
+    children: ReactNode;
+    initialActiveFilters: boolean;
+};
+declare function FilterProvider({ children, initialActiveFilters }: FilterProviderProps): JSX.Element;
+export { FilterProvider, FilterContext };

package/components/DataGrid/contexts/FilterContext/types.d.ts

@@ -0,0 +1,15 @@
+import { Column } from 'react-data-grid';
+export interface ColumnFilter {
+    value: string;
+    customFilter?: (row: any, value: string) => boolean;
+}
+export interface FilterContextProps {
+    activeFilters: boolean;
+    filters?: Map<string, ColumnFilter>;
+    onChangeFilter?: (column: Column<any, any>, value: string) => void;
+    setActiveFilters: (active: boolean) => void;
+}
+export interface IFilterState {
+    activeFilters: boolean;
+    filters?: Map<string, ColumnFilter>;
+}

package/components/DataGrid/dictionary.d.ts

@@ -0,0 +1,3 @@
+import { Dictionary } from '@m4l/core';
+export declare function getDataGridComponentsDictionary(): string[];
+export declare const defaultGridDictionary: Dictionary;

package/components/DataGrid/formatters/columnBooleanFormatter/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ColumnBooleanFormatterProps } from './types';
+export declare function columnBooleanFormatter(props: ColumnBooleanFormatterProps): (obProps: any) => JSX.Element;

package/components/DataGrid/formatters/columnBooleanFormatter/types.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { PresentationType } from '../../../../components/formatters/BooleanFormatter/types';
+export interface ColumnBooleanFormatterProps {
+    Component?: React.ElementType;
+    presentationType: PresentationType;
+    fieldValue: string;
+}

package/components/DataGrid/formatters/columnDateFormatter/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import type { ColumnDateFormatterProps } from './types';
+export declare function columnDateFormatter(props: ColumnDateFormatterProps): (obProps: any) => JSX.Element;

package/components/DataGrid/formatters/columnDateFormatter/types.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { PresentationType } from '../../../formatters/DateFormatter/types';
+export interface ColumnDateFormatterProps {
+    Component?: React.ElementType;
+    presentationType: PresentationType;
+    format?: string;
+    fieldValue: string;
+}

package/components/DataGrid/formatters/columnNestedValueFormatter/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ColumnNestedValueFormatterProps } from './types';
+export declare function columnNestedValueFormatter(props: ColumnNestedValueFormatterProps): (obProps: any) => JSX.Element;

package/components/DataGrid/formatters/columnNestedValueFormatter/index.f68ef4e1.js

@@ -0,0 +1,17 @@
+import { getPropertyByString } from "@m4l/core";
+import { W as WrapperComponent } from "../../../WrapperComponent/index.5e872594.js";
+import { jsx } from "react/jsx-runtime";
+function columnNestedValueFormatter(props) {
+  const {
+    fieldValue,
+    Component = WrapperComponent
+  } = props;
+  return (obProps) => {
+    return /* @__PURE__ */ jsx(Component, {
+      children: getPropertyByString(obProps, fieldValue) + ""
+    });
+  };
+}
+export {
+  columnNestedValueFormatter as c
+};

package/components/DataGrid/formatters/columnNestedValueFormatter/types.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface ColumnNestedValueFormatterProps {
+    Component?: React.ElementType;
+    fieldValue: string;
+}

package/components/DataGrid/formatters/columnPointsFormatter/index.5e645334.js

@@ -0,0 +1,13 @@
+import { P as PointsFormatter } from "../../../formatters/PointsFormatter/index.80a4e414.js";
+import { jsx } from "react/jsx-runtime";
+function columnPointsFormatter(props) {
+  return (obProps) => {
+    return /* @__PURE__ */ jsx(PointsFormatter, {
+      obProps,
+      ...props
+    });
+  };
+}
+export {
+  columnPointsFormatter as c
+};

package/components/DataGrid/formatters/columnPointsFormatter/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ColumnPointsFormatterProps } from './types';
+export declare function columnPointsFormatter(props: ColumnPointsFormatterProps): (obProps: any) => JSX.Element;

package/components/DataGrid/formatters/columnPointsFormatter/types.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface ColumnPointsFormatterProps {
+    Component?: React.ElementType;
+    fieldValue: string;
+    fieldUnit: string;
+}

package/components/DataGrid/formatters/columnPriceFormatter/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ColumnPriceFormatterProps } from './types';
+export declare function columnPriceFormatter(props: ColumnPriceFormatterProps): (obProps: any) => JSX.Element;

package/components/DataGrid/formatters/columnPriceFormatter/index.e612fda3.js

@@ -0,0 +1,13 @@
+import { P as PriceFormatter } from "../../../formatters/PriceFormatter/index.83cbe7be.js";
+import { jsx } from "react/jsx-runtime";
+function columnPriceFormatter(props) {
+  return (obProps) => {
+    return /* @__PURE__ */ jsx(PriceFormatter, {
+      obProps,
+      ...props
+    });
+  };
+}
+export {
+  columnPriceFormatter as c
+};

package/components/DataGrid/formatters/columnPriceFormatter/types.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export interface ColumnPriceFormatterProps {
+    Component?: React.ElementType;
+    fieldValue: string;
+}

package/components/DataGrid/formatters/columnUncertaintyFormatter/index.cae2057a.js

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

package/components/DataGrid/formatters/columnUncertaintyFormatter/index.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { ColumnUncertaintyFormatterProps } from './types';
+export declare function columnUncertaintyFormatter(props: ColumnUncertaintyFormatterProps): (obProps: any) => JSX.Element;

package/components/DataGrid/formatters/columnUncertaintyFormatter/types.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface ColumnUncertaintyFormatterProps {
+    Component?: React.ElementType;
+    fieldValue: string;
+    fieldUnit: string;
+    fieldSymbol: string;
+}

package/components/DataGrid/formatters/index.d.ts

@@ -0,0 +1,7 @@
+export { columnUncertaintyFormatter } from './columnUncertaintyFormatter';
+export { columnPointsFormatter } from './columnPointsFormatter';
+export { columnNestedValueFormatter } from './columnNestedValueFormatter';
+export { columnBooleanFormatter } from './columnBooleanFormatter';
+export { columnDateFormatter } from './columnDateFormatter';
+export { columnPriceFormatter } from './columnPriceFormatter';
+export type { ColumnUncertaintyFormatterProps } from './columnUncertaintyFormatter/types';

package/components/DataGrid/hooks/useDataGrid.d.ts

@@ -0,0 +1,3 @@
+import { DataGridContextProps } from '../contexts/DataGridContext/types';
+export declare function useDataGrid<TRow, TSummaryRow>(): DataGridContextProps<TRow, TSummaryRow>;
+export default useDataGrid;

package/components/DataGrid/hooks/useFilters.d.ts

@@ -0,0 +1 @@
+export declare const useFilters: () => import("../contexts/FilterContext/types").FilterContextProps;