@m4l/components 9.2.52 → 9.2.53

package/index.js

@@ -9,7 +9,7 @@ import { A as A2 } from "./components/animate/AnimatedScroll/animatedScroll.js";
 import { v } from "./components/animate/variants/fade.js";
 import { v as v2 } from "./components/animate/variants/bounce.js";
 import { v as v3 } from "./components/animate/variants/container.js";
-import { v as v4, a, b } from "./components/animate/variants/transition.js";
+import { a, v as v4, b } from "./components/animate/variants/transition.js";
 import { A as A3 } from "./components/AppBar/AppBar.js";
 import { g as g2 } from "./components/AppBar/dictionary.js";
 import { A as A4 } from "./components/areas/components/AreasAdmin/AreasAdmin.js";
@@ -34,6 +34,7 @@ import { D as D2 } from "./components/DataGrid/DataGrid.js";
 import { g as g5 } from "./components/DataGrid/dictionary.js";
 import { N, T as T2 } from "./components/DataGrid/subcomponents/editors/TextEditor/index.js";
 import { g as g6 } from "./components/DataGrid/utils/getDataGridRowsFromSet.js";
+import { b as b3 } from "./components/DataGrid/constants.js";
 import { C as C2 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/formatter.js";
 import { u as u3 } from "./components/DataGrid/formatters/ColumnBooleanFormatter/useColumnBoolean.js";
 import { C as C3 } from "./components/DataGrid/formatters/ColumnConcatenatedValuesFormatter/formatter.js";
@@ -120,7 +121,7 @@ import { D as D8 } from "./components/formatters/DistanceToNowFormatter/Distance
 import { g as g18 } from "./components/formatters/dictionary.js";
 import { G } from "./components/GridLayout/GridLayout.js";
 import { R as R3 } from "./components/GridLayout/subcomponents/Responsive/index.js";
-import { c as c2, d as d3, e } from "./components/GridLayout/subcomponents/Responsive/responsiveUtils.js";
+import { c as c2, e, d as d3 } from "./components/GridLayout/subcomponents/Responsive/responsiveUtils.js";
 import { i, k } from "./components/GridLayout/utils.js";
 import { w } from "./components/GridLayout/subcomponents/withSizeProvider/index.js";
 import { H as H2 } from "./components/HelmetPage/index.js";
@@ -198,7 +199,7 @@ import { u as u23 } from "./hooks/useInterval/index.js";
 import { u as u24 } from "./hooks/useComponentSize/useComponentSize.js";
 import { u as u25 } from "./hooks/useFormReadyForUpdate/index.js";
 import { u as u26 } from "./hooks/useStateRef/index.js";
-import { a as a14 } from "./hooks/useSvgColor/constants.js";
+import { S as S9 } from "./hooks/useSvgColor/constants.js";
 import { u as u27 } from "./hooks/useSvgColor/useSvgColor.js";
 import { u as u28 } from "./hooks/useDynamicFilterAndSort/useDynamicFilterAndSort.js";
 import { u as u29 } from "./hooks/useDataGridPersistence/useDataGridPersistence.js";
@@ -209,9 +210,9 @@ import { g as g30 } from "./utils/getComponentUtilityClass.js";
 import { g as g31 } from "./utils/getPaletteColor.js";
 import { g as g32 } from "./utils/getTypographyStyles.js";
 import { g as g33 } from "./utils/getIconColor.js";
-import { a as a15 } from "./utils/getSizeStyles/getSizeStyles.js";
+import { a as a14 } from "./utils/getSizeStyles/getSizeStyles.js";
 import { O as O2 } from "./utils/ObjectQueue.js";
-import { g as g34, a as a16 } from "./utils/getComponentSlotRoot.js";
+import { g as g34, a as a15 } from "./utils/getComponentSlotRoot.js";
 import { f } from "./utils/formatDistanceToNow/formatDistanteToNow.js";
 import { g as g35 } from "./utils/getValidDate.js";
 import { g as g36 } from "./utils/getNullGuard.js";
@@ -256,6 +257,7 @@ export {
   C10 as ColumnSetCheckFormatter,
   C11 as ColumnUncertaintyFormatter,
   C15 as ConcatenatedFormatter,
+  b3 as DATAGRID_SEMANTIC_WIDTHS,
   D as DICTIONARY,
   D2 as DataGrid,
   D7 as DateFormatter,
@@ -339,7 +341,7 @@ export {
   R as Resizable,
   R2 as ResizableBox,
   R3 as Responsive,
-  a14 as SKELETON_SVG_ICON,
+  S9 as SKELETON_SVG_ICON,
   S7 as ScrollBar,
   S as SectionCommercial,
   S6 as SelectStyled,
@@ -375,9 +377,9 @@ export {
   W2 as WindowToolsMFContext,
   a10 as WindowToolsMFProvider,
   c2 as addLayoutItemToBreakPointIfNoExists,
-  d3 as addLayoutItemToBreakPoints,
+  e as addLayoutItemToBreakPoints,
   c4 as capitalizeFirstLetter,
-  e as cloneLayouts,
+  d3 as cloneLayouts,
   c3 as createDynamicMFStore,
   c as createToaster,
   d as defaultCommonActionsDictionary,
@@ -389,7 +391,7 @@ export {
   g3 as getAreasDictionary,
   g4 as getCommonActionsDictionary,
   g34 as getComponentClasses,
-  a16 as getComponentSlotRoot,
+  a15 as getComponentSlotRoot,
   g30 as getComponentUtilityClass,
   g5 as getDataGridComponentsDictionary,
   g6 as getDataGridRowsFromSet,
@@ -403,7 +405,7 @@ export {
   g14 as getFormatPoints,
   g16 as getFormatPrice,
   g18 as getFormattersComponentsDictionary,
-  a15 as getHeightSizeStyles,
+  a14 as getHeightSizeStyles,
   g33 as getIconColor,
   g8 as getIsIfInDynamicFilter,
   g22 as getLoadingErrorComponentsDictionary,
@@ -465,8 +467,8 @@ export {
   v2 as varBounce,
   v3 as varContainer,
   v as varFade,
-  v4 as varTranEnter,
-  a as varTranExit,
+  a as varTranEnter,
+  v4 as varTranExit,
   b as varTranHover,
   w as withSizeProvider
 };

package/mockServiceWorker.js

@@ -8,7 +8,7 @@
  * - Please do NOT serve this file on production.
  */
 
-const PACKAGE_VERSION = '2.7.5'
+const PACKAGE_VERSION = '2.8.2'
 const INTEGRITY_CHECKSUM = '00729d72e3b82faf54ca8b9621dbb96f'
 const IS_MOCKED_RESPONSE = Symbol('isMockedResponse')
 const activeClientIds = new Set()

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m4l/components",
-  "version": "9.2.52",
+  "version": "9.2.53",
   "license": "UNLICENSED",
   "description": "M4L Components",
   "lint-staged": {

package/storybook/components/extended/mui/Autocomplete/AutoComple.stories.d.ts

@@ -18,3 +18,4 @@ export declare const ImageMultiple: Story;
 export declare const Loading: Story;
 export declare const Refresh: Story;
 export declare const Skeleton: Story;
+export declare const WithError: Story;

package/storybook/hook-form/RHFAutocomplete/RHFAutocomplete.stories.d.ts

@@ -1,15 +1,17 @@
 import { Meta, StoryObj } from '@storybook/react';
 import { RHFAutocompleteProps } from '../../../src/components/hook-form/RHFAutocomplete/types';
-type OptionType = {
-    id: number;
-    label: string;
-    imageUrl?: string;
-};
+import { OptionType } from './constants';
 declare const meta: Meta<RHFAutocompleteProps<OptionType>>;
 export default meta;
 type Story = StoryObj<RHFAutocompleteProps<OptionType>>;
 export declare const Default: Story;
-export declare const MultipleSelection: Story;
+export declare const InitialNull: Story;
+/**
+ * Preselected Option With not Options
+ */
+export declare const PreselectedOptionNotOptions: Story;
+export declare const Multiple: Story;
+export declare const MultiplePreselected: Story;
 export declare const WithImages: Story;
 export declare const LoadingState: Story;
 export declare const Disabled: Story;

package/storybook/hook-form/RHFAutocomplete/constants.d.ts

@@ -0,0 +1,23 @@
+export declare const FIELD_NAME_INITIAL_NULL = "rhf-autocomplete-initial-null";
+export declare const FIELD_NAME_REQUIRED = "rhf-autocomplete";
+export declare const FIELD_NAME_PRESELECTED = "rhf-autocomplete-preselected";
+export declare const FIELD_NAME_PRESELECTED_NOT_IN_OPTIONS = "rhf-autocomplete-preselected-not-in-options";
+export declare const FIELD_NAME_PRESELECTED_MULTIPLE = "rhf-autocomplete-preselected-multiple";
+export declare const FIELD_NAME_PRESELECTED_MULTIPLE_NOT_IN_OPTIONS = "rhf-autocomplete-preselected-multiple-not-in-options";
+export type OptionType = {
+    id: number;
+    label: string;
+    imageUrl?: string;
+};
+export declare const RHFAUTOCOMPLETE_OPTIONS_MOCK: OptionType[];
+export declare const RHFAUTOCOMPLETE_OPTIONS_WITH_IMAGES_MOCK: OptionType[];
+export declare const VALIDATION_SCHEMA: import('yup/lib/object').OptionalObjectSchema<{
+    "rhf-autocomplete": import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
+}, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<{
+    "rhf-autocomplete": import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
+}>>;
+export declare const INITIAL_VALUES: {
+    "rhf-autocomplete-initial-null": null;
+    "rhf-autocomplete-preselected": OptionType;
+    "rhf-autocomplete-preselected-multiple": OptionType[];
+};

package/storybook/hook-form/RHFAutocompleteAsync/RHFAutocompleteAsync.stories.d.ts

@@ -1,14 +1,21 @@
 import { Meta, StoryObj } from '@storybook/react';
-import { RHFAutocompleteAsyncBaseProps } from '../../../src/components/hook-form/RHFAutocompleteAsync/types';
+import { RHFAutocompleteAsyncProps } from '../../../src/components/hook-form/RHFAutocompleteAsync/types';
 type OptionType = {
     id: number;
     name: string;
 };
-declare const meta: Meta<RHFAutocompleteAsyncBaseProps<OptionType>>;
+declare const meta: Meta<RHFAutocompleteAsyncProps<OptionType>>;
 export default meta;
-type Story = StoryObj<RHFAutocompleteAsyncBaseProps<OptionType>>;
+type Story = StoryObj<RHFAutocompleteAsyncProps<OptionType>>;
 export declare const Default: Story;
-export declare const MultipleSelection: Story;
+export declare const PreselectedOption: Story;
+/**
+ * Preselected Option Not Loaded In Options when combo open
+ */
+export declare const PreselectedOptionNotLoadedInOptions: Story;
+export declare const Multiple: Story;
+export declare const MultiplePreselected: Story;
+export declare const MultiplePreselectedNotLoadedInOptions: Story;
 export declare const WithCustomFiltering: Story;
 export declare const LoadingState: Story;
 export declare const Disabled: Story;

package/storybook/hook-form/RHFAutocompleteAsync/constants.d.ts

@@ -1,5 +1,14 @@
+export declare const FIELD_NAME_REQUIRED = "rhf-autocomplete-async";
+export declare const FIELD_NAME_PRESELECTED = "rhf-autocomplete-async-preselected";
+export declare const FIELD_NAME_PRESELECTED_NOT_IN_OPTIONS = "rhf-autocomplete-async-preselected-not-in-options";
+export declare const FIELD_NAME_PRESELECTED_MULTIPLE = "rhf-autocomplete-async-preselected-multiple";
+export declare const FIELD_NAME_PRESELECTED_MULTIPLE_NOT_IN_OPTIONS = "rhf-autocomplete-async-preselected-multiple-not-in-options";
 export declare const RHFAUTOCOMPLETEASYNC_MSW_MOCK: {
     id: number;
     name: string;
 }[];
-export declare const MSW_HANDLERS: import('msw').HttpHandler[];
+export declare const VALIDATION_SCHEMA: import('yup/lib/object').OptionalObjectSchema<{
+    "rhf-autocomplete-async": import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
+}, import('yup/lib/object').AnyObject, import('yup/lib/object').TypeOfShape<{
+    "rhf-autocomplete-async": import('yup/lib/string').RequiredStringSchema<string | undefined, import('yup/lib/types').AnyObject>;
+}>>;

package/storybook/hook-form/RHFAutocompleteAsync/handlers.d.ts

@@ -0,0 +1 @@
+export declare const MSW_HANDLERS: import('msw').HttpHandler[];

package/components/hook-form/RHFAutocomplete/oldTypes.d.ts

@@ -1,43 +0,0 @@
-import { AutocompleteCloseReason, AutocompleteInputChangeReason, TextFieldProps } from '@mui/material';
-import { LabelProps } from '../../Label/types';
-export type GetOptionString<T> = (option: T | null) => string;
-export type RHFAutocompleteVariants = 'info' | 'success' | 'warning';
-export type ImageProps<T> = (RHFAutocompleteTypeImageProps<T> & {
-    imageScale?: boolean;
-    imageRepeat?: never;
-}) | (RHFAutocompleteTypeImageProps<T> & {
-    imageRepeat: boolean;
-    imageScale?: never;
-});
-export interface RHFAutocompleteBaseProps<T> extends Omit<TextFieldProps, 'label' | 'variant' | 'helperText'>, Omit<LabelProps, 'label'> {
-    name: string;
-    options: Array<T>;
-    getOptionLabel: (option: T) => string;
-    isOptionEqualToValue: (option: T, value: T) => boolean;
-    skeletonWidth?: string | number;
-    skeletonHeight?: string | number;
-    loading?: boolean;
-    refresh?: () => void;
-    label?: string;
-    variant?: RHFAutocompleteVariants;
-    helperMessage?: string;
-    onOpen?: (event: React.SyntheticEvent) => void;
-    onClose?: (event: React.SyntheticEvent, reason: AutocompleteCloseReason) => void;
-    onChangeFilterParmsLocal?: (newValue: string, reason: AutocompleteInputChangeReason) => void;
-    multiple?: boolean;
-}
-export interface RHFAutocompleteTypeTextProps {
-    type: 'text';
-}
-export interface RHFAutocompleteTypeImageProps<T> {
-    type: 'image';
-    getOptionUrlImage: (option: T) => string;
-}
-export type RHFAutocompleteProps<T> = (RHFAutocompleteBaseProps<T> & ImageProps<T>) | (RHFAutocompleteBaseProps<T> & RHFAutocompleteTypeTextProps);
-export interface OwnerState extends Pick<RHFAutocompleteProps<any>, 'size' | 'disabled'>, Pick<ImageProps<any>, 'imageScale' | 'imageRepeat'> {
-    isFocus: boolean;
-    isTabSelected: boolean;
-    semantics: RHFAutocompleteVariants | 'error' | null;
-    variant?: 'withImage';
-    multiple: boolean;
-}