@widergy/energy-ui 3.172.2 → 3.172.3

package/dist/esm/components/UTVirtualizedList/components/VirtualizedData/utils.js

@@ -1,106 +1 @@
-import React from 'react';
-import { KEY } from './components/ListRow/constants';
-import ListRow from './components/ListRow';
-import { MAX_LIMIT_MULTIPLIER, DEFAULT_LIMIT_MULTIPLIER } from './constants';
-export const createRows = (data, elementsPerRow) => {
-  const totalRows = Math.ceil(data.length / elementsPerRow);
-  const rows = new Array(totalRows).fill(0).map(() => []);
-  for (let i = 0; i < data.length; i++) {
-    rows[Math.floor(i / elementsPerRow)].push(data[i]);
-  }
-  return rows;
-};
-export const applyToIndex = (index, target, object) => index === target ? object : null;
-export const createRowRenderer = (configItemRender, effect) => (row, index, updateLedger, ledgerRef) => /*#__PURE__*/React.createElement(ListRow, {
-  row: row,
-  index: index,
-  effect: effect,
-  configItemRender: configItemRender,
-  updateLedger: updateLedger,
-  ledgerRef: ledgerRef
-});
-const getOffsets = ledger => Object.values(ledger).map(_ref => {
-  let {
-    offset
-  } = _ref;
-  return offset;
-});
-const getFirstIndex = (ledger, scroll) => {
-  const offsets = getOffsets(ledger);
-  return Math.max(offsets.findIndex(offset => offset > scroll) - 1, 0);
-};
-const getElementsInViewport = (ledger, scroll, listViewportHeight, firstIndex, totalElements) => {
-  const offsets = getOffsets(ledger);
-  const index = offsets.findIndex(offset => offset > scroll + listViewportHeight);
-  return (index !== -1 ? index : totalElements) - 1 - firstIndex;
-};
-const getListHeight = ledger => {
-  const values = Object.values(ledger);
-  const lastUsableIndex = values.findIndex(_ref2 => {
-    let {
-      height
-    } = _ref2;
-    return !height;
-  });
-  const {
-    height = 0,
-    offset = 0
-  } = values[lastUsableIndex !== -1 ? lastUsableIndex : values.length - 1] || {};
-  return offset + height;
-};
-export const renderVirtualScreen = (scrollPosition, overscan, totalElements, listViewportHeight, ledger) => {
-  const listHeight = getListHeight(ledger);
-  if (!listViewportHeight) return {
-    virtualScreenStart: 0,
-    virtualScreenEnd: Math.min(2 * overscan, totalElements)
-  };
-  const firstElementIndex = getFirstIndex(ledger, scrollPosition);
-  const elementsInViewport = listHeight ? getElementsInViewport(ledger, scrollPosition, listViewportHeight, firstElementIndex, totalElements) : 0;
-  const upperScan = Math.min(firstElementIndex, overscan);
-  const lowerScan = Math.min(totalElements - (firstElementIndex + elementsInViewport), overscan);
-  const normalizedUpperScan = upperScan + overscan - lowerScan;
-  const normalizedLowerScan = lowerScan + overscan - upperScan;
-  const virtualScreenStart = Math.max(firstElementIndex - normalizedUpperScan, 0);
-  let virtualScreenEnd = Math.min(firstElementIndex + elementsInViewport + normalizedLowerScan, totalElements);
-  if (virtualScreenEnd - virtualScreenStart >= MAX_LIMIT_MULTIPLIER * overscan) virtualScreenEnd = virtualScreenStart + DEFAULT_LIMIT_MULTIPLIER * overscan;
-  return {
-    virtualScreenStart,
-    virtualScreenEnd,
-    listHeight
-  };
-};
-export const nullifyDataInBetween = (data, startIndex, endIndex) => {
-  for (let i = startIndex; i < endIndex; i++) data[i] = null;
-};
-export const addVirtualizedElements = (data, virtualizedData, startIndex, endIndex, rowRenderer, updateLedger, ledgerRef) => {
-  for (let i = startIndex; i < endIndex; i++) {
-    if (!virtualizedData[i]) virtualizedData[i] = rowRenderer(data[i], i, updateLedger, ledgerRef);
-  }
-};
-export const updateLedger = (ledgerRef, setLedgerRef) => (key, height) => {
-  var _ledgerRef$current;
-  const currentHeight = (_ledgerRef$current = ledgerRef.current) === null || _ledgerRef$current === void 0 || (_ledgerRef$current = _ledgerRef$current[key]) === null || _ledgerRef$current === void 0 ? void 0 : _ledgerRef$current.height;
-  if (currentHeight !== height) {
-    const newLedger = {
-      ...ledgerRef.current,
-      [key]: {
-        height
-      }
-    };
-    let accumulator = 0;
-    const keys = Object.keys(newLedger);
-    keys.forEach((currentKey, index) => {
-      if (!newLedger[currentKey].height) {
-        newLedger[currentKey].height = height;
-      }
-      if (index) {
-        accumulator += newLedger["".concat(KEY).concat(index - 1)].height;
-      }
-      newLedger[currentKey] = {
-        ...newLedger[currentKey],
-        offset: accumulator
-      };
-    });
-    setLedgerRef(newLedger);
-  }
-};
+import React from"react";import{KEY}from"./components/ListRow/constants";import ListRow from"./components/ListRow";import{MAX_LIMIT_MULTIPLIER,DEFAULT_LIMIT_MULTIPLIER}from"./constants";export const createRows=(data,elementsPerRow)=>{const totalRows=Math.ceil(data.length/elementsPerRow),rows=new Array(totalRows).fill(0).map(()=>[]);for(let i=0;i<data.length;i++)rows[Math.floor(i/elementsPerRow)].push(data[i]);return rows};export const applyToIndex=(index,target,object)=>index===target?object:null;export const createRowRenderer=(configItemRender,effect)=>(row,index,updateLedger,ledgerRef)=>React.createElement(ListRow,{row:row,index:index,effect:effect,configItemRender:configItemRender,updateLedger:updateLedger,ledgerRef:ledgerRef});const getOffsets=ledger=>Object.values(ledger).map(_ref=>{let{offset:offset}=_ref;return offset}),getFirstIndex=(ledger,scroll)=>{const offsets=getOffsets(ledger);return Math.max(offsets.findIndex(offset=>offset>scroll)-1,0)},getElementsInViewport=(ledger,scroll,listViewportHeight,firstIndex,totalElements)=>{const index=getOffsets(ledger).findIndex(offset=>offset>scroll+listViewportHeight);return(-1!==index?index:totalElements)-1-firstIndex},getListHeight=ledger=>{const values=Object.values(ledger),lastUsableIndex=values.findIndex(_ref2=>{let{height:height}=_ref2;return!height}),{height:height=0,offset:offset=0}=values[-1!==lastUsableIndex?lastUsableIndex:values.length-1]||{};return offset+height};export const renderVirtualScreen=(scrollPosition,overscan,totalElements,listViewportHeight,ledger)=>{const listHeight=getListHeight(ledger);if(!listViewportHeight)return{virtualScreenStart:0,virtualScreenEnd:Math.min(2*overscan,totalElements)};const firstElementIndex=getFirstIndex(ledger,scrollPosition),elementsInViewport=listHeight?getElementsInViewport(ledger,scrollPosition,listViewportHeight,firstElementIndex,totalElements):0,upperScan=Math.min(firstElementIndex,overscan),lowerScan=Math.min(totalElements-(firstElementIndex+elementsInViewport),overscan),normalizedUpperScan=upperScan+overscan-lowerScan,normalizedLowerScan=lowerScan+overscan-upperScan,virtualScreenStart=Math.max(firstElementIndex-normalizedUpperScan,0);let virtualScreenEnd=Math.min(firstElementIndex+elementsInViewport+normalizedLowerScan,totalElements);return virtualScreenEnd-virtualScreenStart>=MAX_LIMIT_MULTIPLIER*overscan&&(virtualScreenEnd=virtualScreenStart+DEFAULT_LIMIT_MULTIPLIER*overscan),{virtualScreenStart:virtualScreenStart,virtualScreenEnd:virtualScreenEnd,listHeight:listHeight}};export const nullifyDataInBetween=(data,startIndex,endIndex)=>{for(let i=startIndex;i<endIndex;i++)data[i]=null};export const addVirtualizedElements=(data,virtualizedData,startIndex,endIndex,rowRenderer,updateLedger,ledgerRef)=>{for(let i=startIndex;i<endIndex;i++)virtualizedData[i]||(virtualizedData[i]=rowRenderer(data[i],i,updateLedger,ledgerRef))};export const updateLedger=(ledgerRef,setLedgerRef)=>(key,height)=>{var _ledgerRef$current;if((null===(_ledgerRef$current=ledgerRef.current)||void 0===_ledgerRef$current||null===(_ledgerRef$current=_ledgerRef$current[key])||void 0===_ledgerRef$current?void 0:_ledgerRef$current.height)!==height){const newLedger={...ledgerRef.current,[key]:{height:height}};let accumulator=0;Object.keys(newLedger).forEach((currentKey,index)=>{newLedger[currentKey].height||(newLedger[currentKey].height=height),index&&(accumulator+=newLedger["".concat(KEY).concat(index-1)].height),newLedger[currentKey]={...newLedger[currentKey],offset:accumulator}}),setLedgerRef(newLedger)}};

