@m4l/components 9.1.146 → 9.1.147

package/storybook-decorators/WithContexts/WithContexts.js

@@ -0,0 +1,51 @@
+import { jsx } from "react/jsx-runtime";
+import { ThemeSettingsProvider } from "@m4l/graphics";
+import { CommonFlags } from "@m4l/core";
+import { A as AppWithTheme } from "./subcomponents/AppWithTheme.js";
+import { E as ENVIRONMENT_ASSETS, H as HOST_STATIC_ASSETS, a as HOST_API_REMOTE, b as HOST_API_LOCAL, D as DATABASE, P as PWD, U as USER, S as STORYBOOK_ISOLATION_MODULE_ID } from "./constants.js";
+import { M as MFIsolationApp } from "../../components/MFIsolationApp/MFIsolationApp.js";
+const WithContexts = (Story, storyContext) => {
+  const { globals, parameters } = storyContext;
+  const { themeMode, themeColor, deviceType } = globals ?? {};
+  const { isolationForceSkeleton, isolationComponentsDictionary, loadAreasFromNetwork, loadCookiesFromNetwork, onAreasLoad = () => {
+  } } = parameters ?? {};
+  return /* @__PURE__ */ jsx(
+    MFIsolationApp,
+    {
+      moduleId: STORYBOOK_ISOLATION_MODULE_ID,
+      user: USER,
+      pwd: PWD,
+      database: DATABASE,
+      host_api_local: HOST_API_LOCAL,
+      host_api_remote: HOST_API_REMOTE,
+      host_static_assets: HOST_STATIC_ASSETS,
+      environment_assets: ENVIRONMENT_ASSETS,
+      activeAreasNetwork: loadAreasFromNetwork,
+      activeCookiesFromNetwork: loadCookiesFromNetwork,
+      skeletonFlags: [
+        isolationForceSkeleton ? "forceSkeleton" : CommonFlags.FLAG_DICTIONARY_LOADED
+      ],
+      privileges: [],
+      onLoad: onAreasLoad,
+      componentsDictionary: isolationComponentsDictionary,
+      observedDivRef: {},
+      forcedDeviceType: deviceType === "automatic" ? void 0 : deviceType,
+      children: /* @__PURE__ */ jsx(
+        ThemeSettingsProvider,
+        {
+          themeSettingsForced: {
+            themeMode,
+            themeDirection: "ltr",
+            themeColor,
+            themeStretch: false,
+            themeLayout: "vertical"
+          },
+          children: /* @__PURE__ */ jsx(AppWithTheme, { themeMode, themeColor, children: /* @__PURE__ */ jsx(Story, {}) })
+        }
+      )
+    }
+  );
+};
+export {
+  WithContexts as W
+};

package/storybook-decorators/WithContexts/constants.d.ts

@@ -0,0 +1,10 @@
+export declare const USER: string;
+export declare const PWD: string;
+export declare const DATABASE = "";
+export declare const ENVIRONMENT_ASSETS: string;
+export declare const HOST_API_LOCAL: string;
+export declare const HOST_API_REMOTE: string;
+export declare const HOST_STATIC_ASSETS: string;
+export declare const DOMAIN_TOKEN: string;
+export declare const STORYBOOK_MODULE_ID: string;
+export declare const STORYBOOK_ISOLATION_MODULE_ID: string;

package/storybook-decorators/WithContexts/constants.js

@@ -0,0 +1,18 @@
+const USER = "carloszapata@gmail.com";
+const PWD = "Mayuscula123.";
+const DATABASE = "";
+const ENVIRONMENT_ASSETS = "d1";
+const HOST_API_LOCAL = "http://localhost:3000/domain";
+const HOST_API_REMOTE = "https://lab1.stage.made4labs.com/api/v1/domain";
+const HOST_STATIC_ASSETS = "https://s3.amazonaws.com/static.made4labs/environments";
+const STORYBOOK_ISOLATION_MODULE_ID = "users_list";
+export {
+  DATABASE as D,
+  ENVIRONMENT_ASSETS as E,
+  HOST_STATIC_ASSETS as H,
+  PWD as P,
+  STORYBOOK_ISOLATION_MODULE_ID as S,
+  USER as U,
+  HOST_API_REMOTE as a,
+  HOST_API_LOCAL as b
+};

package/storybook-decorators/WithContexts/index.js

@@ -0,0 +1 @@
+

package/storybook-decorators/WithContexts/styles.d.ts

