@widergy/energy-ui 3.172.3 → 3.173.0

package/dist/esm/components/UTLoading/versions/V1/components/LogoLoader/index.js

@@ -1 +1,47 @@
-import React from"react";import{bool,node,objectOf,string}from"prop-types";import UTLabel from"../../../../../UTLabel";import WithTheme from"../../../../../WithTheme";import{TEST_IDS}from"../../../../../../constants/testIds";import{DEFAULT_LOADING_TEXT}from"./constants";import GradientTrack from"./components/GradientTrack";import{retrieveStyle}from"./theme";import styles from"./styles.module.scss";const{UTLoading:UTLoadingTestIds}=TEST_IDS,LogoLoader=_ref=>{let{children:children,classes:classes,dataTestId:dataTestId,fullScreen:fullScreen,loading:loading,Logo:Logo,text:text=DEFAULT_LOADING_TEXT}=_ref;return loading?React.createElement("div",{className:"".concat(styles.container," ").concat(fullScreen?styles.fullScreen:styles.contained," ").concat(classes.root),"data-testid":dataTestId||UTLoadingTestIds.logoLoader},React.createElement("div",{className:styles.loaderWrapper},React.createElement(GradientTrack,null),React.createElement("div",{className:styles.innerCircle},Logo&&React.createElement("img",{alt:"",className:styles.logo,src:Logo}))),text&&React.createElement(UTLabel,{className:styles.text},text)):children};LogoLoader.propTypes={children:node,classes:objectOf(string),dataTestId:string,fullScreen:bool,loading:bool,Logo:string,text:string};export default WithTheme(retrieveStyle)(LogoLoader);
+import React from 'react';
+import { bool, node, objectOf, string } from 'prop-types';
+import UTLabel from '../../../../../UTLabel';
+import WithTheme from '../../../../../WithTheme';
+import { TEST_IDS } from '../../../../../../constants/testIds';
+import { DEFAULT_LOADING_TEXT } from './constants';
+import GradientTrack from './components/GradientTrack';
+import { retrieveStyle } from './theme';
+import styles from './styles.module.scss';
+const {
+  UTLoading: UTLoadingTestIds
+} = TEST_IDS;
+const LogoLoader = _ref => {
+  let {
+    children,
+    classes,
+    dataTestId,
+    fullScreen,
+    loading,
+    Logo,
+    text = DEFAULT_LOADING_TEXT
+  } = _ref;
+  return loading ? /*#__PURE__*/React.createElement("div", {
+    className: "".concat(styles.container, " ").concat(fullScreen ? styles.fullScreen : styles.contained, " ").concat(classes.root),
+    "data-testid": dataTestId || UTLoadingTestIds.logoLoader
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.loaderWrapper
+  }, /*#__PURE__*/React.createElement(GradientTrack, null), /*#__PURE__*/React.createElement("div", {
+    className: styles.innerCircle
+  }, Logo && /*#__PURE__*/React.createElement("img", {
+    alt: "",
+    className: styles.logo,
+    src: Logo
+  }))), text && /*#__PURE__*/React.createElement(UTLabel, {
+    className: styles.text
+  }, text)) : children;
+};
+LogoLoader.propTypes = {
+  children: node,
+  classes: objectOf(string),
+  dataTestId: string,
+  fullScreen: bool,
+  loading: bool,
+  Logo: string,
+  text: string
+};
+export default WithTheme(retrieveStyle)(LogoLoader);

package/dist/esm/components/UTLoading/versions/V1/components/LogoLoader/theme.js