package/dist/esm/components/UTVirtualizedList/constants.js

@@ -1,4 +1 @@
-export const DEFAULT_ITEM_PADDING = 10;
-export const DEFAULT_OVERSCAN = 10;
-export const DEFAULT_EFFECT = 'fadeIn';
-export const DEFAULT_ELEMENTS_PER_ROW = 1;
+export const DEFAULT_ITEM_PADDING=10;export const DEFAULT_OVERSCAN=10;export const DEFAULT_EFFECT="fadeIn";export const DEFAULT_ELEMENTS_PER_ROW=1;

package/dist/esm/components/UTVirtualizedList/index.js

@@ -1,75 +1 @@
-import React, { useEffect, useState } from 'react';
-import { array, string, number, func, bool } from 'prop-types';
-import { isEmpty } from '@widergy/web-utils/lib/array';
-import { useComponentDimensions } from '@widergy/energy-hooks';
-import UTLoading from '../UTLoading';
-import styles from './styles.module.scss';
-import { DEFAULT_ITEM_PADDING, DEFAULT_OVERSCAN, DEFAULT_EFFECT, DEFAULT_ELEMENTS_PER_ROW } from './constants';
-import VirtualizedData from './components/VirtualizedData';
-const UTVirtualizedList = _ref => {
-  let {
-    data,
-    className,
-    elementsPerRow,
-    overscan,
-    itemRenderer,
-    itemPadding,
-    NoDataComponent,
-    effect,
-    loading,
-    reRenderOnChange,
-    headerRenderer,
-    footerRenderer
-  } = _ref;
-  const {
-    height: listViewportHeight,
-    width: listViewportWidth,
-    ref: listViewportRef
-  } = useComponentDimensions();
-  const [reRender, setReRender] = useState(false);
-  useEffect(() => {
-    setReRender(!reRender);
-  }, [...reRenderOnChange]);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.container, " ").concat(className),
-    ref: listViewportRef
-  }, /*#__PURE__*/React.createElement(UTLoading, {
-    loading: loading
-  }, isEmpty(data) ? NoDataComponent ? /*#__PURE__*/React.createElement(NoDataComponent, null) : null : /*#__PURE__*/React.createElement(VirtualizedData, {
-    headerRenderer: headerRenderer,
-    footerRenderer: footerRenderer,
-    reRenderOnChange: reRender,
-    listViewportHeight: listViewportHeight,
-    listViewportWidth: listViewportWidth,
-    listViewportRef: listViewportRef,
-    data: data,
-    elementsPerRow: elementsPerRow,
-    overscan: overscan,
-    itemRenderer: itemRenderer,
-    itemPadding: itemPadding,
-    effect: effect
-  })));
-};
-UTVirtualizedList.propTypes = {
-  data: array,
-  className: string,
-  elementsPerRow: number,
-  overscan: number,
-  itemRenderer: func,
-  itemPadding: number,
-  NoDataComponent: func,
-  effect: string,
-  loading: bool,
-  reRenderOnChange: array,
-  headerRenderer: func,
-  footerRenderer: func
-};
-UTVirtualizedList.defaultProps = {
-  data: [],
-  itemPadding: DEFAULT_ITEM_PADDING,
-  overscan: DEFAULT_OVERSCAN,
-  effect: DEFAULT_EFFECT,
-  elementsPerRow: DEFAULT_ELEMENTS_PER_ROW,
-  reRenderOnChange: []
-};
-export default UTVirtualizedList;
+import React,{useEffect,useState}from"react";import{array,string,number,func,bool}from"prop-types";import{isEmpty}from"@widergy/web-utils/lib/array";import{useComponentDimensions}from"@widergy/energy-hooks";import UTLoading from"../UTLoading";import styles from"./styles.module.scss";import{DEFAULT_ITEM_PADDING,DEFAULT_OVERSCAN,DEFAULT_EFFECT,DEFAULT_ELEMENTS_PER_ROW}from"./constants";import VirtualizedData from"./components/VirtualizedData";const UTVirtualizedList=_ref=>{let{data:data,className:className,elementsPerRow:elementsPerRow,overscan:overscan,itemRenderer:itemRenderer,itemPadding:itemPadding,NoDataComponent:NoDataComponent,effect:effect,loading:loading,reRenderOnChange:reRenderOnChange,headerRenderer:headerRenderer,footerRenderer:footerRenderer}=_ref;const{height:listViewportHeight,width:listViewportWidth,ref:listViewportRef}=useComponentDimensions(),[reRender,setReRender]=useState(!1);return useEffect(()=>{setReRender(!reRender)},[...reRenderOnChange]),React.createElement("div",{className:"".concat(styles.container," ").concat(className),ref:listViewportRef},React.createElement(UTLoading,{loading:loading},isEmpty(data)?NoDataComponent?React.createElement(NoDataComponent,null):null:React.createElement(VirtualizedData,{headerRenderer:headerRenderer,footerRenderer:footerRenderer,reRenderOnChange:reRender,listViewportHeight:listViewportHeight,listViewportWidth:listViewportWidth,listViewportRef:listViewportRef,data:data,elementsPerRow:elementsPerRow,overscan:overscan,itemRenderer:itemRenderer,itemPadding:itemPadding,effect:effect})))};UTVirtualizedList.propTypes={data:array,className:string,elementsPerRow:number,overscan:number,itemRenderer:func,itemPadding:number,NoDataComponent:func,effect:string,loading:bool,reRenderOnChange:array,headerRenderer:func,footerRenderer:func},UTVirtualizedList.defaultProps={data:[],itemPadding:DEFAULT_ITEM_PADDING,overscan:DEFAULT_OVERSCAN,effect:DEFAULT_EFFECT,elementsPerRow:DEFAULT_ELEMENTS_PER_ROW,reRenderOnChange:[]};export default UTVirtualizedList;