@@ -0,0 +1 @@
+export declare const RootStyle: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material/styles').Theme>, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/storybook-decorators/WithContexts/styles.js

@@ -0,0 +1,15 @@
+import { styled } from "@mui/material/styles";
+const RootStyle = styled("div")(({ theme }) => ({
+  padding: 25,
+  backgroundColor: theme.vars.palette.background.default,
+  borderColor: theme.vars.palette.primary.enabled,
+  borderStyle: "solid",
+  borderWidth: 1,
+  width: "100%",
+  height: "100%",
+  fontSize: "inherit",
+  container: "container / inline-size"
+}));
+export {
+  RootStyle as R
+};

package/storybook-decorators/WithContexts/subcomponents/AppWithTheme.d.ts

@@ -0,0 +1,6 @@
+import { AppThemeProps } from '../types';
+/**
+ * AppWithTheme es un componente que se encarga de proveer el contexto de tema a la aplicación.
+ *
+ */
+export declare const AppWithTheme: ({ themeMode, themeColor, children }: AppThemeProps) => import("react/jsx-runtime").JSX.Element;

package/storybook-decorators/WithContexts/subcomponents/AppWithTheme.js

@@ -0,0 +1,32 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useThemeSettingsStore, HostThemeProvider, GlobalStyles } from "@m4l/graphics";
+import { fnComponentsOverrides } from "@m4l/styles";
+import { R as RootStyle } from "../styles.js";
+import { useEffect } from "react";
+const AppWithTheme = ({ themeMode, themeColor, children }) => {
+  const themeOptions = useThemeSettingsStore((state) => state.themeOptions);
+  const currentThemeSettings = useThemeSettingsStore((state) => state.themeUserSettings);
+  const setThemeSettings = useThemeSettingsStore((state) => state.settingsActions.setThemeSettings);
+  useEffect(() => {
+    setThemeSettings({
+      ...currentThemeSettings,
+      themeMode,
+      themeColor
+    });
+  }, [themeMode, themeColor]);
+  return /* @__PURE__ */ jsx(RootStyle, { children: /* @__PURE__ */ jsxs(
+    HostThemeProvider,
+    {
+      isMicroFrontEnd: false,
+      hostThemeOptions: themeOptions,
+      fnComponentsOverrides,
+      children: [
+        /* @__PURE__ */ jsx(GlobalStyles, {}),
+        children
+      ]
+    }
+  ) });
+};
+export {
+  AppWithTheme as A
+};

package/storybook-decorators/WithDictionaryContext/WithDictionaryContext.d.ts

@@ -0,0 +1,21 @@
+import { default as React } from 'react';
+interface GlobalContextType {
+    data: any;
+    isLoading: boolean;
+    loadDataForFirstStory: () => Promise<void>;
+    checkIncomingData: () => Promise<void>;
+}
+/**
+ * Decorador usado para cargar el diccionario de componente.
+ * Si tiene varias historias, solo se cargará la primera,
+ * la demas esperaran a que la primera termine de llamar la API.
+ */
+export declare const WithDictionaryContext: React.FC<{
+    comps: string[];
+    children: React.ReactNode;
+}>;
+/**
+ * Contexto para extraer el value del contexto
+ */
+export declare const useStoryBookDictionaryContext: () => GlobalContextType;
+export {};

package/storybook-decorators/WithForm/WithForm.d.ts

@@ -0,0 +1,8 @@
+import { StoryFn } from '@storybook/react';
+/**
+ * Decorator that adds the form context to the story and triggers validation after a delay.
+ */
+export declare const WithForms: ({ values, validationSchema }: {
+    values?: {} | undefined;
+    validationSchema?: {} | undefined;
+}) => (Story: StoryFn) => import("react/jsx-runtime").JSX.Element;

package/storybook-decorators/WithForm/WithForm.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import { fn } from "@storybook/test";
+import { R as RHFormProvider } from "../../components/hook-form/RHFormContext/index.js";
+const WithForms = ({ values = {}, validationSchema = {} }) => {
+  return function WithFormStory(Story) {
+    const onSubmit = fn();
+    return /* @__PURE__ */ jsx(RHFormProvider, { onSubmit, values, validationSchema, children: /* @__PURE__ */ jsx(Story, {}) });
+  };
+};
+export {
+  WithForms as W
+};

package/storybook-decorators/WithForm/index.js

@@ -0,0 +1 @@
+

package/storybook-decorators/WithFormAutoValidation/WithFormAutoValidation.d.ts