@@ -1 +1,11 @@
-export const retrieveStyle=_ref=>{var _theme$Palette;let{theme:theme}=_ref;return{root:{backgroundColor:(null===(_theme$Palette=theme.Palette)||void 0===_theme$Palette||null===(_theme$Palette=_theme$Palette.light)||void 0===_theme$Palette?void 0:_theme$Palette["01"])||"#FFFFFF"}}};
+export const retrieveStyle = _ref => {
+  var _theme$Palette;
+  let {
+    theme
+  } = _ref;
+  return {
+    root: {
+      backgroundColor: ((_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 || (_theme$Palette = _theme$Palette.light) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette['01']) || '#FFFFFF'
+    }
+  };
+};

package/dist/esm/components/UTLoading/versions/V1/components/Spinner/components/SpinnerTrack/constants.js

@@ -1 +1 @@
-export const GRADIENT_ID="ut-spinner-gradient";
+export const GRADIENT_ID = 'ut-spinner-gradient';

package/dist/esm/components/UTLoading/versions/V1/components/Spinner/components/SpinnerTrack/index.js

@@ -1 +1,50 @@
-import React from"react";import{arrayOf,objectOf,string}from"prop-types";import{SPINNER_ARC_LENGTH,SPINNER_CENTER,SPINNER_CIRCUMFERENCE,SPINNER_RADIUS,SPINNER_VIEW_BOX_SIZE}from"../../constants";import styles from"../../styles.module.scss";import{GRADIENT_ID}from"./constants";const SpinnerTrack=_ref=>{let{classes:classes={},colors:colors}=_ref;const useGradient=colors&&colors.length>=2,solidColor=!useGradient&&colors&&1===colors.length?colors[0]:void 0,arcStroke=useGradient?"url(#".concat(GRADIENT_ID,")"):solidColor;return React.createElement("svg",{className:styles.spinner,viewBox:"0 0 ".concat(SPINNER_VIEW_BOX_SIZE," ").concat(SPINNER_VIEW_BOX_SIZE),xmlns:"http://www.w3.org/2000/svg"},useGradient&&React.createElement("defs",null,React.createElement("linearGradient",{id:GRADIENT_ID,x1:"0%",y1:"0%",x2:"0%",y2:"100%"},React.createElement("stop",{offset:"0%",stopColor:colors[0]}),React.createElement("stop",{offset:"100%",stopColor:colors[1]}))),React.createElement("circle",{className:"".concat(styles.track," ").concat(classes.track||""),cx:SPINNER_CENTER,cy:SPINNER_CENTER,r:SPINNER_RADIUS}),React.createElement("circle",{className:"".concat(styles.arc," ").concat(arcStroke?"":classes.arc||""),cx:SPINNER_CENTER,cy:SPINNER_CENTER,r:SPINNER_RADIUS,strokeDasharray:"".concat(SPINNER_ARC_LENGTH," ").concat(SPINNER_CIRCUMFERENCE),style:arcStroke?{stroke:arcStroke}:void 0}))};SpinnerTrack.propTypes={classes:objectOf(string),colors:arrayOf(string)};export default SpinnerTrack;
+import React from 'react';
+import { arrayOf, objectOf, string } from 'prop-types';
+import { SPINNER_ARC_LENGTH, SPINNER_CENTER, SPINNER_CIRCUMFERENCE, SPINNER_RADIUS, SPINNER_VIEW_BOX_SIZE } from '../../constants';
+import styles from '../../styles.module.scss';
+import { GRADIENT_ID } from './constants';
+const SpinnerTrack = _ref => {
+  let {
+    classes = {},
+    colors
+  } = _ref;
+  const useGradient = colors && colors.length >= 2;
+  const solidColor = !useGradient && colors && colors.length === 1 ? colors[0] : undefined;
+  const arcStroke = useGradient ? "url(#".concat(GRADIENT_ID, ")") : solidColor;
+  return /*#__PURE__*/React.createElement("svg", {
+    className: styles.spinner,
+    viewBox: "0 0 ".concat(SPINNER_VIEW_BOX_SIZE, " ").concat(SPINNER_VIEW_BOX_SIZE),
+    xmlns: "http://www.w3.org/2000/svg"
+  }, useGradient && /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    id: GRADIENT_ID,
+    x1: "0%",
+    y1: "0%",
+    x2: "0%",
+    y2: "100%"
+  }, /*#__PURE__*/React.createElement("stop", {
+    offset: "0%",
+    stopColor: colors[0]
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: "100%",
+    stopColor: colors[1]
+  }))), /*#__PURE__*/React.createElement("circle", {
+    className: "".concat(styles.track, " ").concat(classes.track || ''),
+    cx: SPINNER_CENTER,
+    cy: SPINNER_CENTER,
+    r: SPINNER_RADIUS
+  }), /*#__PURE__*/React.createElement("circle", {
+    className: "".concat(styles.arc, " ").concat(!arcStroke ? classes.arc || '' : ''),
+    cx: SPINNER_CENTER,
+    cy: SPINNER_CENTER,
+    r: SPINNER_RADIUS,
+    strokeDasharray: "".concat(SPINNER_ARC_LENGTH, " ").concat(SPINNER_CIRCUMFERENCE),
+    style: arcStroke ? {
+      stroke: arcStroke
+    } : undefined
+  }));
+};
+SpinnerTrack.propTypes = {
+  classes: objectOf(string),
+  colors: arrayOf(string)
+};
+export default SpinnerTrack;