package/dist/esm/components/UTWizard/components/StepImage/index.js

@@ -1,19 +1 @@
-import React from 'react';
-import { oneOfType, string, elementType } from 'prop-types';
-import styles from './styles.module.scss';
-const StepImage = _ref => {
-  let {
-    Image
-  } = _ref;
-  return typeof Image === 'string' ? /*#__PURE__*/React.createElement("img", {
-    alt: "",
-    className: styles.image,
-    src: Image
-  }) : /*#__PURE__*/React.createElement(Image, {
-    className: styles.image
-  });
-};
-StepImage.propTypes = {
-  Image: oneOfType([string, elementType])
-};
-export default StepImage;
+import React from"react";import{oneOfType,string,elementType}from"prop-types";import styles from"./styles.module.scss";const StepImage=_ref=>{let{Image:Image}=_ref;return"string"==typeof Image?React.createElement("img",{alt:"",className:styles.image,src:Image}):React.createElement(Image,{className:styles.image})};StepImage.propTypes={Image:oneOfType([string,elementType])};export default StepImage;

package/dist/esm/components/UTWizard/constants.js

@@ -1,13 +1 @@
-export const VARIANTS = {
-  dark: 'dark',
-  information: 'information',
-  light: 'light'
-};
-export const DEFAULT_PROPS = {
-  variant: 'dark'
-};
-export const ACTIONS = {
-  NEXT: 'next',
-  PREVIOUS: 'previous',
-  RESET: 'reset'
-};
+export const VARIANTS={dark:"dark",information:"information",light:"light"};export const DEFAULT_PROPS={variant:"dark"};export const ACTIONS={NEXT:"next",PREVIOUS:"previous",RESET:"reset"};