@@ -0,0 +1,7 @@
+import { StoryFn } from '@storybook/react';
+/**
+ * Decorador para que el Story ejecute automaticamente las validaciones de react-hook-fom.
+ * Se debe usar con el decorador WithForm que es el que configura el formulario y su contexto.
+ * @param Story
+ */
+export declare const WithFormAutoValidation: (Story: StoryFn) => import("react/jsx-runtime").JSX.Element;

package/storybook-decorators/WithFormAutoValidation/WithFormAutoValidation.js

@@ -0,0 +1,22 @@
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { useFormContext } from "react-hook-form";
+const WithFormAutoValidation = (Story) => {
+  const TriggerValidation = () => {
+    const { trigger } = useFormContext();
+    useEffect(() => {
+      const timeout = setTimeout(() => {
+        trigger();
+      }, 1e3);
+      return () => clearTimeout(timeout);
+    }, [trigger]);
+    return null;
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(TriggerValidation, {}),
+    /* @__PURE__ */ jsx(Story, {})
+  ] });
+};
+export {
+  WithFormAutoValidation as W
+};

package/storybook-decorators/WithFormAutoValidation/index.js

@@ -0,0 +1 @@
+

package/storybook-decorators/WithPopupsProvider/WithPopupsProvider.d.ts

@@ -0,0 +1,5 @@
+import { StoryFn, StoryContext } from '@storybook/react';
+/**
+ * Decora la historia con el proveedor de popups, puede recibir initialPopups como parametro de ella
+ */
+export declare const WithPopupsProvider: (MyStory: StoryFn, { parameters }: StoryContext) => import("react/jsx-runtime").JSX.Element;

package/storybook-decorators/WithPopupsProvider/WithPopupsProvider.js

@@ -0,0 +1,22 @@
+import { jsx } from "react/jsx-runtime";
+import { u as useStateRef } from "../../hooks/useStateRef/index.js";
+import { useCallback } from "react";
+import { W as WindowsContainer } from "../WithWindowsContainer/subcomponents/WindowsContainer/WindowsContainer.js";
+import { a as PopupsProvider } from "../../components/popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
+const WithPopupsProvider = (MyStory, { parameters }) => {
+  const [refDiv, setRef] = useStateRef(null);
+  const getContainerElement = useCallback(() => refDiv, [refDiv]);
+  return /* @__PURE__ */ jsx(WindowsContainer, { ref: setRef, children: refDiv && /* @__PURE__ */ jsx(
+    PopupsProvider,
+    {
+      getContainerElement,
+      baseZindex: 0,
+      storeId: "story 1.0",
+      initialPopups: parameters?.initialPopups || [],
+      children: /* @__PURE__ */ jsx(MyStory, {})
+    }
+  ) });
+};
+export {
+  WithPopupsProvider as W
+};

package/storybook-decorators/WithPopupsProvider/index.js

@@ -0,0 +1 @@
+

package/storybook-decorators/WithScaleIcons/WithScaleIcons.d.ts

@@ -0,0 +1,7 @@
+import { StoryFn } from '@storybook/react';
+/**
+ * Decorador para escalar íconos en las historias de Storybook.
+ * @param MyStory
+ * @param context
+ */
+export declare const WithScaleIcons: (Story: StoryFn) => import("react/jsx-runtime").JSX.Element;

package/storybook-decorators/WithScaleIcons/WithScaleIcons.js

@@ -0,0 +1,7 @@
+import { jsx } from "react/jsx-runtime";
+const WithScaleIcons = (Story) => {
+  return /* @__PURE__ */ jsx("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100vh" }, children: /* @__PURE__ */ jsx("div", { style: { transform: "scale(4)" }, children: /* @__PURE__ */ jsx(Story, {}) }) });
+};
+export {
+  WithScaleIcons as W
+};

package/storybook-decorators/WithScaleIcons/index.js

@@ -0,0 +1 @@
+

package/storybook-decorators/WithWindowsContainer/WithWindowsContainer.d.ts

@@ -0,0 +1,5 @@
+import { StoryFn } from '@storybook/react';
+/**
+ * Decora la historia con el proveedor de popups, puede recibir initialPopups como parametro de ella
+ */
+export declare const WithWindowsContainer: (MyStory: StoryFn) => import("react/jsx-runtime").JSX.Element;