package/dist/esm/components/UTLoading/versions/V1/components/Spinner/constants.js

@@ -1 +1,6 @@
-export const DEFAULT_LOADING_TEXT="Cargando...";export const SPINNER_VIEW_BOX_SIZE=50;export const SPINNER_CENTER=25;export const SPINNER_RADIUS=20;export const SPINNER_CIRCUMFERENCE=126;export const SPINNER_ARC_LENGTH=94;
+export const DEFAULT_LOADING_TEXT = 'Cargando...';
+export const SPINNER_VIEW_BOX_SIZE = 50;
+export const SPINNER_CENTER = 25;
+export const SPINNER_RADIUS = 20;
+export const SPINNER_CIRCUMFERENCE = 126;
+export const SPINNER_ARC_LENGTH = 94;

package/dist/esm/components/UTLoading/versions/V1/components/Spinner/index.js

@@ -1 +1,49 @@
-import React from"react";import{arrayOf,bool,node,objectOf,string}from"prop-types";import UTLabel from"../../../../../UTLabel";import WithTheme from"../../../../../WithTheme";import{TEST_IDS}from"../../../../../../constants/testIds";import{DEFAULT_LOADING_TEXT}from"./constants";import SpinnerTrack from"./components/SpinnerTrack";import{retrieveStyle}from"./theme";import styles from"./styles.module.scss";const{UTLoading:UTLoadingTestIds}=TEST_IDS,Spinner=_ref=>{let{children:children,classes:classes,colors:colors,dataTestId:dataTestId,loading:loading,preventUnmount:preventUnmount=!1,text:text=DEFAULT_LOADING_TEXT,wrapperClassName:wrapperClassName}=_ref;return React.createElement(React.Fragment,null,loading&&React.createElement("div",{className:styles.container,"data-testid":dataTestId||UTLoadingTestIds.spinner},React.createElement(SpinnerTrack,{classes:classes,colors:colors}),text&&React.createElement(UTLabel,{className:styles.text},text)),preventUnmount?React.createElement("div",{className:wrapperClassName,style:loading?{display:"none"}:{}},children):!loading&&children)};Spinner.propTypes={children:node,classes:objectOf(string),colors:arrayOf(string),dataTestId:string,loading:bool,preventUnmount:bool,text:string,wrapperClassName:string};export default WithTheme(retrieveStyle)(Spinner);
+import React from 'react';
+import { arrayOf, bool, node, objectOf, string } from 'prop-types';
+import UTLabel from '../../../../../UTLabel';
+import WithTheme from '../../../../../WithTheme';
+import { TEST_IDS } from '../../../../../../constants/testIds';
+import { DEFAULT_LOADING_TEXT } from './constants';
+import SpinnerTrack from './components/SpinnerTrack';
+import { retrieveStyle } from './theme';
+import styles from './styles.module.scss';
+const {
+  UTLoading: UTLoadingTestIds
+} = TEST_IDS;
+const Spinner = _ref => {
+  let {
+    children,
+    classes,
+    colors,
+    dataTestId,
+    loading,
+    preventUnmount = false,
+    text = DEFAULT_LOADING_TEXT,
+    wrapperClassName
+  } = _ref;
+  return /*#__PURE__*/React.createElement(React.Fragment, null, loading && /*#__PURE__*/React.createElement("div", {
+    className: styles.container,
+    "data-testid": dataTestId || UTLoadingTestIds.spinner
+  }, /*#__PURE__*/React.createElement(SpinnerTrack, {
+    classes: classes,
+    colors: colors
+  }), text && /*#__PURE__*/React.createElement(UTLabel, {
+    className: styles.text
+  }, text)), preventUnmount ? /*#__PURE__*/React.createElement("div", {
+    className: wrapperClassName,
+    style: loading ? {
+      display: 'none'
+    } : {}
+  }, children) : !loading && children);
+};
+Spinner.propTypes = {
+  children: node,
+  classes: objectOf(string),
+  colors: arrayOf(string),
+  dataTestId: string,
+  loading: bool,
+  preventUnmount: bool,
+  text: string,
+  wrapperClassName: string
+};
+export default WithTheme(retrieveStyle)(Spinner);