package/dist/esm/components/UTWizard/index.js

@@ -1,119 +1 @@
-import React, { useEffect, useMemo, useReducer, useState } from 'react';
-import { bool, func, objectOf, string, array, oneOf } from 'prop-types';
-import 'react-perfect-scrollbar/dist/css/styles.css';
-import isEmpty from 'lodash/isEmpty';
-import { mergeClasses } from '../../utils/classesUtils';
-import WithTheme from '../WithTheme';
-import UTButton from '../UTButton';
-import UTLabel from '../UTLabel';
-import StepImage from './components/StepImage';
-import { retrieveStyle } from './theme';
-import { getLabelTheme, getButtonTheme, getButtonMinimizedTheme } from './utils';
-import styles from './styles.module.scss';
-import { ACTIONS } from './constants';
-const UTWizard = _ref => {
-  var _subSteps$currentSubs;
-  let {
-    classes: themeClasses,
-    classNames,
-    enabled,
-    handleOnClick,
-    openByDefault = true,
-    subSteps = [],
-    variant
-  } = _ref;
-  const classes = useMemo(() => mergeClasses(themeClasses, classNames), [classNames]);
-  const [currentSubstep, updateSubstep] = useReducer((state, action) => {
-    switch (action) {
-      case ACTIONS.RESET:
-        return 0;
-      case ACTIONS.PREVIOUS:
-        return state - 1;
-      case ACTIONS.NEXT:
-        return state + 1;
-      default:
-        return state;
-    }
-  }, 0);
-  const stepEnabled = enabled && !isEmpty(subSteps[currentSubstep]);
-  const {
-    title,
-    description,
-    image
-  } = (_subSteps$currentSubs = subSteps[currentSubstep]) !== null && _subSteps$currentSubs !== void 0 ? _subSteps$currentSubs : {};
-  const [isOpen, setIsOpen] = useState(openByDefault);
-  useEffect(() => {
-    updateSubstep(ACTIONS.RESET);
-  }, [enabled, subSteps]);
-  return stepEnabled ? isOpen ? /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classes.container, " ").concat(styles.container)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.content
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.header
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.titleContainer
-  }, /*#__PURE__*/React.createElement(UTLabel, {
-    className: styles.grow,
-    colorTheme: getLabelTheme(variant),
-    weight: "medium",
-    withMarkdown: true
-  }, title), /*#__PURE__*/React.createElement(UTButton, {
-    colorTheme: getButtonTheme(variant),
-    Icon: "IconChevronDown",
-    onClick: () => setIsOpen(false),
-    size: "small",
-    variant: "text"
-  }), /*#__PURE__*/React.createElement(UTButton, {
-    colorTheme: getButtonTheme(variant),
-    Icon: "IconX",
-    onClick: handleOnClick,
-    size: "small",
-    variant: "text"
-  })), /*#__PURE__*/React.createElement(UTLabel, {
-    variant: "small",
-    colorTheme: getLabelTheme(variant),
-    withMarkdown: true
-  }, description)), image && /*#__PURE__*/React.createElement(StepImage, {
-    Image: image
-  }), subSteps.length > 1 && /*#__PURE__*/React.createElement("div", {
-    className: styles.footer
-  }, /*#__PURE__*/React.createElement(UTLabel, {
-    className: styles.grow,
-    colorTheme: getLabelTheme(variant),
-    variant: "small",
-    withMarkdown: true
-  }, "".concat(currentSubstep + 1, " de ").concat(subSteps.length)), currentSubstep > 0 && /*#__PURE__*/React.createElement(UTButton, {
-    colorTheme: getButtonTheme(variant),
-    onClick: () => updateSubstep(ACTIONS.PREVIOUS),
-    size: "small",
-    variant: "text",
-    weight: "medium"
-  }, "Atr\xE1s"), currentSubstep < subSteps.length - 1 && /*#__PURE__*/React.createElement(UTButton, {
-    colorTheme: getButtonTheme(variant),
-    onClick: () => updateSubstep(ACTIONS.NEXT),
-    size: "small",
-    variant: "filled",
-    weight: "medium"
-  }, "Siguiente")))) : /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classes.buttonContainer, " ").concat(styles.buttonContainer)
-  }, /*#__PURE__*/React.createElement(UTButton, {
-    size: "small",
-    classNames: {
-      root: "".concat(styles.button, " ").concat(classes.buttonStyle)
-    },
-    onClick: () => setIsOpen(true),
-    colorTheme: getButtonMinimizedTheme(variant),
-    Icon: "IconQuestionMark"
-  })) : null;
-};
-UTWizard.propTypes = {
-  classes: objectOf(string),
-  classNames: objectOf(string),
-  enabled: oneOf(bool, string),
-  handleOnClick: func,
-  openByDefault: bool,
-  subSteps: array,
-  variant: string
-};
-export default WithTheme(retrieveStyle)(UTWizard);
+import React,{useEffect,useMemo,useReducer,useState}from"react";import{bool,func,objectOf,string,array,oneOf}from"prop-types";import"react-perfect-scrollbar/dist/css/styles.css";import isEmpty from"lodash/isEmpty";import{mergeClasses}from"../../utils/classesUtils";import WithTheme from"../WithTheme";import UTButton from"../UTButton";import UTLabel from"../UTLabel";import StepImage from"./components/StepImage";import{retrieveStyle}from"./theme";import{getLabelTheme,getButtonTheme,getButtonMinimizedTheme}from"./utils";import styles from"./styles.module.scss";import{ACTIONS}from"./constants";const UTWizard=_ref=>{var _subSteps$currentSubs;let{classes:themeClasses,classNames:classNames,enabled:enabled,handleOnClick:handleOnClick,openByDefault:openByDefault=!0,subSteps:subSteps=[],variant:variant}=_ref;const classes=useMemo(()=>mergeClasses(themeClasses,classNames),[classNames]),[currentSubstep,updateSubstep]=useReducer((state,action)=>{switch(action){case ACTIONS.RESET:return 0;case ACTIONS.PREVIOUS:return state-1;case ACTIONS.NEXT:return state+1;default:return state}},0),stepEnabled=enabled&&!isEmpty(subSteps[currentSubstep]),{title:title,description:description,image:image}=null!==(_subSteps$currentSubs=subSteps[currentSubstep])&&void 0!==_subSteps$currentSubs?_subSteps$currentSubs:{},[isOpen,setIsOpen]=useState(openByDefault);return useEffect(()=>{updateSubstep(ACTIONS.RESET)},[enabled,subSteps]),stepEnabled?isOpen?React.createElement("div",{className:"".concat(classes.container," ").concat(styles.container)},React.createElement("div",{className:styles.content},React.createElement("div",{className:styles.header},React.createElement("div",{className:styles.titleContainer},React.createElement(UTLabel,{className:styles.grow,colorTheme:getLabelTheme(variant),weight:"medium",withMarkdown:!0},title),React.createElement(UTButton,{colorTheme:getButtonTheme(variant),Icon:"IconChevronDown",onClick:()=>setIsOpen(!1),size:"small",variant:"text"}),React.createElement(UTButton,{colorTheme:getButtonTheme(variant),Icon:"IconX",onClick:handleOnClick,size:"small",variant:"text"})),React.createElement(UTLabel,{variant:"small",colorTheme:getLabelTheme(variant),withMarkdown:!0},description)),image&&React.createElement(StepImage,{Image:image}),subSteps.length>1&&React.createElement("div",{className:styles.footer},React.createElement(UTLabel,{className:styles.grow,colorTheme:getLabelTheme(variant),variant:"small",withMarkdown:!0},"".concat(currentSubstep+1," de ").concat(subSteps.length)),currentSubstep>0&&React.createElement(UTButton,{colorTheme:getButtonTheme(variant),onClick:()=>updateSubstep(ACTIONS.PREVIOUS),size:"small",variant:"text",weight:"medium"},"Atrás"),currentSubstep<subSteps.length-1&&React.createElement(UTButton,{colorTheme:getButtonTheme(variant),onClick:()=>updateSubstep(ACTIONS.NEXT),size:"small",variant:"filled",weight:"medium"},"Siguiente")))):React.createElement("div",{className:"".concat(classes.buttonContainer," ").concat(styles.buttonContainer)},React.createElement(UTButton,{size:"small",classNames:{root:"".concat(styles.button," ").concat(classes.buttonStyle)},onClick:()=>setIsOpen(!0),colorTheme:getButtonMinimizedTheme(variant),Icon:"IconQuestionMark"})):null};UTWizard.propTypes={classes:objectOf(string),classNames:objectOf(string),enabled:oneOf(bool,string),handleOnClick:func,openByDefault:bool,subSteps:array,variant:string};export default WithTheme(retrieveStyle)(UTWizard);