package/storybook-decorators/WithWindowsContainer/WithWindowsContainer.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+import { W as WindowsContainer } from "./subcomponents/WindowsContainer/WindowsContainer.js";
+const WithWindowsContainer = (MyStory) => {
+  return /* @__PURE__ */ jsx(WindowsContainer, { children: /* @__PURE__ */ jsx(MyStory, {}) });
+};
+export {
+  WithWindowsContainer as W
+};

package/storybook-decorators/WithWindowsContainer/index.d.ts

@@ -0,0 +1,2 @@
+export * from './WithWindowsContainer';
+export { WindowsContainer } from './subcomponents/WindowsContainer';

package/storybook-decorators/WithWindowsContainer/index.js

@@ -0,0 +1 @@
+

package/storybook-decorators/WithWindowsContainer/subcomponents/WindowsContainer/WindowsContainer.d.ts

@@ -0,0 +1,5 @@
+import { WindowsContainerProps } from './types';
+/**
+ * Contendor de ventanas
+ */
+export declare const WindowsContainer: import('react').ForwardRefExoticComponent<WindowsContainerProps & import('react').RefAttributes<HTMLDivElement>>;

package/storybook-decorators/WithWindowsContainer/subcomponents/WindowsContainer/WindowsContainer.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
+const WindowsContainer = forwardRef(
+  ({ children, ...rest }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        style: {
+          width: "100%",
+          height: "400px",
+          position: "relative",
+          resize: "both",
+          overflow: "hidden",
+          border: "1px dotted gray"
+        },
+        ...rest,
+        children
+      }
+    );
+  }
+);
+export {
+  WindowsContainer as W
+};

package/storybook-decorators/WithWindowsContainer/subcomponents/WindowsContainer/index.js

@@ -0,0 +1 @@
+

package/storybook-decorators/WithWrapper/WithWrapper.d.ts

@@ -0,0 +1,24 @@
+import { StoryFn } from '@storybook/react';
+import { WithWrapperParameters } from './types';
+/**
+ * Un decorador de Storybook que envuelve una historia dentro de un contenedor centrado con
+ * altura, ancho y otros parámetros de estilo personalizables.
+ * @param {StoryFn} Story - La función de la historia que renderiza el componente.
+ * @param {object} context - El objeto de contexto que contiene los parámetros de Storybook.
+ * @param {Parameters} context.parameters - Parámetros personalizados para el contenedor, incluyendo `height` y `width`.
+ * @returns {JSX.Element} - Un elemento `div` que envuelve y centra la historia.
+ * @example
+ * // Uso en una historia de Storybook:
+ * export default {
+ *   title: 'MiComponente',
+ *   decorators: [WithWrapper],
+ * };
+ *
+ * const Template = (args) => <MiComponente {...args} />;
+ *
+ * export const Default = Template.bind({});
+ * Default.parameters = { height: '200px', width: '200px' };
+ */
+export declare const WithWrapper: (Story: StoryFn, { parameters }: {
+    parameters: WithWrapperParameters;
+}) => import("react/jsx-runtime").JSX.Element;

package/storybook-decorators/WithWrapper/WithWrapper.js

@@ -0,0 +1,8 @@
+import { jsx } from "react/jsx-runtime";
+const WithWrapper = (Story, { parameters }) => {
+  const { height = "100px", width = "100px", ...others } = parameters;
+  return /* @__PURE__ */ jsx("div", { style: { height, width, display: "flex", justifyContent: "center", alignItems: "center", ...others }, children: /* @__PURE__ */ jsx(Story, {}) });
+};
+export {
+  WithWrapper as W
+};

package/storybook-decorators/WithWrapper/index.js

@@ -0,0 +1 @@
+

package/storybook-decorators/index.d.ts

@@ -0,0 +1,7 @@
+export * from './WithContexts';
+export * from './WithPopupsProvider';
+export * from './WithForm';
+export * from './WithFormAutoValidation';
+export * from './WithWindowsContainer';
+export * from './WithScaleIcons';
+export * from './WithWrapper';

package/storybook-decorators/index.js

@@ -0,0 +1 @@
+

package/test/mocks.d.ts

@@ -15,7 +15,7 @@ export declare const mock_useEnvironment: {
     domain_token: string;
 };
 export declare const mockedGraphics: {
-    useFormatter: import('vitest').MockInstance<() => graphics.Formatters>;
+    useFormatter: import('vitest').MockInstance<() => import('@m4l/graphics').Formatters>;
 };
 export declare function restoreGraphicsMocked(): void;
 /**
@@ -23,5 +23,5 @@ export declare function restoreGraphicsMocked(): void;
  */
 export declare const coreImplementation: typeof core;
 export declare const graphicsImplementation: {
-    useFormatter: import('vitest').MockInstance<() => graphics.Formatters>;
+    useFormatter: import('vitest').MockInstance<() => import('@m4l/graphics').Formatters>;
 };

