@gridsuite/commons-ui 0.83.0 → 0.85.0

package/dist/_mocks_/svg.d.ts

@@ -1,4 +1,4 @@
 import { SVGProps } from 'react';
 
-declare const SvgrMock: import('react').ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & import("react").RefAttributes<SVGSVGElement>>;
+declare const SvgrMock: import('react').ForwardRefExoticComponent<Omit<SVGProps<SVGSVGElement>, "ref"> & import('react').RefAttributes<SVGSVGElement>>;
 export default SvgrMock;

package/dist/components/authentication/AuthenticationRouter.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Grid } from "@mui/material";
 import { useCallback } from "react";
-import { Routes, Route, Navigate } from "react-router-dom";
+import { Routes, Route, Navigate } from "react-router";
 import { Login } from "./Login.js";
 import AuthenticationRouterErrorDisplay from "./AuthenticationRouterErrorDisplay.js";
 import { SignInCallbackHandler } from "./SignInCallbackHandler.js";

package/dist/components/authentication/Login.js

@@ -16,11 +16,7 @@ const styles = {
   submit: (theme) => ({
     margin: theme.spacing(3, 0, 2),
     borderRadius: "30px"
-  }),
-  logo: {
-    width: 64,
-    height: 64
-  }
+  })
 };
 function Login({ onLoginClick, disabled }) {
   return /* @__PURE__ */ jsxs(Container, { component: "main", maxWidth: "xs", children: [

package/dist/components/authentication/authenticationType.d.ts

@@ -1,7 +1,7 @@
-import { AuthenticationActions } from '../../redux/actions/authActions';
-import { NavigateFunction, Location } from 'react-router-dom';
-import { Dispatch } from 'react';
 import { UserManager } from 'oidc-client';
+import { Dispatch } from 'react';
+import { Location, NavigateFunction } from 'react-router';
+import { AuthenticationActions } from '../../redux/actions/authActions';
 
 export type AuthenticationRouterErrorState = {
     userName?: string;

package/dist/components/authentication/utils/authService.d.ts

@@ -1,7 +1,7 @@
-import { AuthenticationActions } from '../../../redux/actions/authActions';
-import { Log, User, UserManager } from 'oidc-client';
-import { Location, NavigateFunction } from 'react-router-dom';
 import { Dispatch } from 'react';
+import { Location, NavigateFunction } from 'react-router';
+import { Log, User, UserManager } from 'oidc-client';
+import { AuthenticationActions } from '../../../redux/actions/authActions';
 
 type UserValidationFunc = (user: User) => Promise<boolean>;
 type IdpSettingsGetter = () => Promise<IdpSettings>;

package/dist/components/cardErrorBoundary/CardErrorBoundary.d.ts

@@ -1,5 +1,5 @@
-import { Component, ErrorInfo, PropsWithChildren } from 'react';
 import { IconButtonProps } from '@mui/material';
+import { Component, ErrorInfo, PropsWithChildren } from 'react';
 
 export interface ExpandMoreProps extends IconButtonProps {
     expand: boolean;

package/dist/components/checkBoxList/checkBoxList.type.d.ts

@@ -1,7 +1,6 @@
-import { Theme } from '@mui/material';
-import { SxProps } from '@mui/system';
+import { ReactElement, ReactNode } from 'react';
 import { DraggableProvided, DragStart, DropResult } from 'react-beautiful-dnd';
-import { default as React } from 'react';
+import { SxProps, Theme } from '@mui/material';
 
 export type CheckBoxListItemSx = {
     checkBoxIcon?: SxProps<Theme>;
@@ -21,9 +20,9 @@ type CheckBoxListItemSxProps<T> = CheckBoxListSx & {
 export interface CheckBoxListItemProps<T> {
     item: T;
     sx?: CheckBoxListItemSx;
-    label: string;
+    label: ReactNode;
     onClick: () => void;
-    secondaryAction?: (item: T, hover: string) => React.ReactElement | null;
+    secondaryAction?: (item: T, hover: string) => ReactElement | null;
     getItemId: (item: T) => string;
     disabled?: boolean;
     divider?: boolean;
@@ -40,8 +39,8 @@ export interface CheckBoxListItemsProps<T> {
     selectedItems: T[];
     onSelectionChange?: (selectedItems: T[]) => void;
     getItemId: (item: T) => string;
-    getItemLabel?: (item: T) => string;
-    secondaryAction?: (item: T, hover: boolean) => React.ReactElement | null;
+    getItemLabel?: (item: T) => ReactNode;
+    secondaryAction?: (item: T, hover: boolean) => ReactElement | null;
     isDisabled?: (item: T) => boolean;
     addSelectAllCheckbox?: boolean;
     selectAllCheckBoxLabel?: string;
@@ -58,7 +57,7 @@ export interface CheckboxListProps<T> extends CheckBoxListItemsProps<T> {
 }
 export interface ClickableCheckBoxItemProps {
     sx?: CheckBoxListItemSx;
-    label: string;
+    label: ReactNode;
     onClick: () => void;
     disabled?: boolean;
     checked: boolean;

package/dist/components/contingencyList/criteriaBased/CriteriaBasedForm.d.ts

@@ -1,5 +1,5 @@
-import { FormEquipment } from '../../filter/utils/filterFormUtils';
 import { ReactElement } from 'react';
+import { FormEquipment } from '../../filter/utils/filterFormUtils';
 
 export interface CriteriaBasedFormProps {
     equipments: Record<string, FormEquipment>;

package/dist/components/contingencyList/criteriaBased/criteriaBasedUtils.d.ts

@@ -1,7 +1,7 @@
-import { RangeInputData } from '../../inputs/reactHookForm/numbers/RangeInput';
-import { default as yup } from '../../../utils/yupConfig';
-import { FieldConstants } from '../../../utils/constants/fieldConstants';
 import { ObjectSchema } from 'yup';
+import { FieldConstants } from '../../../utils/constants/fieldConstants';
+import { default as yup } from '../../../utils/yupConfig';
+import { RangeInputData } from '../../inputs/reactHookForm/numbers/RangeInput';
 
 export type CriteriaBasedData = {
     [FieldConstants.COUNTRIES]?: string[];

package/dist/components/customAGGrid/customAggrid.d.ts

@@ -1,5 +1,5 @@
-import { AgGridReact, AgGridReactProps } from 'ag-grid-react';
 import { default as React } from 'react';
+import { AgGridReact, AgGridReactProps } from 'ag-grid-react';
 
 interface CustomAGGGridStyleProps {
     shouldHidePinnedHeaderRightBorder?: boolean;

package/dist/components/customAGGrid/customAggrid.js

@@ -4,8 +4,7 @@ import { AgGridReact } from "ag-grid-react";
 import { useIntl } from "react-intl";
 import "ag-grid-community/styles/ag-grid.css";
 import "ag-grid-community/styles/ag-theme-alpine.css";
-import { Box } from "@mui/system";
-import { useTheme } from "@mui/material";
+import { useTheme, Box } from "@mui/material";
 import { mergeSx } from "../../utils/styles.js";
 import { CUSTOM_AGGRID_THEME, styles } from "./customAggrid.style.js";
 const onColumnResized = (params) => {

package/dist/components/customAGGrid/customAggrid.style.d.ts

@@ -1,5 +1,5 @@
-import { SystemStyleObject } from '@mui/system/styleFunctionSx/styleFunctionSx';
-import { Theme } from '@mui/material/styles/createTheme';
+import { Theme } from '@mui/material';
+import { SystemStyleObject } from '@mui/system';
 
 export declare const CUSTOM_AGGRID_THEME = "custom-aggrid-theme";
 export declare const styles: {

package/dist/components/dialogs/customMuiDialog/CustomMuiDialog.d.ts

@@ -1,6 +1,6 @@
-import { ObjectSchema } from 'yup';
-import { FieldErrors, FieldValues, SubmitHandler, UseFormReturn } from 'react-hook-form';
 import { MouseEvent, ReactNode } from 'react';
+import { FieldErrors, FieldValues, SubmitHandler, UseFormReturn } from 'react-hook-form';
+import { ObjectSchema } from 'yup';
 
 export interface CustomMuiDialogProps<T extends FieldValues = FieldValues> {
     open: boolean;

package/dist/components/dialogs/modifyElementSelection/ModifyElementSelection.d.ts

@@ -1,5 +1,5 @@
-import { ElementType } from '../../../utils/types/elementType';
 import { UUID } from 'crypto';
+import { ElementType } from '../../../utils/types/elementType';
 
 export interface ModifyElementSelectionProps {
     elementType: ElementType;

package/dist/components/directoryItemSelector/DirectoryItemSelector.d.ts

@@ -1,6 +1,6 @@
-import { ElementAttributes } from '../../utils';
-import { TreeViewFinderProps } from '../treeViewFinder/TreeViewFinder';
 import { UUID } from 'crypto';
+import { TreeViewFinderProps } from '../treeViewFinder/TreeViewFinder';
+import { ElementAttributes } from '../../utils';
 
 export interface DirectoryItemSelectorProps extends TreeViewFinderProps {
     types: string[];

package/dist/components/elementSearch/elementItem/EquipmentItem.d.ts

@@ -1,6 +1,6 @@
-import { TagRenderer } from '../tagRenderer/TagRenderer';
-import { EquipmentInfos } from '../../../utils/types/equipmentType';
 import { SxProps, Theme } from '@mui/material';
+import { EquipmentInfos } from '../../../utils/types/equipmentType';
+import { TagRenderer } from '../tagRenderer/TagRenderer';
 
 export interface EquipmentItemProps {
     inputValue: string;

package/dist/components/elementSearch/elementSearchInput/ElementSearchInput.d.ts

@@ -1,5 +1,5 @@
-import { HTMLAttributes, ReactNode } from 'react';
 import { AutocompleteProps, AutocompleteRenderInputParams } from '@mui/material';
+import { HTMLAttributes, ReactNode } from 'react';
 
 export type RenderElementProps<T> = HTMLAttributes<HTMLLIElement> & {
     element: T;

package/dist/components/elementSearch/tagRenderer/TagRenderer.d.ts

@@ -1,5 +1,5 @@
-import { EquipmentInfos } from '../../../utils/types/equipmentType';
 import { SxProps, Theme } from '@mui/material';
+import { EquipmentInfos } from '../../../utils/types/equipmentType';
 
 export interface TagRendererProps {
     element: EquipmentInfos;

package/dist/components/filter/FilterCreationDialog.d.ts

@@ -1,5 +1,5 @@
-import { ElementExistsType } from '../../utils/types/elementType';
 import { UUID } from 'crypto';
+import { ElementExistsType } from '../../utils/types/elementType';
 
 export interface FilterCreationDialogProps {
     open: boolean;

package/dist/components/filter/FilterCreationDialog.js

@@ -9,7 +9,7 @@ import { getExplicitNamingFilterEmptyFormData, explicitNamingFilterSchema } from
 import { FieldConstants } from "../../utils/constants/fieldConstants.js";
 import "../../utils/yupConfig.js";
 import { FilterForm } from "./FilterForm.js";
-import { getExpertFilterEmptyFormData, expertFilterSchema } from "./expert/ExpertFilterForm.js";
+import { expertFilterSchema, getExpertFilterEmptyFormData } from "./expert/ExpertFilterForm.js";
 import { FilterType } from "./constants/FilterConstants.js";
 import { MAX_CHAR_DESCRIPTION } from "../../utils/constants/uiConstants.js";
 import { EXPERT_FILTER_QUERY } from "./expert/expertFilterConstants.js";

package/dist/components/filter/HeaderFilterForm.d.ts

@@ -1,6 +1,6 @@
-import { default as yup } from '../../utils/yupConfig';
-import { ElementExistsType } from '../../utils/types/elementType';
 import { UUID } from 'crypto';
+import { ElementExistsType } from '../../utils/types/elementType';
+import { default as yup } from '../../utils/yupConfig';
 
 export interface FilterFormProps {
     creation?: boolean;

package/dist/components/filter/expert/ExpertFilterForm.js

@@ -1,4 +1,3 @@
-import '../../../assets/ExpertFilterForm.css';
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useCallback, useMemo } from "react";
 import { formatQuery } from "react-querybuilder";
@@ -7,7 +6,7 @@ import * as yup from "yup";
 import { v4 } from "uuid";
 import { Box } from "@mui/material";
 import { testQuery } from "./expertFilterUtils.js";
-import { EXPERT_FILTER_QUERY, COMBINATOR_OPTIONS, OPERATOR_OPTIONS, EXPERT_FILTER_EQUIPMENTS, RULES, EXPERT_FILTER_FIELDS } from "./expertFilterConstants.js";
+import { EXPERT_FILTER_QUERY, OPERATOR_OPTIONS, RULES, EXPERT_FILTER_EQUIPMENTS, COMBINATOR_OPTIONS, EXPERT_FILTER_FIELDS } from "./expertFilterConstants.js";
 import { FieldConstants } from "../../../utils/constants/fieldConstants.js";
 import { InputWithPopupConfirmation } from "../../inputs/reactHookForm/selectInputs/InputWithPopupConfirmation.js";
 import { SelectInput } from "../../inputs/reactHookForm/selectInputs/SelectInput.js";
@@ -38,7 +37,7 @@ yup.setLocale({
     }
   }
 });
-function isSupportedEquipmentType(equipmentType) {
+import '../../../assets/ExpertFilterForm.css';function isSupportedEquipmentType(equipmentType) {
   return Object.values(EXPERT_FILTER_EQUIPMENTS).map((equipments) => equipments.id).includes(equipmentType);
 }
 const rqbQuerySchemaValidator = (schema) => schema.test(RULES.EMPTY_GROUP, RULES.EMPTY_GROUP, (query) => {

package/dist/components/filter/expert/expertFilter.type.d.ts

@@ -1,6 +1,6 @@
-import { FieldType } from '../../../utils/types/fieldType';
-import { UUID } from 'crypto';
 import { FullField } from 'react-querybuilder';
+import { UUID } from 'crypto';
+import { FieldType } from '../../../utils/types/fieldType';
 
 export declare enum OperatorType {
     EQUALS = "EQUALS",

package/dist/components/filter/expert/expertFilterConstants.d.ts

@@ -1,6 +1,6 @@
-import { FieldType } from '../../../utils/types/fieldType';
-import { CombinatorType, DataType, OperatorType } from './expertFilter.type';
 import { Field } from 'react-querybuilder';
+import { CombinatorType, DataType, OperatorType } from './expertFilter.type';
+import { FieldType } from '../../../utils/types/fieldType';
 
 export declare enum RULES {
     EMPTY_RULE = "emptyRule",

package/dist/components/filter/expert/expertFilterConstants.js

@@ -1,6 +1,6 @@
 import { OperatorType, CombinatorType, DataType } from "./expertFilter.type.js";
 import { FieldType } from "../../../utils/types/fieldType.js";
-import { KILO_VOLT, MEGA_WATT, MEGA_VAR, MEGA_VOLT_AMPERE, SIEMENS, OHM, MICRO_SIEMENS, KILO_AMPERE } from "../../../utils/constants/unitsConstants.js";
+import { KILO_AMPERE, KILO_VOLT, MICRO_SIEMENS, SIEMENS, MEGA_VAR, MEGA_WATT, OHM, MEGA_VOLT_AMPERE } from "../../../utils/constants/unitsConstants.js";
 var RULES = /* @__PURE__ */ ((RULES2) => {
   RULES2["EMPTY_RULE"] = "emptyRule";
   RULES2["EMPTY_GROUP"] = "emptyGroup";

package/dist/components/filter/expert/expertFilterUtils.d.ts

@@ -1,83 +1,11 @@
-import { RuleGroupTypeExport } from './expertFilter.type';
-import { IntlShape } from 'react-intl';
 import { QueryValidator, RuleGroupType, RuleGroupTypeAny } from 'react-querybuilder';
+import { IntlShape } from 'react-intl';
+import { RuleGroupTypeExport } from './expertFilter.type';
 
 export declare const getOperators: (fieldName: string, intl: IntlShape) => {
     name: string;
     label: string;
-}[] | ({
-    readonly name: "=";
-    readonly value: "=";
-    readonly label: "=";
-} | {
-    readonly name: "!=";
-    readonly value: "!=";
-    readonly label: "!=";
-} | {
-    readonly name: "<";
-    readonly value: "<";
-    readonly label: "<";
-} | {
-    readonly name: ">";
-    readonly value: ">";
-    readonly label: ">";
-} | {
-    readonly name: "<=";
-    readonly value: "<=";
-    readonly label: "<=";
-} | {
-    readonly name: ">=";
-    readonly value: ">=";
-    readonly label: ">=";
-} | {
-    readonly name: "contains";
-    readonly value: "contains";
-    readonly label: "contains";
-} | {
-    readonly name: "beginsWith";
-    readonly value: "beginsWith";
-    readonly label: "begins with";
-} | {
-    readonly name: "endsWith";
-    readonly value: "endsWith";
-    readonly label: "ends with";
-} | {
-    readonly name: "doesNotContain";
-    readonly value: "doesNotContain";
-    readonly label: "does not contain";
-} | {
-    readonly name: "doesNotBeginWith";
-    readonly value: "doesNotBeginWith";
-    readonly label: "does not begin with";
-} | {
-    readonly name: "doesNotEndWith";
-    readonly value: "doesNotEndWith";
-    readonly label: "does not end with";
-} | {
-    readonly name: "null";
-    readonly value: "null";
-    readonly label: "is null";
-} | {
-    readonly name: "notNull";
-    readonly value: "notNull";
-    readonly label: "is not null";
-} | {
-    readonly name: "in";
-    readonly value: "in";
-    readonly label: "in";
-} | {
-    readonly name: "notIn";
-    readonly value: "notIn";
-    readonly label: "not in";
-} | {
-    readonly name: "between";
-    readonly value: "between";
-    readonly label: "between";
-} | {
-    readonly name: "notBetween";
-    readonly value: "notBetween";
-    readonly label: "not between";
-})[];
+}[];
 export declare function exportExpertRules(query: RuleGroupType): RuleGroupTypeExport;
 export declare function importExpertRules(query: RuleGroupTypeExport): RuleGroupType;
 export declare function countRules(query: RuleGroupTypeAny): number;

package/dist/components/filter/expert/expertFilterUtils.js

@@ -1,8 +1,8 @@
 import { defaultOperators, getParentPath, findPath, remove } from "react-querybuilder";
 import { validate } from "uuid";
 import { DataType } from "./expertFilter.type.js";
-import { FIELDS_OPTIONS, OPERATOR_OPTIONS, RULES } from "./expertFilterConstants.js";
-import { convertOutputValue, isBlankOrEmpty, convertInputValue } from "../../../utils/conversionUtils.js";
+import { OPERATOR_OPTIONS, RULES, FIELDS_OPTIONS } from "./expertFilterConstants.js";
+import { isBlankOrEmpty, convertOutputValue, convertInputValue } from "../../../utils/conversionUtils.js";
 import { FieldType } from "../../../utils/types/fieldType.js";
 const searchTree = (tree, key, value) => {
   const stack = Object.values(tree);
@@ -334,8 +334,7 @@ const queryValidator = (query) => {
       }
     }
     ruleGroup.rules.forEach((rule) => {
-      if (typeof rule === "string")
-        ;
+      if (typeof rule === "string") ;
       else if ("rules" in rule) {
         validateGroup(rule);
       } else {

package/dist/components/filter/explicitNaming/ExplicitNamingFilterForm.d.ts

@@ -1,7 +1,7 @@
-import { DISTRIBUTION_KEY } from '../constants/FilterConstants';
-import { default as yup } from '../../../utils/yupConfig';
-import { FieldConstants } from '../../../utils/constants/fieldConstants';
 import { UUID } from 'crypto';
+import { FieldConstants } from '../../../utils/constants/fieldConstants';
+import { default as yup } from '../../../utils/yupConfig';
+import { DISTRIBUTION_KEY } from '../constants/FilterConstants';
 
 export declare const explicitNamingFilterSchema: {
     filterEquipmentsAttributes: yup.ArraySchema<{

package/dist/components/filter/explicitNaming/ExplicitNamingFilterForm.js

@@ -94,6 +94,7 @@ function ExplicitNamingFilterForm({ sourceFilterForExplicitNamingConversion }) {
         field: FieldConstants.EQUIPMENT_ID,
         editable: true,
         singleClickEdit: true,
+        flex: 1,
         valueParser: (params) => {
           var _a;
           return ((_a = params.newValue) == null ? void 0 : _a.trim()) ?? null;
@@ -107,7 +108,7 @@ function ExplicitNamingFilterForm({ sourceFilterForExplicitNamingConversion }) {
         editable: true,
         singleClickEdit: true,
         cellEditor: NumericEditor,
-        maxWidth: 200
+        flex: 1
       });
     }
     return newColumnDefs;

package/dist/components/filter/filter.type.d.ts

@@ -1,8 +1,8 @@
-import { FILTER_EQUIPMENTS_ATTRIBUTES } from './explicitNaming/ExplicitNamingFilterConstants';
-import { EXPERT_FILTER_QUERY } from './expert/expertFilterConstants';
-import { RuleGroupTypeExport } from './expert/expertFilter.type';
-import { ElementExistsType, FieldConstants } from '../../utils';
 import { UUID } from 'crypto';
+import { ElementExistsType, FieldConstants } from '../../utils';
+import { RuleGroupTypeExport } from './expert/expertFilter.type';
+import { EXPERT_FILTER_QUERY } from './expert/expertFilterConstants';
+import { FILTER_EQUIPMENTS_ATTRIBUTES } from './explicitNaming/ExplicitNamingFilterConstants';
 
 /**
  * Represent an item/object in directories.

package/dist/components/filter/utils/filterFormUtils.d.ts

@@ -1,5 +1,5 @@
-import { EquipmentType } from '../../../utils/types/equipmentType';
 import { FunctionComponent } from 'react';
+import { EquipmentType } from '../../../utils/types/equipmentType';
 
 export type FormField = {
     renderer: FunctionComponent<any>;

package/dist/components/inputs/reactHookForm/agGridTable/CustomAgGridTable.js

@@ -1,13 +1,13 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState, useCallback, useEffect } from "react";
 import { useFormContext, useFieldArray } from "react-hook-form";
-import { AgGridReact } from "ag-grid-react";
 import "ag-grid-community/styles/ag-grid.css";
 import "ag-grid-community/styles/ag-theme-alpine.css";
 import { useTheme, Box } from "@mui/material";
 import { useIntl } from "react-intl";
 import { BottomRightButtons } from "./BottomRightButtons.js";
 import { FieldConstants } from "../../../../utils/constants/fieldConstants.js";
+import { CustomAGGrid } from "../../../customAGGrid/customAggrid.js";
 const style = (customProps) => ({
   grid: (theme) => ({
     width: "auto",
@@ -136,11 +136,6 @@ function CustomAgGridTable({
     append(makeDefaultRowData());
     setNewRowAdded(true);
   };
-  useEffect(() => {
-    if (gridApi) {
-      gridApi.api.sizeColumnsToFit();
-    }
-  }, [columnDefs, gridApi]);
   const intl = useIntl();
   const getLocaleText = useCallback(
     (params) => {
@@ -176,7 +171,7 @@ function CustomAgGridTable({
   }, []);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Box, { className: theme.aggrid.theme, sx: style(cssProps).grid, children: /* @__PURE__ */ jsx(
-      AgGridReact,
+      CustomAGGrid,
       {
         rowData,
         onGridReady,

package/dist/components/inputs/reactHookForm/agGridTable/csvUploader/CsvUploader.js

@@ -3,7 +3,7 @@ import Dialog from "@mui/material/Dialog";
 import DialogTitle from "@mui/material/DialogTitle";
 import DialogContent from "@mui/material/DialogContent";
 import DialogActions from "@mui/material/DialogActions";
-import { useCSVReader } from "react-papaparse";
+import { useCSVReader, RECORD_SEP, UNIT_SEP } from "react-papaparse";
 import Button from "@mui/material/Button";
 import React, { useState, useMemo } from "react";
 import Grid from "@mui/material/Grid";
@@ -12,7 +12,6 @@ import CsvDownloader from "react-csv-downloader";
 import Alert from "@mui/material/Alert";
 import { DialogContentText } from "@mui/material";
 import { useWatch } from "react-hook-form";
-import { RECORD_SEP, UNIT_SEP } from "papaparse";
 import { FieldConstants } from "../../../../../utils/constants/fieldConstants.js";
 import { CancelButton } from "../../utils/CancelButton.js";
 function CsvUploader({

package/dist/components/inputs/reactHookForm/autocompleteInputs/AutocompleteInput.d.ts

@@ -1,5 +1,5 @@
-import { Option } from '../../../../utils/types/types';
 import { AutocompleteProps, TextFieldProps } from '@mui/material';
+import { Option } from '../../../../utils/types/types';
 
 export interface AutocompleteInputProps extends Omit<AutocompleteProps<Option, boolean | undefined, boolean | undefined, boolean | undefined>, 'value' | 'onChange' | 'renderInput'> {
     name: string;

package/dist/components/inputs/reactHookForm/autocompleteInputs/AutocompleteInput.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { Autocomplete, TextField } from "@mui/material";
 import { useController } from "react-hook-form";
-import { isFieldRequired, genHelperPreviousValue, genHelperError, identity } from "../utils/functions.js";
+import { identity, genHelperError, genHelperPreviousValue, isFieldRequired } from "../utils/functions.js";
 import { FieldLabel } from "../utils/FieldLabel.js";
 import { useCustomFormContext } from "../provider/useCustomFormContext.js";
 function AutocompleteInput({

package/dist/components/inputs/reactHookForm/numbers/RangeInput.d.ts

@@ -1,6 +1,5 @@
-import { FieldConstants } from '../../../../utils/constants/fieldConstants';
-import { default as yup } from '../../../../utils/yupConfig';
 import { ObjectSchema } from 'yup';
+import { FieldConstants } from '../../../../utils/constants/fieldConstants';
 
 export declare const RangeType: {
     readonly EQUALITY: {
@@ -34,7 +33,7 @@ export type RangeInputData = {
     [FieldConstants.VALUE_2]: number | null;
 };
 export declare const DEFAULT_RANGE_VALUE: RangeInputData;
-export declare function getRangeInputSchema<TName extends string>(name: TName): Record<TName, ObjectSchema<RangeInputData, yup.AnyObject, any, "">>;
+export declare function getRangeInputSchema<TName extends string>(name: TName): Record<TName, ObjectSchema<RangeInputData>>;
 interface RangeInputProps {
     name: string;
     label: string;

package/dist/components/inputs/reactHookForm/numbers/SliderInput.d.ts

@@ -2,6 +2,6 @@ import { SliderProps } from '@mui/material';
 
 export interface SliderInputProps extends SliderProps {
     name: string;
-    onValueChanged: (value: number | number[]) => void;
+    onValueChanged?: (value: number | number[]) => void;
 }
-export declare function SliderInput({ name, min, max, step, size, onValueChanged }: SliderInputProps): import("react/jsx-runtime").JSX.Element;
+export declare function SliderInput({ name, min, max, step, size, marks, valueLabelDisplay, valueLabelFormat, onValueChanged, }: SliderInputProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/inputs/reactHookForm/numbers/SliderInput.js

@@ -2,15 +2,38 @@ import { jsx } from "react/jsx-runtime";
 import { Slider } from "@mui/material";
 import { useController } from "react-hook-form";
 import { identity } from "../utils/functions.js";
-function SliderInput({ name, min, max, step, size = "small", onValueChanged = identity }) {
+function SliderInput({
+  name,
+  min,
+  max,
+  step,
+  size = "small",
+  marks,
+  valueLabelDisplay,
+  valueLabelFormat,
+  onValueChanged = identity
+}) {
   const {
     field: { onChange, value }
   } = useController({ name });
   const handleValueChange = (event, newValue, activeThumb) => {
-    onValueChanged(newValue);
+    onValueChanged == null ? void 0 : onValueChanged(newValue);
     onChange(newValue);
   };
-  return /* @__PURE__ */ jsx(Slider, { size, min, max, step, value, onChange: handleValueChange });
+  return /* @__PURE__ */ jsx(
+    Slider,
+    {
+      size,
+      min,
+      max,
+      step,
+      value,
+      onChange: handleValueChange,
+      marks,
+      valueLabelDisplay,
+      valueLabelFormat
+    }
+  );
 }
 export {
   SliderInput

package/dist/components/inputs/reactHookForm/provider/CustomFormProvider.d.ts

@@ -1,6 +1,6 @@
-import { ObjectSchema } from 'yup';
-import { FieldValues, UseFormReturn } from 'react-hook-form';
 import { default as React, PropsWithChildren } from 'react';
+import { FieldValues, UseFormReturn } from 'react-hook-form';
+import { ObjectSchema } from 'yup';
 
 type CustomFormContextProps<TFieldValues extends FieldValues = FieldValues> = {
     removeOptional?: boolean;

package/dist/components/inputs/reactHookForm/provider/CustomFormProvider.js

@@ -14,11 +14,7 @@ function CustomFormProvider(props) {
     CustomFormContext.Provider,
     {
       value: React.useMemo(
-        () => ({
-          validationSchema,
-          removeOptional,
-          language
-        }),
+        () => ({ validationSchema, removeOptional, language }),
         [validationSchema, removeOptional, language]
       ),
       children

package/dist/components/inputs/reactHookForm/selectInputs/SelectInput.d.ts

@@ -1,5 +1,5 @@
-import { Option } from '../../../../utils/types/types';
 import { AutocompleteInputProps } from '../autocompleteInputs/AutocompleteInput';
+import { Option } from '../../../../utils/types/types';
 
 export interface SelectInputProps extends Omit<AutocompleteInputProps, 'outputTransform' | 'inputTransform' | 'readOnly' | 'getOptionLabel'> {
     options: Option[];

package/dist/components/inputs/reactHookForm/text/ExpandingTextField.d.ts

@@ -1,5 +1,5 @@
-import { TextInputProps } from './TextInput';
 import { TextFieldProps } from '@mui/material';
+import { TextInputProps } from './TextInput';
 
 export interface ExpandingTextFieldProps extends TextInputProps {
     name: string;