package/dist/esm/components/UTWizard/theme.js

@@ -1,30 +1 @@
-import { VARIANTS } from './constants';
-import { getVariant } from './utils';
-const getBackgroundColor = _ref => {
-  let {
-    theme,
-    variant
-  } = _ref;
-  return variant === VARIANTS.light ? theme.Palette.light['01'] : theme.Palette[variant]['05'];
-};
-export const retrieveStyle = _ref2 => {
-  let {
-    theme,
-    variant
-  } = _ref2;
-  const variantTheme = getVariant(variant);
-  return {
-    container: {
-      backgroundColor: getBackgroundColor({
-        theme,
-        variant: variantTheme
-      })
-    },
-    buttonStyle: {
-      backgroundColor: "".concat(getBackgroundColor({
-        theme,
-        variant: variantTheme
-      }), " !important")
-    }
-  };
-};
+import{VARIANTS}from"./constants";import{getVariant}from"./utils";const getBackgroundColor=_ref=>{let{theme:theme,variant:variant}=_ref;return variant===VARIANTS.light?theme.Palette.light["01"]:theme.Palette[variant]["05"]};export const retrieveStyle=_ref2=>{let{theme:theme,variant:variant}=_ref2;const variantTheme=getVariant(variant);return{container:{backgroundColor:getBackgroundColor({theme:theme,variant:variantTheme})},buttonStyle:{backgroundColor:"".concat(getBackgroundColor({theme:theme,variant:variantTheme})," !important")}}};

package/dist/esm/components/UTWizard/utils.js

@@ -1,17 +1 @@
-import { DEFAULT_PROPS, VARIANTS } from './constants';
-export const getVariant = variant => VARIANTS[variant] || VARIANTS[DEFAULT_PROPS.variant];
-export const getLabelTheme = variant => ({
-  [VARIANTS.dark]: 'light',
-  [VARIANTS.information]: 'light',
-  [VARIANTS.light]: 'dark'
-})[getVariant(variant)];
-export const getButtonTheme = variant => ({
-  [VARIANTS.dark]: 'negative',
-  [VARIANTS.information]: 'negative',
-  [VARIANTS.light]: 'dark'
-})[getVariant(variant)];
-export const getButtonMinimizedTheme = variant => ({
-  [VARIANTS.dark]: 'secondary',
-  [VARIANTS.information]: 'secondary',
-  [VARIANTS.light]: 'negative'
-})[getVariant(variant)];
+import{DEFAULT_PROPS,VARIANTS}from"./constants";export const getVariant=variant=>VARIANTS[variant]||VARIANTS[DEFAULT_PROPS.variant];export const getLabelTheme=variant=>({[VARIANTS.dark]:"light",[VARIANTS.information]:"light",[VARIANTS.light]:"dark"}[getVariant(variant)]);export const getButtonTheme=variant=>({[VARIANTS.dark]:"negative",[VARIANTS.information]:"negative",[VARIANTS.light]:"dark"}[getVariant(variant)]);export const getButtonMinimizedTheme=variant=>({[VARIANTS.dark]:"secondary",[VARIANTS.information]:"secondary",[VARIANTS.light]:"negative"}[getVariant(variant)]);

