@m4l/components 0.1.31 → 0.1.32

package/components/DataGrid/{components/Actions/components/Settings → subcomponents/Actions/subcomponents/Settings/subcomponents}/ColumnsConfig/types.d.ts

@@ -1,4 +1,4 @@
-import { IConfigColumn } from '../../../../../contexts/BaseContext/types';
+import { IConfigColumn } from '../../../../../../contexts/DataGridContext/types';
 export interface Row {
     key: string;
     name: string;

package/components/DataGrid/{components → subcomponents}/Actions/types.d.ts

@@ -1,5 +1,5 @@
 import type { PagerProps } from '../../../mui_extended/Pager/types';
-import { SettingsProps } from './components/Settings/types';
+import { SettingsProps } from './subcomponents/Settings/types';
 export interface ActionsProps {
     withSettings?: boolean;
     settingsProps?: SettingsProps;

package/components/DataGrid/{components → subcomponents}/Table/hooks/useSortColumnsRows.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { Column, SortColumn } from 'react-data-grid';
-export declare const useSortColumnsRows: <TRow, TSummaryRow>(sourceColumns: readonly Column<TRow, TSummaryRow>[], sourceRows: readonly TRow[], isMultipleRows: boolean) => {
+export declare const useSortColumnsRows: <TRow, TSummaryRow>(sourceColumns: readonly Column<TRow, TSummaryRow>[], sourceRows: readonly TRow[]) => {
     finalColumns: readonly Column<TRow, TSummaryRow>[];
     sortColumns: readonly SortColumn[];
     setSortColumns: import("react").Dispatch<import("react").SetStateAction<readonly SortColumn[]>>;

package/components/DataGrid/types.d.ts

@@ -2,7 +2,7 @@
 import { Maybe } from '@m4l/core';
 import type { Column, RowsChangeData, FormatterProps } from 'react-data-grid';
 import type { MenuAction } from '../mui_extended/MenuActions/types';
-import { ActionsProps } from './components/Actions/types';
+import { ActionsProps } from './subcomponents/Actions/types';
 export declare type GridFormatterPropss<T, SR> = FormatterProps<T, SR>;
 export type { columnUncertaintyFormatter, columnPointsFormatter, columnNestedValueFormatter, } from './formatters';
 export declare type ColumnType = 'string' | 'date' | 'number' | 'boolean' | 'custom';
@@ -25,6 +25,7 @@ declare module 'react-data-grid' {
         isDraggable?: boolean;
         withFilter?: boolean;
         withinHeaderRenderer?: React.FunctionComponent<HeaderRendererProps<TRow, TSummaryRow>>;
+        customFilter?: (row: TRow, value: string) => boolean;
     }
 }
 export declare type RowKey = string | number;
@@ -49,10 +50,11 @@ export declare interface GridProps<TRow, TSummaryRow> {
     rowHeights?: RowHeights;
     rowActionsGetter?: (row: TRow) => MenuAction[];
     rowKeyGetter: (row: TRow) => RowKey;
-    isMultipleSelect?: boolean;
-    selectedRows?: Set<RowKey>;
+    selectedRows?: ReadonlySet<RowKey>;
+    onSelectedRowsChange?: (mapRowsSelected: ReadonlySet<RowKey>) => void;
+    checkedRows?: ReadonlySet<RowKey>;
+    onCheckedRowsChange?: (mapRowsSelected: ReadonlySet<RowKey>) => void;
     onRowsChange?: Maybe<(rows: TRow[], data: RowsChangeData<TRow, TSummaryRow>) => void>;
-    onRowsSelectedChange?: (mapRowsSelected: ReadonlySet<RowKey>, rawRowsSelected: TRow[]) => void;
 }
 export declare interface DataGridProps<TRow, TSummaryRow> extends GridProps<TRow, TSummaryRow> {
     actionsProps: ActionsProps;

package/components/DataGrid/utils/getDataGridRowsFromSet.d.ts

@@ -0,0 +1 @@
+export declare const getDataGridRowsFromSet: <TRow, RowKey>(set: ReadonlySet<RowKey>, rows: TRow[], rowKeyGetter: (row: TRow) => RowKey) => TRow[];

package/components/DynamicFilter/{index.12df5a80.js → index.b3b19031.js}

@@ -14,13 +14,13 @@ import { R as RHFDateTime } from "../hook-form/RHFDateTime/index.7f1cbd85.js";
 import { useFormatter, useResponsiveDesktop } from "@m4l/graphics";
 import { R as RHFTextField } from "../hook-form/RHFTextField/index.3cb4b35f.js";
 import { I as Icon } from "../Icon/index.619fa9ad.js";
-import "../hook-form/RHFPeriod/index.e8c2c210.js";
+import "../hook-form/RHFPeriod/index.116158c4.js";
 import "../ErrorLabel/index.c8615f16.js";
-import "../Period/index.f17be628.js";
-import { L as LabelMemuItem, b as Actions, g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.c87086ac.js";
+import "../Period/index.9ce96aed.js";
+import { L as LabelMemuItem, b as Actions, g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.545d7067.js";
 import "@mui/material/Button";
 import "react-router-dom";
-import "../../contexts/ModalContext/index.6d1021d4.js";
+import "../../contexts/ModalContext/index.9a44cced.js";
 import "@mui/lab";
 import "lodash/isString";
 import "react-dropzone";
@@ -28,11 +28,11 @@ import "../Image/index.93d5f37f.js";
 import "../hook-form/RHFUpload/index.d5cc7c13.js";
 import { I as IconButton } from "../mui_extended/IconButton/index.25ff14bd.js";
 import "simplebar/dist/simplebar.min.css";
-import { F as FilterButton } from "../mui_extended/Button/index.6bdb0b2d.js";
-import { P as Popover } from "../mui_extended/Popover/index.4c70cdba.js";
+import { F as FilterButton } from "../mui_extended/Button/index.bd85b59c.js";
+import { P as Popover } from "../mui_extended/Popover/index.f38042fc.js";
 import { R as RHFormProvider } from "../../contexts/RHFormContext/index.d88e6e27.js";
-import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.01a86ee6.js";
-import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.fdd7e34d.js";
+import { A as ActionCancel } from "../CommonActions/components/ActionCancel/index.641ea102.js";
+import { A as ActionIntro } from "../CommonActions/components/ActionIntro/index.d53e0d31.js";
 const WrapperApplyedFilters = styled("div")(({
   theme
 }) => ({

package/components/ModalDialog/{index.6bec80b1.js → index.81b8e093.js}

@@ -1,6 +1,6 @@
 import { Dialog, IconButton, Paper } from "@mui/material";
 import { c as cjs } from "../../react-draggable.a09b624f.js";
-import { u as useModal } from "../../hooks/useModal/index.ee8b9d9f.js";
+import { u as useModal } from "../../hooks/useModal/index.2a92d33a.js";
 import { styled } from "@mui/material/styles";
 import { a as getThemeVariantColor } from "../../utils/index.f3bfdc22.js";
 import { R as Resizeable } from "../Resizeable/index.d27b0310.js";
@@ -8,7 +8,7 @@ import { useResponsiveDesktop } from "@m4l/graphics";
 import { useEnvironment } from "@m4l/core";
 import { I as Icon } from "../Icon/index.619fa9ad.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { b as Actions, g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.c87086ac.js";
+import { b as Actions, g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.545d7067.js";
 const WrapperDialog = styled(Dialog)(() => ({}));
 const Container = styled("div")(({ theme }) => ({
   display: "flex",

package/components/ObjectLogs/{index.93488e5f.js → index.af1c3382.js}

@@ -1,15 +1,15 @@
 import { useState, useEffect, useCallback, useMemo } from "react";
 import { useNetwork, useModuleDictionary, useEnvironment, usePaginate } from "@m4l/core";
 import { styled } from "@mui/material/styles";
-import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.fc1ace65.js";
+import { D as DataGrid, g as getDataGridComponentsDictionary } from "../DataGrid/index.b6a45f67.js";
 import { D as DateFormatter } from "../formatters/DateFormatter/index.8494575f.js";
 import { Tooltip, IconButton } from "@mui/material";
 import { useHostTheme, useResponsiveDesktop } from "@m4l/graphics";
 import { R as ReactJson } from "../../react-json-view.57125fcf.js";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { u as useModal } from "../../hooks/useModal/index.ee8b9d9f.js";
+import { u as useModal } from "../../hooks/useModal/index.2a92d33a.js";
 import { I as Icon } from "../Icon/index.619fa9ad.js";
-import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.12df5a80.js";
+import { D as DynamicFilter, g as getDynamicFilterComponentsDictionary } from "../DynamicFilter/index.b3b19031.js";
 const Container$1 = styled("div")(() => ({
   height: "100%",
   width: "100%",
@@ -259,7 +259,6 @@ function ObjectLogs(props) {
         columns,
         rows,
         rowKeyGetter: (row) => row.id,
-        isMultipleSelect: false,
         withActions: true,
         actionsProps: {
           withPager: true,

package/components/Period/{index.f17be628.js → index.9ce96aed.js}

@@ -3,11 +3,11 @@ import { styled, Skeleton, Autocomplete, TextField } from "@mui/material";
 import { useMemo } from "react";
 import { I as Icon } from "../Icon/index.619fa9ad.js";
 import { jsxs, jsx } from "react/jsx-runtime";
-import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.c87086ac.js";
+import { g as getCommonActionsDictionary } from "../CommonActions/components/Actions/index.545d7067.js";
 import "@mui/material/Button";
 import "react-hook-form";
 import "react-router-dom";
-import "../../contexts/ModalContext/index.6d1021d4.js";
+import "../../contexts/ModalContext/index.9a44cced.js";
 import "@mui/lab";
 const ContainerPeriod = styled("div")(({
   theme,

package/components/formatters/BooleanFormatter/{index.35185e99.js → index.81f4ea70.js}

@@ -1,5 +1,5 @@
 import { useModuleDictionary, useEnvironment, getPropertyByString } from "@m4l/core";
-import React__default from "react";
+import React__default, { useMemo } from "react";
 import { I as Icon } from "../../Icon/index.619fa9ad.js";
 import { jsx } from "react/jsx-runtime";
 import "@m4l/graphics";
@@ -19,22 +19,25 @@ function BooleanFormatter(props) {
   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") {
+  const memoComponent = useMemo(() => {
+    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: final_value ? getLabel("formatters.boolean_yes") : getLabel("formatters.boolean_no")
+      children: /* @__PURE__ */ jsx(Icon, {
+        src: final_value ? srcCheckTrue : srcCheckFalse,
+        bgColor: "action.disabled"
+      })
     });
-  }
-  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"
-    })
-  });
+  }, [final_value]);
+  return memoComponent;
 }
 function columnBooleanFormatter(props) {
   const {

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

@@ -1,3 +1,4 @@
 /// <reference types="react" />
 import { PointsFormatterProps } from './types';
+export declare function getFormatPoints(obProps: any, fieldValue: string, fieldUnit: string): string;
 export declare function PointsFormatter(props: PointsFormatterProps): JSX.Element;

package/components/formatters/PointsFormatter/types.d.ts

@@ -2,6 +2,7 @@ import { ComponentType } from 'react';
 export declare type CalibrationPoint = number | null;
 export interface PointsFormatterProps {
     Component?: ComponentType;
-    unit?: string;
-    value?: Array<CalibrationPoint>;
+    obProps: any;
+    fieldUnit: string;
+    fieldValue: string;
 }

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

@@ -1,3 +1,4 @@
 /// <reference types="react" />
 import { UncertaintyFormatterProps } from './types';
+export declare function getUncertaintyFormat(obProps: any, fieldValue: string, fieldSymbol: string, fieldUnit: string): string;
 export declare function UncertaintyFormatter(props: UncertaintyFormatterProps): JSX.Element;

package/components/formatters/UncertaintyFormatter/types.d.ts

@@ -8,7 +8,8 @@ export interface UncertaintyRange {
 }
 export interface UncertaintyFormatterProps {
     Component?: ComponentType;
-    symbol?: string;
-    unit?: string;
-    value?: Array<UncertaintyRange>;
+    obProps: any;
+    fieldValue: string;
+    fieldSymbol: string;
+    fieldUnit: string;
 }

package/components/formatters/{index.b7532df7.js → index.a0309e3a.js}

@@ -1,50 +1,59 @@
 import React__default from "react";
-import { jsx, Fragment } from "react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { getPropertyByString } from "@m4l/core";
 import "../Icon/index.619fa9ad.js";
 import "@mui/material/styles";
 import "@m4l/graphics";
-function UncertaintyFormatter(props) {
-  const {
-    value,
-    unit,
-    symbol,
-    Component = React__default.Fragment
-  } = props;
-  if (value === void 0 || value === null || !Array.isArray(value)) {
-    return /* @__PURE__ */ jsx(Fragment, {
-      children: ""
-    });
-  }
+function getUncertaintyFormat(obProps, fieldValue, fieldSymbol, fieldUnit) {
   let result = "";
-  value.map((obj, idx) => {
+  const ranges = getPropertyByString(obProps, fieldValue);
+  const symbol = getPropertyByString(obProps, fieldSymbol) || "";
+  const unit = getPropertyByString(obProps, fieldUnit) || "";
+  if (ranges === void 0 || ranges === null || !Array.isArray(ranges)) {
+    return "[]";
+  }
+  ranges.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
-  });
+  return result;
 }
-function PointsFormatter(props) {
+function UncertaintyFormatter(props) {
   const {
-    value,
-    unit,
+    obProps,
+    fieldValue,
+    fieldSymbol,
+    fieldUnit,
     Component = React__default.Fragment
   } = props;
-  if (value === void 0 || value === null || !Array.isArray(value)) {
-    return /* @__PURE__ */ jsx(Fragment, {
-      children: "[]"
-    });
-  }
+  return /* @__PURE__ */ jsx(Component, {
+    children: getUncertaintyFormat(obProps, fieldValue, fieldSymbol, fieldUnit)
+  });
+}
+function getFormatPoints(obProps, fieldValue, fieldUnit) {
   let result = "";
-  value.map((point) => {
+  const points = getPropertyByString(obProps, fieldValue);
+  const unit = getPropertyByString(obProps, fieldUnit) || "";
+  if (points === void 0 || points === null || !Array.isArray(points)) {
+    return "[]";
+  }
+  points.map((point) => {
     if (point) {
       result = result.concat(`[${point}${unit}]`);
     }
   });
+  return result;
+}
+function PointsFormatter(props) {
+  const {
+    obProps,
+    fieldValue,
+    fieldUnit,
+    Component = React__default.Fragment
+  } = props;
   return /* @__PURE__ */ jsx(Component, {
-    children: result
+    children: getFormatPoints(obProps, fieldValue, fieldUnit)
   });
 }
 function PriceFormatter(props) {
@@ -68,32 +77,18 @@ const defaultFormattersDictionary = {
   }
 };
 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)
+      obProps,
+      ...props
     });
   };
 }
 function columnPointsFormatter(props) {
-  const {
-    fieldUnit,
-    fieldValue,
-    Component
-  } = props;
   return (obProps) => {
     return /* @__PURE__ */ jsx(PointsFormatter, {
-      Component,
-      value: getPropertyByString(obProps, fieldValue),
-      unit: getPropertyByString(obProps, fieldUnit)
+      obProps,
+      ...props
     });
   };
 }
@@ -111,10 +106,12 @@ function columnNestedValueFormatter(props) {
 export {
   PointsFormatter as P,
   UncertaintyFormatter as U,
-  PriceFormatter as a,
-  columnPointsFormatter as b,
-  columnUncertaintyFormatter as c,
+  getFormatPoints as a,
+  PriceFormatter as b,
+  getFormattersComponentsDictionary as c,
   defaultFormattersDictionary as d,
-  columnNestedValueFormatter as e,
-  getFormattersComponentsDictionary as g
+  columnUncertaintyFormatter as e,
+  columnPointsFormatter as f,
+  getUncertaintyFormat as g,
+  columnNestedValueFormatter as h
 };

package/components/formatters/index.d.ts

@@ -1,6 +1,6 @@
 export { BooleanFormatter } from './BooleanFormatter';
 export { DateFormatter } from './DateFormatter';
-export { UncertaintyFormatter } from './UncertaintyFormatter';
-export { PointsFormatter } from './PointsFormatter';
+export { UncertaintyFormatter, getUncertaintyFormat } from './UncertaintyFormatter';
+export { PointsFormatter, getFormatPoints } from './PointsFormatter';
 export { PriceFormatter } from './PriceFormatter';
 export type { UncertaintyRange } from './UncertaintyFormatter/types';

package/components/hook-form/RHFPeriod/{index.e8c2c210.js → index.116158c4.js}

@@ -1,7 +1,7 @@
 import { styled } from "@mui/material";
 import { useFormContext, Controller } from "react-hook-form";
 import { E as ErrorLabel } from "../../ErrorLabel/index.c8615f16.js";
-import { P as Period } from "../../Period/index.f17be628.js";
+import { P as Period } from "../../Period/index.9ce96aed.js";
 import { jsx, jsxs } from "react/jsx-runtime";
 const Wrapper = styled("div")(({
   theme

package/components/index.d.ts

@@ -9,7 +9,8 @@ export * from '../components/DataGrid/formatters';
 export type { Column, EditorProps, FormatterProps } from 'react-data-grid';
 export type { RowKey } from '../components/DataGrid/types';
 export { getDataGridComponentsDictionary as getGridComponentsDictionary } from '../components/DataGrid/dictionary';
-export { TextEditor, NumberEditor } from '../components/DataGrid/components/editors/TextEditor';
+export { TextEditor, NumberEditor } from '../components/DataGrid/subcomponents/editors/TextEditor';
+export { getDataGridRowsFromSet } from './DataGrid/utils/getDataGridRowsFromSet';
 export * from '../components/DynamicFilter';
 export * from '../components/DynamicFilter/dictionary';
 export * from '../components/ErrorLabel';

package/components/mui_extended/Button/{index.6bdb0b2d.js → index.bd85b59c.js}

@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
 import { LoadingButton as LoadingButton$1 } from "@mui/lab";
 import { I as IconButton } from "../IconButton/index.25ff14bd.js";
 import { styled as styled$1, alpha } from "@mui/material/styles";
-import { u as useBase } from "../../DynamicFilter/index.12df5a80.js";
+import { u as useBase } from "../../DynamicFilter/index.b3b19031.js";
 import { useMemo } from "react";
 import { I as Image } from "../../Image/index.93d5f37f.js";
 const Button = (props) => {

package/components/mui_extended/Pager/{index.66593ad3.js → index.a98c43cc.js}

@@ -1,6 +1,6 @@
 import { useMemo } from "react";
 import { Skeleton, TablePagination } from "@mui/material";
-import { P as PagerActions } from "../../CommonActions/components/Actions/index.c87086ac.js";
+import { P as PagerActions } from "../../CommonActions/components/Actions/index.545d7067.js";
 import { styled } from "@mui/material/styles";
 import { jsxs, jsx } from "react/jsx-runtime";
 styled("div")(() => ({

package/components/mui_extended/Popover/{index.4c70cdba.js → index.f38042fc.js}

@@ -12,9 +12,9 @@ import "react-router-dom";
 import "@mui/material/Button";
 import { C as CircularProgress } from "../CircularProgress/index.ad569afd.js";
 import "@mui/lab";
-import { I as ImageButton } from "../Button/index.6bdb0b2d.js";
-import "../../CommonActions/components/Actions/index.c87086ac.js";
-import "../Pager/index.66593ad3.js";
+import { I as ImageButton } from "../Button/index.bd85b59c.js";
+import "../../CommonActions/components/Actions/index.545d7067.js";
+import "../Pager/index.a98c43cc.js";
 import "../Tab/index.e0653a0a.js";
 const ArrowStyle = styled("span")(({
   arrowType,

package/contexts/ModalContext/{index.6d1021d4.js → index.9a44cced.js}

@@ -4,9 +4,9 @@ import { Typography } from "@mui/material";
 import { styled } from "@mui/material/styles";
 import { B as BoxIcon } from "../../components/mui_extended/BoxIcon/index.e638ecc8.js";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { M as ModalDialog } from "../../components/ModalDialog/index.6bec80b1.js";
-import { A as ActionIntro } from "../../components/CommonActions/components/ActionIntro/index.fdd7e34d.js";
-import { A as ActionCancel } from "../../components/CommonActions/components/ActionCancel/index.01a86ee6.js";
+import { M as ModalDialog } from "../../components/ModalDialog/index.81b8e093.js";
+import { A as ActionIntro } from "../../components/CommonActions/components/ActionIntro/index.d53e0d31.js";
+import { A as ActionCancel } from "../../components/CommonActions/components/ActionCancel/index.641ea102.js";
 import { b as getVariantColor } from "../../utils/index.f3bfdc22.js";
 const WrapperContentConfirm = styled("div")(() => ({
   display: "flex",

package/hooks/useModal/{index.ee8b9d9f.js → index.2a92d33a.js}

@@ -1,5 +1,5 @@
 import { useContext } from "react";
-import { M as ModalContext } from "../../contexts/ModalContext/index.6d1021d4.js";
+import { M as ModalContext } from "../../contexts/ModalContext/index.9a44cced.js";
 function useModal() {
   const context = useContext(ModalContext);
   if (!context)