package/vite-env.d.ts

@@ -2,3 +2,21 @@
 /// <reference types="vitest" />
 /// <reference types="vitest/globals" />
 /// <reference types="vitest/importMeta" />
+
+
+interface ImportMetaEnv {
+  readonly VITE_USER: string;
+  readonly VITE_USER_PWD: string;
+  readonly VITE_ENVIRONMENT_ASSETS: string;
+  readonly VITE_HOST_STATIC_ASSETS: string;
+  readonly VITE_HOST_API_REMOTE: string;
+  readonly VITE_HOST_API_LOCAL: string;
+  readonly VITE_DOMAIN_TOKEN: string;
+  readonly VITE_STORYBOOK_MODULE_ID: string;
+  readonly VITE_STORYBOOK_ISOLATION_MODULE_ID: string;
+
+  // more env variables...
+}
+interface ImportMeta {
+  readonly env: ImportMetaEnv;
+}

package/.storybook/decorators/WithWindowsContainer/index.d.ts

@@ -1 +0,0 @@
-export * from './WithWindowsContainer';

package/vendor.js

@@ -1,172 +0,0 @@
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { useThemeSettingsStore, HostThemeProvider, GlobalStyles, ThemeSettingsProvider } from "@m4l/graphics";
-import { CommonFlags } from "@m4l/core";
-import { fnComponentsOverrides } from "@m4l/styles";
-import { styled } from "@mui/material/styles";
-import { useEffect, forwardRef, useCallback } from "react";
-import { M as MFIsolationApp } from "./components/MFIsolationApp/MFIsolationApp.js";
-import { u as useStateRef } from "./hooks/useStateRef/index.js";
-import { a as PopupsProvider } from "./components/popups/components/PopupsProvider/contexts/PopupsContext/PopupsContext.js";
-import { fn } from "@storybook/test";
-import { R as RHFormProvider } from "./components/hook-form/RHFormContext/index.js";
-import { useFormContext } from "react-hook-form";
-const RootStyle = styled("div")(({ theme }) => ({
-  padding: 25,
-  backgroundColor: theme.vars.palette.background.default,
-  borderColor: theme.vars.palette.primary.enabled,
-  borderStyle: "solid",
-  borderWidth: 1,
-  width: "100%",
-  height: "100%",
-  fontSize: "inherit",
-  container: "container / inline-size"
-}));
-const AppWithTheme = ({ themeMode, themeColor, children }) => {
-  const themeOptions = useThemeSettingsStore((state) => state.themeOptions);
-  const currentThemeSettings = useThemeSettingsStore((state) => state.themeUserSettings);
-  const setThemeSettings = useThemeSettingsStore((state) => state.settingsActions.setThemeSettings);
-  useEffect(() => {
-    setThemeSettings({
-      ...currentThemeSettings,
-      themeMode,
-      themeColor
-    });
-  }, [themeMode, themeColor]);
-  return /* @__PURE__ */ jsx(RootStyle, { children: /* @__PURE__ */ jsxs(
-    HostThemeProvider,
-    {
-      isMicroFrontEnd: false,
-      hostThemeOptions: themeOptions,
-      fnComponentsOverrides,
-      children: [
-        /* @__PURE__ */ jsx(GlobalStyles, {}),
-        children
-      ]
-    }
-  ) });
-};
-const USER = `carloszapata@gmail.com`;
-const PWD = `Mayuscula123.`;
-const DATABASE = "";
-const ENVIRONMENT_ASSETS = "d1";
-const HOST_API_LOCAL = "http://localhost:3000/domain";
-const HOST_API_REMOTE = "https://lab1.stage.made4labs.com/api/v1/domain";
-const HOST_STATIC_ASSETS = "https://s3.amazonaws.com/static.made4labs/environments";
-const STORYBOOK_ISOLATION_MODULE_ID = "users_list";
-const WithContexts = (Story, storyContext) => {
-  const { globals, parameters } = storyContext;
-  const { themeMode, themeColor, deviceType } = globals ?? {};
-  const { isolationForceSkeleton, isolationComponentsDictionary, loadAreasFromNetwork, loadCookiesFromNetwork, onAreasLoad = () => {
-  } } = parameters ?? {};
-  return /* @__PURE__ */ jsx(
-    MFIsolationApp,
-    {
-      moduleId: STORYBOOK_ISOLATION_MODULE_ID,
-      user: USER,
-      pwd: PWD,
-      database: DATABASE,
-      host_api_local: HOST_API_LOCAL,
-      host_api_remote: HOST_API_REMOTE,
-      host_static_assets: HOST_STATIC_ASSETS,
-      environment_assets: ENVIRONMENT_ASSETS,
-      activeAreasNetwork: loadAreasFromNetwork,
-      activeCookiesFromNetwork: loadCookiesFromNetwork,
-      skeletonFlags: [
-        isolationForceSkeleton ? "forceSkeleton" : CommonFlags.FLAG_DICTIONARY_LOADED
-      ],
-      privileges: [],
-      onLoad: onAreasLoad,
-      componentsDictionary: isolationComponentsDictionary,
-      observedDivRef: {},
-      forcedDeviceType: deviceType === "automatic" ? void 0 : deviceType,
-      children: /* @__PURE__ */ jsx(
-        ThemeSettingsProvider,
-        {
-          themeSettingsForced: {
-            themeMode,
-            themeDirection: "ltr",
-            themeColor,
-            themeStretch: false,
-            themeLayout: "vertical"
-          },
-          children: /* @__PURE__ */ jsx(AppWithTheme, { themeMode, themeColor, children: /* @__PURE__ */ jsx(Story, {}) })
-        }
-      )
-    }
-  );
-};
-const WindowsContainer = forwardRef(
-  ({ children, ...rest }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        ref,
-        style: {
-          width: "100%",
-          height: "400px",
-          position: "relative",
-          resize: "both",
-          overflow: "hidden",
-          border: "1px dotted gray"
-        },
-        ...rest,
-        children
-      }
-    );
-  }
-);
-const WithPopupsProvider = (MyStory, { parameters }) => {
-  const [refDiv, setRef] = useStateRef(null);
-  const getContainerElement = useCallback(() => refDiv, [refDiv]);
-  return /* @__PURE__ */ jsx(WindowsContainer, { ref: setRef, children: refDiv && /* @__PURE__ */ jsx(
-    PopupsProvider,
-    {
-      getContainerElement,
-      baseZindex: 0,
-      storeId: "story 1.0",
-      initialPopups: parameters?.initialPopups || [],
-      children: /* @__PURE__ */ jsx(MyStory, {})
-    }
-  ) });
-};
-const WithForms = ({ values = {}, validationSchema = {} }) => {
-  return function WithFormStory(Story) {
-    const onSubmit = fn();
-    return /* @__PURE__ */ jsx(RHFormProvider, { onSubmit, values, validationSchema, children: /* @__PURE__ */ jsx(Story, {}) });
-  };
-};
-const WithFormAutoValidation = (Story) => {
-  const TriggerValidation = () => {
-    const { trigger } = useFormContext();
-    useEffect(() => {
-      const timeout = setTimeout(() => {
-        trigger();
-      }, 1e3);
-      return () => clearTimeout(timeout);
-    }, [trigger]);
-    return null;
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(TriggerValidation, {}),
-    /* @__PURE__ */ jsx(Story, {})
-  ] });
-};
-const WithWindowsContainer = (MyStory) => {
-  return /* @__PURE__ */ jsx(WindowsContainer, { children: /* @__PURE__ */ jsx(MyStory, {}) });
-};
-const WithScaleIcons = (Story) => {
-  return /* @__PURE__ */ jsx("div", { style: { display: "flex", justifyContent: "center", alignItems: "center", height: "100vh" }, children: /* @__PURE__ */ jsx("div", { style: { transform: "scale(4)" }, children: /* @__PURE__ */ jsx(Story, {}) }) });
-};
-const WithWrapper = (Story, { parameters }) => {
-  const { height = "100px", width = "100px", ...others } = parameters;
-  return /* @__PURE__ */ jsx("div", { style: { height, width, display: "flex", justifyContent: "center", alignItems: "center", ...others }, children: /* @__PURE__ */ jsx(Story, {}) });
-};
-export {
-  WithContexts as W,
-  WithPopupsProvider as a,
-  WithForms as b,
-  WithFormAutoValidation as c,
-  WithWindowsContainer as d,
-  WithScaleIcons as e,
-  WithWrapper as f
-};