package/dist/esm/components/UTWorkflowContainer/index.js

@@ -1,19 +1 @@
-import React from 'react';
-import { string } from 'prop-types';
-import V0 from './versions/V0';
-import V1 from './versions/V1';
-const UTWorkflowContainer = _ref => {
-  let {
-    version = 'V0',
-    ...props
-  } = _ref;
-  const Component = {
-    V0,
-    V1
-  }[version];
-  return /*#__PURE__*/React.createElement(Component, props);
-};
-UTWorkflowContainer.propTypes = {
-  version: string
-};
-export default UTWorkflowContainer;
+import React from"react";import{string}from"prop-types";import V0 from"./versions/V0";import V1 from"./versions/V1";const UTWorkflowContainer=_ref=>{let{version:version="V0",...props}=_ref;const Component={V0:V0,V1:V1}[version];return React.createElement(Component,props)};UTWorkflowContainer.propTypes={version:string};export default UTWorkflowContainer;

package/dist/esm/components/UTWorkflowContainer/versions/V0/components/ActionButton/index.js

@@ -1,36 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { isValidElement, cloneElement } from 'react';
-import { string, object, bool } from 'prop-types';
-import UTButton from '../../../../../UTButton';
-import { buttonTypes } from '../../types';
-import styles from './styles.module.scss';
-const ActionButton = _ref => {
-  var _button$buttonProps;
-  let {
-    button,
-    className,
-    children,
-    isHidden,
-    buttonProps
-  } = _ref;
-  return /*#__PURE__*/isValidElement(button) ? (/*#__PURE__*/cloneElement(button, {
-    className: "".concat(button.props.className, " ").concat(isHidden && styles.hiddenButton)
-  })) : /*#__PURE__*/React.createElement(UTButton, _extends({
-    dataTestId: button.dataTestId,
-    disabled: button.disabled,
-    hideTextOnResponsive: true,
-    onClick: button.onClick
-  }, buttonProps, button.buttonProps, {
-    classNames: {
-      root: "\n        ".concat(className, "\n        ").concat(isHidden && styles.hiddenButton, "\n        ").concat(button === null || button === void 0 || (_button$buttonProps = button.buttonProps) === null || _button$buttonProps === void 0 ? void 0 : _button$buttonProps.className, "\n      "),
-      ...buttonProps.classNames
-    }
-  }), children);
-};
-ActionButton.propTypes = {
-  button: buttonTypes,
-  className: string,
-  isHidden: bool,
-  buttonProps: object
-};
-export default ActionButton;
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}import React,{isValidElement,cloneElement}from"react";import{string,object,bool}from"prop-types";import UTButton from"../../../../../UTButton";import{buttonTypes}from"../../types";import styles from"./styles.module.scss";const ActionButton=_ref=>{var _button$buttonProps;let{button:button,className:className,children:children,isHidden:isHidden,buttonProps:buttonProps}=_ref;return isValidElement(button)?cloneElement(button,{className:"".concat(button.props.className," ").concat(isHidden&&styles.hiddenButton)}):React.createElement(UTButton,_extends({dataTestId:button.dataTestId,disabled:button.disabled,hideTextOnResponsive:!0,onClick:button.onClick},buttonProps,button.buttonProps,{classNames:{root:"\n        ".concat(className,"\n        ").concat(isHidden&&styles.hiddenButton,"\n        ").concat(null==button||null===(_button$buttonProps=button.buttonProps)||void 0===_button$buttonProps?void 0:_button$buttonProps.className,"\n      "),...buttonProps.classNames}}),children)};ActionButton.propTypes={button:buttonTypes,className:string,isHidden:bool,buttonProps:object};export default ActionButton;

package/dist/esm/components/UTWorkflowContainer/versions/V0/constants.js

@@ -1,3 +1 @@
-export const NEXT = 'Siguiente';
-export const BACK = 'Atrás';
-export const STEP = 'Paso';
+export const NEXT="Siguiente";export const BACK="Atrás";export const STEP="Paso";

package/dist/esm/components/UTWorkflowContainer/versions/V0/hooks/use-previous.js

@@ -1,8 +1 @@
-import { useEffect, useRef } from 'react';
-export const usePrevious = value => {
-  const ref = useRef();
-  useEffect(() => {
-    ref.current = value;
-  });
-  return ref.current;
-};
+import{useEffect,useRef}from"react";export const usePrevious=value=>{const ref=useRef();return useEffect(()=>{ref.current=value}),ref.current};

package/dist/esm/components/UTWorkflowContainer/versions/V0/index.js