package/dist/esm/components/UTLoading/versions/V1/components/Spinner/theme.js

@@ -1 +1,14 @@
-export const retrieveStyle=_ref=>{var _theme$Palette,_theme$Palette2;let{theme:theme}=_ref;return{arc:{stroke:(null===(_theme$Palette=theme.Palette)||void 0===_theme$Palette||null===(_theme$Palette=_theme$Palette.accent)||void 0===_theme$Palette?void 0:_theme$Palette["05"])||"#0136E7"},track:{stroke:(null===(_theme$Palette2=theme.Palette)||void 0===_theme$Palette2||null===(_theme$Palette2=_theme$Palette2.accent)||void 0===_theme$Palette2?void 0:_theme$Palette2["05"])||"#0136E7"}}};
+export const retrieveStyle = _ref => {
+  var _theme$Palette, _theme$Palette2;
+  let {
+    theme
+  } = _ref;
+  return {
+    arc: {
+      stroke: ((_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 || (_theme$Palette = _theme$Palette.accent) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette['05']) || '#0136E7'
+    },
+    track: {
+      stroke: ((_theme$Palette2 = theme.Palette) === null || _theme$Palette2 === void 0 || (_theme$Palette2 = _theme$Palette2.accent) === null || _theme$Palette2 === void 0 ? void 0 : _theme$Palette2['05']) || '#0136E7'
+    }
+  };
+};

package/dist/esm/components/UTLoading/versions/V1/constants.js

@@ -1 +1,5 @@
-export const DEFAULT_LOADING_TEXT="Cargando...";export const DEFAULT_PROPS={fullScreen:!0,text:"Cargando..."};
+export const DEFAULT_LOADING_TEXT = 'Cargando...';
+export const DEFAULT_PROPS = {
+  fullScreen: true,
+  text: DEFAULT_LOADING_TEXT
+};

package/dist/esm/components/UTLoading/versions/V1/index.js

@@ -1 +1,23 @@
-import React from"react";import{arrayOf,bool,node,string}from"prop-types";import LogoLoader from"./components/LogoLoader";import Spinner from"./components/Spinner";const V1=props=>{const{useUtilityLoading:useUtilityLoading}=props;return useUtilityLoading?React.createElement(LogoLoader,props):React.createElement(Spinner,props)};V1.propTypes={children:node,colors:arrayOf(string),dataTestId:string,fullScreen:bool,loading:bool,Logo:string,preventUnmount:bool,text:string,useUtilityLoading:bool,wrapperClassName:string};export default V1;
+import React from 'react';
+import { arrayOf, bool, node, string } from 'prop-types';
+import LogoLoader from './components/LogoLoader';
+import Spinner from './components/Spinner';
+const V1 = props => {
+  const {
+    useUtilityLoading
+  } = props;
+  return useUtilityLoading ? /*#__PURE__*/React.createElement(LogoLoader, props) : /*#__PURE__*/React.createElement(Spinner, props);
+};
+V1.propTypes = {
+  children: node,
+  colors: arrayOf(string),
+  dataTestId: string,
+  fullScreen: bool,
+  loading: bool,
+  Logo: string,
+  preventUnmount: bool,
+  text: string,
+  useUtilityLoading: bool,
+  wrapperClassName: string
+};
+export default V1;

package/dist/esm/components/UTLoading/versions/V1/stories/UTLoadingV1.stories.js

@@ -0,0 +1,362 @@
+import React from 'react';
+import UTLoading from '../../../index';
+export default {
+  args: {
+    loading: true,
+    version: 'V1'
+  },
+  argTypes: {
+    colors: {
+      control: 'object',
+      description: 'Array de colores para el Spinner. 2 colores → gradiente lineal. 1 color → sólido. Sin prop → usa el color del tema.',
+      table: {
+        defaultValue: {
+          summary: 'undefined'
+        },
+        type: {
+          summary: 'string[]'
+        }
+      }
+    },
+    dataTestId: {
+      control: 'text',
+      description: 'Identificador para pruebas automatizadas.',
+      table: {
+        defaultValue: {
+          summary: 'undefined'
+        },
+        type: {
+          summary: 'string'
+        }
+      }
+    },
+    fullScreen: {
+      control: 'boolean',
+      description: 'Cuando es true el loader ocupa toda la pantalla (position fixed). Cuando es false se adapta al contenedor padre.',
+      table: {
+        defaultValue: {
+          summary: 'true'
+        },
+        type: {
+          summary: 'boolean'
+        }
+      }
+    },
+    loading: {
+      control: 'boolean',
+      description: 'Controla si se muestra el loader o los children.',
+      table: {
+        defaultValue: {
+          summary: 'undefined'
+        },
+        type: {
+          summary: 'boolean'
+        }
+      }
+    },
+    Logo: {
+      control: 'text',
+      description: 'URL del asset SVG del logo/isologo del cliente.',
+      table: {
+        defaultValue: {
+          summary: 'undefined'
+        },
+        type: {
+          summary: 'string'
+        }
+      }
+    },
+    text: {
+      control: 'text',
+      description: 'Texto de carga opcional.',
+      table: {
+        defaultValue: {
+          summary: 'Cargando...'
+        },
+        type: {
+          summary: 'string'
+        }
+      }
+    },
+    useUtilityLoading: {
+      control: 'boolean',
+      description: 'Cuando es true muestra el LogoLoader. Cuando es false muestra el Spinner nuevo.',
+      table: {
+        defaultValue: {
+          summary: 'false'
+        },
+        type: {
+          summary: 'boolean'
+        }
+      }
+    },
+    version: {
+      control: 'select',
+      description: 'Versión del componente a utilizar.',
+      options: ['V0', 'V1'],
+      table: {
+        defaultValue: {
+          summary: 'V0'
+        },
+        type: {
+          summary: "'V0' | 'V1'"
+        }
+      }
+    }
+  },
+  component: UTLoading,
+  parameters: {
+    controls: {
+      exclude: ['classes', 'className', 'color', 'size', 'textClassName', 'thickness', 'wrapperClassName']
+    },
+    docs: {
+      description: {
+        component: 'UTLoading V1 — Nueva versión del componente de carga. Incluye un Spinner custom con línea gruesa y un LogoLoader con track de gradiente animado y logo del cliente.'
+      }
+    }
+  },
+  title: 'Energy-UI/UTLoading/V1'
+};
+export const SpinnerPlayground = {
+  args: {
+    loading: true,
+    text: 'Cargando...',
+    useUtilityLoading: false,
+    version: 'V1'
+  },
+  name: 'Spinner — Playground',
+  parameters: {
+    docs: {
+      description: {
+        story: 'Spinner circular custom con línea gruesa y label de texto opcional.'
+      }
+    }
+  }
+};
+export const SpinnerConGradiente = {
+  args: {
+    colors: ['var(--UT-loading-color-start)', 'var(--UT-loading-color-end)'],
+    loading: true,
+    text: 'Cargando...',
+    useUtilityLoading: false,
+    version: 'V1'
+  },
+  decorators: [Story => /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("style", null, "\n          :root {\n            --identitySolidTone3: #4D97FA;\n            --identitySolidTone2: #7BB8FF;\n            --UT-loading-color-start: var(--identitySolidTone3);\n            --UT-loading-color-end: var(--identitySolidTone2);\n          }\n        "), /*#__PURE__*/React.createElement(Story, null))],
+  name: 'Spinner — Con gradiente',
+  parameters: {
+    docs: {
+      description: {
+        story: 'Spinner con gradiente lineal. Se pasan 2 colores vía prop `colors`. En producción se inyectan desde los design tokens `--UT-loading-color-start` y `--UT-loading-color-end`.'
+      }
+    }
+  }
+};
+export const SpinnerSinTexto = {
+  args: {
+    loading: true,
+    text: '',
+    useUtilityLoading: false,
+    version: 'V1'
+  },
+  name: 'Spinner — Sin texto',
+  parameters: {
+    docs: {
+      description: {
+        story: 'Spinner sin label de texto.'
+      }
+    }
+  }
+};
+export const LogoLoaderFullScreen = {
+  args: {
+    fullScreen: true,
+    loading: true,
+    Logo: 'https://utilitygo-demo-qa-ev.widergydev.com/favicon.png',
+    text: '',
+    useUtilityLoading: true,
+    version: 'V1'
+  },
+  name: 'LogoLoader — Full Screen',
+  parameters: {
+    docs: {
+      description: {
+        story: 'LogoLoader en modo full screen (position fixed, z-index 999). Muestra el track con gradiente de identidad del cliente rotando.'
+      }
+    }
+  }
+};
+export const LogoLoaderEnContenedor = {
+  args: {
+    fullScreen: false,
+    loading: true,
+    Logo: 'https://utilitygo-demo-qa-ev.widergydev.com/favicon.png',
+    text: 'Cargando...',
+    useUtilityLoading: true,
+    version: 'V1'
+  },
+  decorators: [Story => /*#__PURE__*/React.createElement("div", {
+    style: {
+      border: '1px dashed #C1C7D0',
+      height: '300px',
+      position: 'relative',
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(Story, null))],
+  name: 'LogoLoader — En contenedor',
+  parameters: {
+    docs: {
+      description: {
+        story: 'LogoLoader adaptado al contenedor padre (fullScreen=false). Se centra dentro del div contenedor.'
+      }
+    }
+  }
+};
+export const LogoLoaderConLogo = {
+  args: {
+    fullScreen: false,
+    loading: true,
+    Logo: 'https://utilitygo-demo-qa-ev.widergydev.com/favicon.png',
+    text: 'Cargando...',
+    useUtilityLoading: true,
+    version: 'V1'
+  },
+  decorators: [Story => /*#__PURE__*/React.createElement("div", {
+    style: {
+      border: '1px dashed #C1C7D0',
+      height: '300px',
+      position: 'relative',
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(Story, null))],
+  name: 'LogoLoader — Con logo',
+  parameters: {
+    docs: {
+      description: {
+        story: 'LogoLoader con logo SVG del cliente centrado dentro del track.'
+      }
+    }
+  }
+};
+export const LogoLoaderSinTexto = {
+  args: {
+    fullScreen: false,
+    loading: true,
+    Logo: 'https://utilitygo-demo-qa-ev.widergydev.com/favicon.png',
+    text: '',
+    useUtilityLoading: true,
+    version: 'V1'
+  },
+  decorators: [Story => /*#__PURE__*/React.createElement("div", {
+    style: {
+      border: '1px dashed #C1C7D0',
+      height: '300px',
+      position: 'relative',
+      width: '100%'
+    }
+  }, /*#__PURE__*/React.createElement(Story, null))],
+  name: 'LogoLoader — Sin texto',
+  parameters: {
+    docs: {
+      description: {
+        story: 'LogoLoader sin label de texto debajo del track.'
+      }
+    }
+  }
+};
+export const TestSite = {
+  render: () => /*#__PURE__*/React.createElement("div", {
+    style: {
+      display: 'flex',
+      flexDirection: 'column',
+      gap: '32px'
+    }
+  }, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
+    style: {
+      fontFamily: 'sans-serif',
+      fontSize: '12px',
+      marginBottom: '8px'
+    }
+  }, "Spinner \u2014 loading true"), /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: '120px',
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement(UTLoading, {
+    loading: true,
+    useUtilityLoading: false,
+    version: "V1"
+  }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
+    style: {
+      fontFamily: 'sans-serif',
+      fontSize: '12px',
+      marginBottom: '8px'
+    }
+  }, "Spinner \u2014 sin texto"), /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: '120px',
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement(UTLoading, {
+    loading: true,
+    text: "",
+    useUtilityLoading: false,
+    version: "V1"
+  }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
+    style: {
+      fontFamily: 'sans-serif',
+      fontSize: '12px',
+      marginBottom: '8px'
+    }
+  }, "Spinner \u2014 loading false (muestra children)"), /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: '120px',
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement(UTLoading, {
+    loading: false,
+    useUtilityLoading: false,
+    version: "V1"
+  }, /*#__PURE__*/React.createElement("span", null, "Contenido cargado")))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
+    style: {
+      fontFamily: 'sans-serif',
+      fontSize: '12px',
+      marginBottom: '8px'
+    }
+  }, "LogoLoader \u2014 en contenedor (fullScreen=false)"), /*#__PURE__*/React.createElement("div", {
+    style: {
+      border: '1px dashed #C1C7D0',
+      height: '200px',
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement(UTLoading, {
+    fullScreen: false,
+    loading: true,
+    Logo: "https://utilitygo-demo-qa-ev.widergydev.com/favicon.png",
+    useUtilityLoading: true,
+    version: "V1"
+  }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("p", {
+    style: {
+      fontFamily: 'sans-serif',
+      fontSize: '12px',
+      marginBottom: '8px'
+    }
+  }, "LogoLoader \u2014 loading false (muestra children)"), /*#__PURE__*/React.createElement("div", {
+    style: {
+      height: '80px',
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React.createElement(UTLoading, {
+    fullScreen: false,
+    loading: false,
+    useUtilityLoading: true,
+    version: "V1"
+  }, /*#__PURE__*/React.createElement("span", null, "Contenido cargado"))))),
+  name: 'Test Site',
+  parameters: {
+    docs: {
+      description: {
+        story: 'Casos de prueba para el Storybook Test Runner.'
+      }
+    }
+  }
+};

package/dist/esm/components/UTMap/components/GoogleMaps/constants.js

@@ -1 +1,15 @@
-import Colors from"../../../../scss/variables/colors.module.scss";export const googleMapDefaultOptions={mapTypeControl:!1};export const MARKER_Z_INDEX={selected:1e3,default:1};export const polygonDefaultOptions=(colorPolygon,colorBorderPolygon)=>({strokeWeight:2,strokeOpacity:.8,strokeColor:colorBorderPolygon||Colors.map,fillColor:colorPolygon||Colors.map,fillOpacity:.35});
+import Colors from '../../../../scss/variables/colors.module.scss';
+export const googleMapDefaultOptions = {
+  mapTypeControl: false
+};
+export const MARKER_Z_INDEX = {
+  selected: 1000,
+  default: 1
+};
+export const polygonDefaultOptions = (colorPolygon, colorBorderPolygon) => ({
+  strokeWeight: 2,
+  strokeOpacity: 0.8,
+  strokeColor: colorBorderPolygon || Colors.map,
+  fillColor: colorPolygon || Colors.map,
+  fillOpacity: 0.35
+});