@@ -1,142 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import React, { useEffect, useMemo, useState } from 'react';
-import { bool, element, func, number, objectOf, oneOfType, shape, string } from 'prop-types';
-import UTLabel from '../../../UTLabel';
-import UTProgressBar from '../../../UTProgressBar';
-import UTWizard from '../../../UTWizard';
-import WithTheme from '../../../WithTheme';
-import { TEST_IDS } from '../../../../constants/testIds';
-import { mergeClasses } from '../../../../utils/classesUtils';
-import ActionButton from './components/ActionButton';
-import styles from './styles.module.scss';
-import { BACK, NEXT, STEP } from './constants';
-import { buttonTypes } from './types';
-import { retrieveStyle } from './theme';
-import { usePrevious } from './hooks/use-previous';
-const {
-  workflowContainer
-} = TEST_IDS;
-const UTWorkflowContainer = _ref => {
-  let {
-    backButton,
-    children,
-    classNames,
-    classes: themeClasses = {},
-    currentStep,
-    extraActions,
-    forceStepNumber = false,
-    hideStepCounter,
-    nextButton,
-    onExit,
-    smallButtons = false,
-    stepCounter: StepCounter,
-    stepsCount,
-    subtitle,
-    subtitleDataTestId = workflowContainer.header.subtitle,
-    title,
-    titleDataTestId = workflowContainer.header.tagline,
-    TitleIcon,
-    withIcon = false,
-    wizardConfig = {}
-  } = _ref;
-  useEffect(() => () => onExit && onExit(), []);
-  const classes = useMemo(() => mergeClasses(themeClasses, classNames), [classNames]);
-  const BackIcon = backButton.Icon || 'IconArrowLeft';
-  const NextIcon = nextButton.Icon || 'IconArrowRight';
-  const previousStepNumber = usePrevious(currentStep);
-  const [visibleStepNumber, setVisibleStepNumber] = useState(currentStep);
-  const skippedStepsQuantity = currentStep - visibleStepNumber;
-  useEffect(() => {
-    if (previousStepNumber) setVisibleStepNumber(visibleStepNumber + Math.sign(currentStep - previousStepNumber));
-  }, [currentStep]);
-  const hideActions = (currentStep === 1 && !backButton.isVisible || backButton.isHidden) && hideStepCounter && nextButton.isHidden;
-  return /*#__PURE__*/React.createElement("div", {
-    className: classes.container
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classes.progress
-  }, stepsCount && /*#__PURE__*/React.createElement(UTProgressBar, {
-    classNames: {
-      colorPrimary: classes.colorPrimary,
-      barColorPrimary: classes.barColorPrimary
-    },
-    value: visibleStepNumber / (stepsCount - skippedStepsQuantity) * 100
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(classes.workflowContainer, " ").concat(styles.workflowContainer)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "\n            ".concat(styles.actionsContainer, "\n            ").concat(classes.actionsContainer, "\n            ").concat(hideActions ? styles.hidden : '')
-  }, /*#__PURE__*/React.createElement(ActionButton, {
-    button: backButton,
-    buttonProps: {
-      colorTheme: 'primary',
-      Icon: (withIcon || smallButtons) && BackIcon,
-      iconPlacement: 'left',
-      variant: 'semitransparent'
-    },
-    className: "".concat(classes.backButton, " ").concat(styles.backButton),
-    isHidden: currentStep === 1 && !backButton.isVisible || backButton.isHidden
-  }, !smallButtons && (backButton.label || BACK)), !hideStepCounter && visibleStepNumber && (StepCounter ? /*#__PURE__*/React.createElement(StepCounter, null) : /*#__PURE__*/React.createElement(UTLabel, {
-    className: "".concat(styles.stepInfo, " ").concat(classes.stepCounter),
-    weight: "medium"
-  }, "".concat(STEP, " ").concat(forceStepNumber ? currentStep : visibleStepNumber))), extraActions, /*#__PURE__*/React.createElement(ActionButton, {
-    button: nextButton,
-    isHidden: nextButton.isHidden,
-    buttonProps: {
-      colorTheme: 'primary',
-      Icon: (withIcon || smallButtons) && NextIcon,
-      iconPlacement: 'right'
-    },
-    className: "".concat(classes.nextButton, " ").concat(styles.nextButton)
-  }, !smallButtons && (nextButton.label || NEXT))), /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles.workflowContent, " ").concat(classes.content)
-  }, (title || subtitle) && /*#__PURE__*/React.createElement("div", {
-    className: classes.titles
-  }, title && /*#__PURE__*/React.createElement("div", {
-    className: styles.titleAndTitleIconContainer
-  }, TitleIcon && /*#__PURE__*/React.createElement(TitleIcon, {
-    className: classes.titleIcon
-  }), /*#__PURE__*/React.createElement(UTLabel, {
-    dataTestId: subtitleDataTestId,
-    variant: "title2",
-    weight: "medium",
-    withMarkdown: true
-  }, title)), subtitle && /*#__PURE__*/React.createElement(UTLabel, {
-    className: styles.subtitle,
-    colorTheme: "gray",
-    dataTestId: titleDataTestId,
-    withMarkdown: true
-  }, subtitle)), children), /*#__PURE__*/React.createElement(UTWizard, _extends({
-    classNames: {
-      container: styles.wizardContainer,
-      buttonContainer: styles.wizardButtonContainer
-    }
-  }, wizardConfig))));
-};
-UTWorkflowContainer.propTypes = {
-  backButton: buttonTypes,
-  children: element,
-  classNames: objectOf(string),
-  classes: objectOf(string),
-  currentStep: number.isRequired,
-  extraActions: element,
-  forceStepNumber: bool,
-  hideStepCounter: bool,
-  nextButton: buttonTypes,
-  onExit: func,
-  smallButtons: bool,
-  stepCounter: oneOfType([func, element]),
-  stepsCount: number,
-  subtitle: string,
-  subtitleDataTestId: string,
-  title: string,
-  titleDataTestId: string,
-  TitleIcon: element,
-  withIcon: bool,
-  wizardConfig: shape({
-    description: string,
-    enabled: bool,
-    handleOnClick: func,
-    title: string,
-    variant: string
-  })
-};
-export default WithTheme(retrieveStyle)(UTWorkflowContainer);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}import React,{useEffect,useMemo,useState}from"react";import{bool,element,func,number,objectOf,oneOfType,shape,string}from"prop-types";import UTLabel from"../../../UTLabel";import UTProgressBar from"../../../UTProgressBar";import UTWizard from"../../../UTWizard";import WithTheme from"../../../WithTheme";import{TEST_IDS}from"../../../../constants/testIds";import{mergeClasses}from"../../../../utils/classesUtils";import ActionButton from"./components/ActionButton";import styles from"./styles.module.scss";import{BACK,NEXT,STEP}from"./constants";import{buttonTypes}from"./types";import{retrieveStyle}from"./theme";import{usePrevious}from"./hooks/use-previous";const{workflowContainer:workflowContainer}=TEST_IDS,UTWorkflowContainer=_ref=>{let{backButton:backButton,children:children,classNames:classNames,classes:themeClasses={},currentStep:currentStep,extraActions:extraActions,forceStepNumber:forceStepNumber=!1,hideStepCounter:hideStepCounter,nextButton:nextButton,onExit:onExit,smallButtons:smallButtons=!1,stepCounter:StepCounter,stepsCount:stepsCount,subtitle:subtitle,subtitleDataTestId:subtitleDataTestId=workflowContainer.header.subtitle,title:title,titleDataTestId:titleDataTestId=workflowContainer.header.tagline,TitleIcon:TitleIcon,withIcon:withIcon=!1,wizardConfig:wizardConfig={}}=_ref;useEffect(()=>()=>onExit&&onExit(),[]);const classes=useMemo(()=>mergeClasses(themeClasses,classNames),[classNames]),BackIcon=backButton.Icon||"IconArrowLeft",NextIcon=nextButton.Icon||"IconArrowRight",previousStepNumber=usePrevious(currentStep),[visibleStepNumber,setVisibleStepNumber]=useState(currentStep),skippedStepsQuantity=currentStep-visibleStepNumber;useEffect(()=>{previousStepNumber&&setVisibleStepNumber(visibleStepNumber+Math.sign(currentStep-previousStepNumber))},[currentStep]);const hideActions=(1===currentStep&&!backButton.isVisible||backButton.isHidden)&&hideStepCounter&&nextButton.isHidden;return React.createElement("div",{className:classes.container},React.createElement("div",{className:classes.progress},stepsCount&&React.createElement(UTProgressBar,{classNames:{colorPrimary:classes.colorPrimary,barColorPrimary:classes.barColorPrimary},value:visibleStepNumber/(stepsCount-skippedStepsQuantity)*100})),React.createElement("div",{className:"".concat(classes.workflowContainer," ").concat(styles.workflowContainer)},React.createElement("div",{className:"\n            ".concat(styles.actionsContainer,"\n            ").concat(classes.actionsContainer,"\n            ").concat(hideActions?styles.hidden:"")},React.createElement(ActionButton,{button:backButton,buttonProps:{colorTheme:"primary",Icon:(withIcon||smallButtons)&&BackIcon,iconPlacement:"left",variant:"semitransparent"},className:"".concat(classes.backButton," ").concat(styles.backButton),isHidden:1===currentStep&&!backButton.isVisible||backButton.isHidden},!smallButtons&&(backButton.label||BACK)),!hideStepCounter&&visibleStepNumber&&(StepCounter?React.createElement(StepCounter,null):React.createElement(UTLabel,{className:"".concat(styles.stepInfo," ").concat(classes.stepCounter),weight:"medium"},"".concat(STEP," ").concat(forceStepNumber?currentStep:visibleStepNumber))),extraActions,React.createElement(ActionButton,{button:nextButton,isHidden:nextButton.isHidden,buttonProps:{colorTheme:"primary",Icon:(withIcon||smallButtons)&&NextIcon,iconPlacement:"right"},className:"".concat(classes.nextButton," ").concat(styles.nextButton)},!smallButtons&&(nextButton.label||NEXT))),React.createElement("div",{className:"".concat(styles.workflowContent," ").concat(classes.content)},(title||subtitle)&&React.createElement("div",{className:classes.titles},title&&React.createElement("div",{className:styles.titleAndTitleIconContainer},TitleIcon&&React.createElement(TitleIcon,{className:classes.titleIcon}),React.createElement(UTLabel,{dataTestId:subtitleDataTestId,variant:"title2",weight:"medium",withMarkdown:!0},title)),subtitle&&React.createElement(UTLabel,{className:styles.subtitle,colorTheme:"gray",dataTestId:titleDataTestId,withMarkdown:!0},subtitle)),children),React.createElement(UTWizard,_extends({classNames:{container:styles.wizardContainer,buttonContainer:styles.wizardButtonContainer}},wizardConfig))))};UTWorkflowContainer.propTypes={backButton:buttonTypes,children:element,classNames:objectOf(string),classes:objectOf(string),currentStep:number.isRequired,extraActions:element,forceStepNumber:bool,hideStepCounter:bool,nextButton:buttonTypes,onExit:func,smallButtons:bool,stepCounter:oneOfType([func,element]),stepsCount:number,subtitle:string,subtitleDataTestId:string,title:string,titleDataTestId:string,TitleIcon:element,withIcon:bool,wizardConfig:shape({description:string,enabled:bool,handleOnClick:func,title:string,variant:string})};export default WithTheme(retrieveStyle)(UTWorkflowContainer);