@widergy/energy-ui 3.172.1 → 3.172.3

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

@@ -1,17 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.SCROLL_THROTTLE_DELAY = exports.SCROLL_EVENT_OPTIONS = exports.SCROLL_EVENT = exports.MAX_LIMIT_MULTIPLIER = exports.DEFAULT_LIMIT_MULTIPLIER = exports.CACHE = void 0;
-const CACHE = exports.CACHE = {
-  height: 200
-};
-const SCROLL_EVENT_OPTIONS = exports.SCROLL_EVENT_OPTIONS = {
-  passive: true,
-  capture: true
-};
-const SCROLL_EVENT = exports.SCROLL_EVENT = 'scroll';
-const SCROLL_THROTTLE_DELAY = exports.SCROLL_THROTTLE_DELAY = 50;
-const MAX_LIMIT_MULTIPLIER = exports.MAX_LIMIT_MULTIPLIER = 4;
-const DEFAULT_LIMIT_MULTIPLIER = exports.DEFAULT_LIMIT_MULTIPLIER = 2;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SCROLL_THROTTLE_DELAY=exports.SCROLL_EVENT_OPTIONS=exports.SCROLL_EVENT=exports.MAX_LIMIT_MULTIPLIER=exports.DEFAULT_LIMIT_MULTIPLIER=exports.CACHE=void 0;const CACHE=exports.CACHE={height:200},SCROLL_EVENT_OPTIONS=exports.SCROLL_EVENT_OPTIONS={passive:!0,capture:!0},SCROLL_EVENT=exports.SCROLL_EVENT="scroll",SCROLL_THROTTLE_DELAY=exports.SCROLL_THROTTLE_DELAY=50,MAX_LIMIT_MULTIPLIER=exports.MAX_LIMIT_MULTIPLIER=4,DEFAULT_LIMIT_MULTIPLIER=exports.DEFAULT_LIMIT_MULTIPLIER=2;

package/dist/components/UTVirtualizedList/components/VirtualizedData/hooks/use-ledger.js

@@ -1,28 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _constants = require("../components/ListRow/constants");
-const useLedger = data => {
-  const [ledger, setLedger] = (0, _react.useState)({});
-  const ledgerRef = (0, _react.useRef)(ledger);
-  ledgerRef.current = ledger;
-  const resetLedger = () => {
-    const newLedger = {};
-    data.forEach((_, index) => {
-      newLedger["".concat(_constants.KEY).concat(index)] = {
-        height: 0,
-        offset: 0
-      };
-    });
-    return newLedger;
-  };
-  (0, _react.useEffect)(() => {
-    if (Object.keys(ledger).length !== data.length) setLedger(resetLedger());
-  }, [data]);
-  return [ledgerRef, setLedger];
-};
-var _default = exports.default = useLedger;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_constants=require("../components/ListRow/constants");const useLedger=data=>{const[ledger,setLedger]=(0,_react.useState)({}),ledgerRef=(0,_react.useRef)(ledger);ledgerRef.current=ledger;return(0,_react.useEffect)(()=>{Object.keys(ledger).length!==data.length&&setLedger((()=>{const newLedger={};return data.forEach((_,index)=>{newLedger["".concat(_constants.KEY).concat(index)]={height:0,offset:0}}),newLedger})())},[data]),[ledgerRef,setLedger]};var _default=exports.default=useLedger;

package/dist/components/UTVirtualizedList/components/VirtualizedData/hooks/use-virtualized-data.js

@@ -1,51 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _energyHooks = require("@widergy/energy-hooks");
-var _constants = require("../constants");
-var _utils = require("../utils");
-var _useLedger = _interopRequireDefault(require("./use-ledger"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const useVirtualizedData = (data, totalElements, overscan, listViewportHeight, listViewportWidth, configItemRender, listViewportRef, elementsPerRow, effect, reRenderOnChange) => {
-  const [shouldReRender, setShouldReRender] = (0, _react.useState)(false);
-  const [scroll, setScroll] = (0, _react.useState)(0);
-  const [virtualizedData, setVirtualizedData] = (0, _react.useState)([]);
-  const [heightLedger, setHeightLedger] = (0, _useLedger.default)(data);
-  const updateScroll = _ref => {
-    let {
-      target
-    } = _ref;
-    if (target === listViewportRef.current) {
-      const currentScroll = target.scrollTop;
-      setScroll(currentScroll);
-    }
-  };
-  (0, _energyHooks.useScrollbarThrottle)(updateScroll, listViewportRef, _constants.SCROLL_THROTTLE_DELAY);
-  const rowRenderer = (0, _react.useCallback)((0, _utils.createRowRenderer)(configItemRender, effect), [configItemRender, effect]);
-  const {
-    virtualScreenStart,
-    virtualScreenEnd,
-    listHeight
-  } = (0, _react.useMemo)(() => (0, _utils.renderVirtualScreen)(scroll, overscan, totalElements, listViewportHeight, heightLedger.current), [scroll, overscan, totalElements, heightLedger.current, listViewportHeight]);
-  (0, _react.useEffect)(() => {
-    setShouldReRender(true);
-  }, [listViewportWidth, rowRenderer, elementsPerRow, heightLedger.current, data, reRenderOnChange]);
-  const ledgerUpdater = (0, _react.useMemo)(() => (0, _utils.updateLedger)(heightLedger, setHeightLedger), [heightLedger, setHeightLedger]);
-  (0, _react.useEffect)(() => {
-    const newVirtualizedData = shouldReRender ? new Array(totalElements).fill(null) : [...virtualizedData];
-    (0, _utils.nullifyDataInBetween)(newVirtualizedData, 0, virtualScreenStart);
-    (0, _utils.nullifyDataInBetween)(newVirtualizedData, virtualScreenEnd, newVirtualizedData.length);
-    (0, _utils.addVirtualizedElements)(data, newVirtualizedData, virtualScreenStart, virtualScreenEnd, rowRenderer, ledgerUpdater, heightLedger);
-    setVirtualizedData(newVirtualizedData);
-    if (shouldReRender) setShouldReRender(false);
-  }, [virtualScreenStart, virtualScreenEnd, shouldReRender, ledgerUpdater]);
-  return {
-    virtualizedData,
-    listHeight
-  };
-};
-var _default = exports.default = useVirtualizedData;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_energyHooks=require("@widergy/energy-hooks"),_constants=require("../constants"),_utils=require("../utils"),_useLedger=_interopRequireDefault(require("./use-ledger"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const useVirtualizedData=(data,totalElements,overscan,listViewportHeight,listViewportWidth,configItemRender,listViewportRef,elementsPerRow,effect,reRenderOnChange)=>{const[shouldReRender,setShouldReRender]=(0,_react.useState)(!1),[scroll,setScroll]=(0,_react.useState)(0),[virtualizedData,setVirtualizedData]=(0,_react.useState)([]),[heightLedger,setHeightLedger]=(0,_useLedger.default)(data);(0,_energyHooks.useScrollbarThrottle)(_ref=>{let{target:target}=_ref;if(target===listViewportRef.current){const currentScroll=target.scrollTop;setScroll(currentScroll)}},listViewportRef,_constants.SCROLL_THROTTLE_DELAY);const rowRenderer=(0,_react.useCallback)((0,_utils.createRowRenderer)(configItemRender,effect),[configItemRender,effect]),{virtualScreenStart:virtualScreenStart,virtualScreenEnd:virtualScreenEnd,listHeight:listHeight}=(0,_react.useMemo)(()=>(0,_utils.renderVirtualScreen)(scroll,overscan,totalElements,listViewportHeight,heightLedger.current),[scroll,overscan,totalElements,heightLedger.current,listViewportHeight]);(0,_react.useEffect)(()=>{setShouldReRender(!0)},[listViewportWidth,rowRenderer,elementsPerRow,heightLedger.current,data,reRenderOnChange]);const ledgerUpdater=(0,_react.useMemo)(()=>(0,_utils.updateLedger)(heightLedger,setHeightLedger),[heightLedger,setHeightLedger]);return(0,_react.useEffect)(()=>{const newVirtualizedData=shouldReRender?new Array(totalElements).fill(null):[...virtualizedData];(0,_utils.nullifyDataInBetween)(newVirtualizedData,0,virtualScreenStart),(0,_utils.nullifyDataInBetween)(newVirtualizedData,virtualScreenEnd,newVirtualizedData.length),(0,_utils.addVirtualizedElements)(data,newVirtualizedData,virtualScreenStart,virtualScreenEnd,rowRenderer,ledgerUpdater,heightLedger),setVirtualizedData(newVirtualizedData),shouldReRender&&setShouldReRender(!1)},[virtualScreenStart,virtualScreenEnd,shouldReRender,ledgerUpdater]),{virtualizedData:virtualizedData,listHeight:listHeight}};var _default=exports.default=useVirtualizedData;

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

@@ -1,69 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _commonTypes = require("../../../../types/commonTypes");
-var _useVirtualizedData = _interopRequireDefault(require("./hooks/use-virtualized-data"));
-var _utils = require("./utils");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const VirtualizedData = _ref => {
-  let {
-    data,
-    elementsPerRow,
-    overscan,
-    itemRenderer,
-    itemPadding,
-    listViewportRef,
-    listViewportHeight,
-    listViewportWidth,
-    effect,
-    reRenderOnChange,
-    headerRenderer,
-    footerRenderer
-  } = _ref;
-  const elementWidth = Math.floor(listViewportWidth / elementsPerRow);
-  const rows = (0, _react.useMemo)(() => (0, _utils.createRows)(data, elementsPerRow), [data, elementsPerRow]);
-  const totalRows = rows.length;
-  const configItemRender = (0, _react.useMemo)(() => ({
-    itemRenderer,
-    itemPadding,
-    elementWidth
-  }), [itemRenderer, itemPadding, elementWidth]);
-  const {
-    virtualizedData,
-    listHeight
-  } = (0, _useVirtualizedData.default)(rows, totalRows, overscan, listViewportHeight, listViewportWidth, configItemRender, listViewportRef, elementsPerRow, effect, reRenderOnChange);
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, headerRenderer && /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.header
-  }, headerRenderer()), /*#__PURE__*/_react.default.createElement("div", {
-    style: {
-      height: listHeight,
-      position: 'relative',
-      scrollBehavior: 'smooth',
-      width: '100%'
-    }
-  }, virtualizedData), footerRenderer && /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.footer
-  }, footerRenderer()));
-};
-VirtualizedData.propTypes = {
-  data: _propTypes.array,
-  elementsPerRow: _propTypes.number,
-  overscan: _propTypes.number,
-  itemRenderer: _propTypes.func,
-  itemPadding: _propTypes.number,
-  listViewportRef: _commonTypes.refType,
-  listViewportHeight: _propTypes.number,
-  listViewportWidth: _propTypes.number,
-  effect: _propTypes.string,
-  reRenderOnChange: _propTypes.bool,
-  headerRenderer: _propTypes.func,
-  footerRenderer: _propTypes.func
-};
-var _default = exports.default = /*#__PURE__*/(0, _react.memo)(VirtualizedData);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_commonTypes=require("../../../../types/commonTypes"),_useVirtualizedData=_interopRequireDefault(require("./hooks/use-virtualized-data")),_utils=require("./utils"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}const VirtualizedData=_ref=>{let{data:data,elementsPerRow:elementsPerRow,overscan:overscan,itemRenderer:itemRenderer,itemPadding:itemPadding,listViewportRef:listViewportRef,listViewportHeight:listViewportHeight,listViewportWidth:listViewportWidth,effect:effect,reRenderOnChange:reRenderOnChange,headerRenderer:headerRenderer,footerRenderer:footerRenderer}=_ref;const elementWidth=Math.floor(listViewportWidth/elementsPerRow),rows=(0,_react.useMemo)(()=>(0,_utils.createRows)(data,elementsPerRow),[data,elementsPerRow]),totalRows=rows.length,configItemRender=(0,_react.useMemo)(()=>({itemRenderer:itemRenderer,itemPadding:itemPadding,elementWidth:elementWidth}),[itemRenderer,itemPadding,elementWidth]),{virtualizedData:virtualizedData,listHeight:listHeight}=(0,_useVirtualizedData.default)(rows,totalRows,overscan,listViewportHeight,listViewportWidth,configItemRender,listViewportRef,elementsPerRow,effect,reRenderOnChange);return _react.default.createElement(_react.Fragment,null,headerRenderer&&_react.default.createElement("div",{className:_stylesModule.default.header},headerRenderer()),_react.default.createElement("div",{style:{height:listHeight,position:"relative",scrollBehavior:"smooth",width:"100%"}},virtualizedData),footerRenderer&&_react.default.createElement("div",{className:_stylesModule.default.footer},footerRenderer()))};VirtualizedData.propTypes={data:_propTypes.array,elementsPerRow:_propTypes.number,overscan:_propTypes.number,itemRenderer:_propTypes.func,itemPadding:_propTypes.number,listViewportRef:_commonTypes.refType,listViewportHeight:_propTypes.number,listViewportWidth:_propTypes.number,effect:_propTypes.string,reRenderOnChange:_propTypes.bool,headerRenderer:_propTypes.func,footerRenderer:_propTypes.func};var _default=exports.default=(0,_react.memo)(VirtualizedData);

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

@@ -1,120 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.updateLedger = exports.renderVirtualScreen = exports.nullifyDataInBetween = exports.createRows = exports.createRowRenderer = exports.applyToIndex = exports.addVirtualizedElements = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _constants = require("./components/ListRow/constants");
-var _ListRow = _interopRequireDefault(require("./components/ListRow"));
-var _constants2 = require("./constants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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;
-};
-exports.createRows = createRows;
-const applyToIndex = (index, target, object) => index === target ? object : null;
-exports.applyToIndex = applyToIndex;
-const createRowRenderer = (configItemRender, effect) => (row, index, updateLedger, ledgerRef) => /*#__PURE__*/_react.default.createElement(_ListRow.default, {
-  row: row,
-  index: index,
-  effect: effect,
-  configItemRender: configItemRender,
-  updateLedger: updateLedger,
-  ledgerRef: ledgerRef
-});
-exports.createRowRenderer = createRowRenderer;
-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;
-};
-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 >= _constants2.MAX_LIMIT_MULTIPLIER * overscan) virtualScreenEnd = virtualScreenStart + _constants2.DEFAULT_LIMIT_MULTIPLIER * overscan;
-  return {
-    virtualScreenStart,
-    virtualScreenEnd,
-    listHeight
-  };
-};
-exports.renderVirtualScreen = renderVirtualScreen;
-const nullifyDataInBetween = (data, startIndex, endIndex) => {
-  for (let i = startIndex; i < endIndex; i++) data[i] = null;
-};
-exports.nullifyDataInBetween = nullifyDataInBetween;
-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);
-  }
-};
-exports.addVirtualizedElements = addVirtualizedElements;
-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(_constants.KEY).concat(index - 1)].height;
-      }
-      newLedger[currentKey] = {
-        ...newLedger[currentKey],
-        offset: accumulator
-      };
-    });
-    setLedgerRef(newLedger);
-  }
-};
-exports.updateLedger = updateLedger;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.updateLedger=exports.renderVirtualScreen=exports.nullifyDataInBetween=exports.createRows=exports.createRowRenderer=exports.applyToIndex=exports.addVirtualizedElements=void 0;var _react=_interopRequireDefault(require("react")),_constants=require("./components/ListRow/constants"),_ListRow=_interopRequireDefault(require("./components/ListRow")),_constants2=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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};exports.createRows=createRows;const applyToIndex=(index,target,object)=>index===target?object:null;exports.applyToIndex=applyToIndex;const createRowRenderer=(configItemRender,effect)=>(row,index,updateLedger,ledgerRef)=>_react.default.createElement(_ListRow.default,{row:row,index:index,effect:effect,configItemRender:configItemRender,updateLedger:updateLedger,ledgerRef:ledgerRef});exports.createRowRenderer=createRowRenderer;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},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>=_constants2.MAX_LIMIT_MULTIPLIER*overscan&&(virtualScreenEnd=virtualScreenStart+_constants2.DEFAULT_LIMIT_MULTIPLIER*overscan),{virtualScreenStart:virtualScreenStart,virtualScreenEnd:virtualScreenEnd,listHeight:listHeight}};exports.renderVirtualScreen=renderVirtualScreen;const nullifyDataInBetween=(data,startIndex,endIndex)=>{for(let i=startIndex;i<endIndex;i++)data[i]=null};exports.nullifyDataInBetween=nullifyDataInBetween;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))};exports.addVirtualizedElements=addVirtualizedElements;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(_constants.KEY).concat(index-1)].height),newLedger[currentKey]={...newLedger[currentKey],offset:accumulator}}),setLedgerRef(newLedger)}};exports.updateLedger=updateLedger;

package/dist/components/UTVirtualizedList/constants.js

@@ -1,10 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DEFAULT_OVERSCAN = exports.DEFAULT_ITEM_PADDING = exports.DEFAULT_ELEMENTS_PER_ROW = exports.DEFAULT_EFFECT = void 0;
-const DEFAULT_ITEM_PADDING = exports.DEFAULT_ITEM_PADDING = 10;
-const DEFAULT_OVERSCAN = exports.DEFAULT_OVERSCAN = 10;
-const DEFAULT_EFFECT = exports.DEFAULT_EFFECT = 'fadeIn';
-const DEFAULT_ELEMENTS_PER_ROW = exports.DEFAULT_ELEMENTS_PER_ROW = 1;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DEFAULT_OVERSCAN=exports.DEFAULT_ITEM_PADDING=exports.DEFAULT_ELEMENTS_PER_ROW=exports.DEFAULT_EFFECT=void 0;const DEFAULT_ITEM_PADDING=exports.DEFAULT_ITEM_PADDING=10,DEFAULT_OVERSCAN=exports.DEFAULT_OVERSCAN=10,DEFAULT_EFFECT=exports.DEFAULT_EFFECT="fadeIn",DEFAULT_ELEMENTS_PER_ROW=exports.DEFAULT_ELEMENTS_PER_ROW=1;

package/dist/components/UTVirtualizedList/index.js

@@ -1,83 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _array = require("@widergy/web-utils/lib/array");
-var _energyHooks = require("@widergy/energy-hooks");
-var _UTLoading = _interopRequireDefault(require("../UTLoading"));
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _constants = require("./constants");
-var _VirtualizedData = _interopRequireDefault(require("./components/VirtualizedData"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const UTVirtualizedList = _ref => {
-  let {
-    data,
-    className,
-    elementsPerRow,
-    overscan,
-    itemRenderer,
-    itemPadding,
-    NoDataComponent,
-    effect,
-    loading,
-    reRenderOnChange,
-    headerRenderer,
-    footerRenderer
-  } = _ref;
-  const {
-    height: listViewportHeight,
-    width: listViewportWidth,
-    ref: listViewportRef
-  } = (0, _energyHooks.useComponentDimensions)();
-  const [reRender, setReRender] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    setReRender(!reRender);
-  }, [...reRenderOnChange]);
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(_stylesModule.default.container, " ").concat(className),
-    ref: listViewportRef
-  }, /*#__PURE__*/_react.default.createElement(_UTLoading.default, {
-    loading: loading
-  }, (0, _array.isEmpty)(data) ? NoDataComponent ? /*#__PURE__*/_react.default.createElement(NoDataComponent, null) : null : /*#__PURE__*/_react.default.createElement(_VirtualizedData.default, {
-    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: _propTypes.array,
-  className: _propTypes.string,
-  elementsPerRow: _propTypes.number,
-  overscan: _propTypes.number,
-  itemRenderer: _propTypes.func,
-  itemPadding: _propTypes.number,
-  NoDataComponent: _propTypes.func,
-  effect: _propTypes.string,
-  loading: _propTypes.bool,
-  reRenderOnChange: _propTypes.array,
-  headerRenderer: _propTypes.func,
-  footerRenderer: _propTypes.func
-};
-UTVirtualizedList.defaultProps = {
-  data: [],
-  itemPadding: _constants.DEFAULT_ITEM_PADDING,
-  overscan: _constants.DEFAULT_OVERSCAN,
-  effect: _constants.DEFAULT_EFFECT,
-  elementsPerRow: _constants.DEFAULT_ELEMENTS_PER_ROW,
-  reRenderOnChange: []
-};
-var _default = exports.default = UTVirtualizedList;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_array=require("@widergy/web-utils/lib/array"),_energyHooks=require("@widergy/energy-hooks"),_UTLoading=_interopRequireDefault(require("../UTLoading")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_constants=require("./constants"),_VirtualizedData=_interopRequireDefault(require("./components/VirtualizedData"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}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}=(0,_energyHooks.useComponentDimensions)(),[reRender,setReRender]=(0,_react.useState)(!1);return(0,_react.useEffect)(()=>{setReRender(!reRender)},[...reRenderOnChange]),_react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(className),ref:listViewportRef},_react.default.createElement(_UTLoading.default,{loading:loading},(0,_array.isEmpty)(data)?NoDataComponent?_react.default.createElement(NoDataComponent,null):null:_react.default.createElement(_VirtualizedData.default,{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:_propTypes.array,className:_propTypes.string,elementsPerRow:_propTypes.number,overscan:_propTypes.number,itemRenderer:_propTypes.func,itemPadding:_propTypes.number,NoDataComponent:_propTypes.func,effect:_propTypes.string,loading:_propTypes.bool,reRenderOnChange:_propTypes.array,headerRenderer:_propTypes.func,footerRenderer:_propTypes.func},UTVirtualizedList.defaultProps={data:[],itemPadding:_constants.DEFAULT_ITEM_PADDING,overscan:_constants.DEFAULT_OVERSCAN,effect:_constants.DEFAULT_EFFECT,elementsPerRow:_constants.DEFAULT_ELEMENTS_PER_ROW,reRenderOnChange:[]};var _default=exports.default=UTVirtualizedList;

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

@@ -1,26 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const StepImage = _ref => {
-  let {
-    Image
-  } = _ref;
-  return typeof Image === 'string' ? /*#__PURE__*/_react.default.createElement("img", {
-    alt: "",
-    className: _stylesModule.default.image,
-    src: Image
-  }) : /*#__PURE__*/_react.default.createElement(Image, {
-    className: _stylesModule.default.image
-  });
-};
-StepImage.propTypes = {
-  Image: (0, _propTypes.oneOfType)([_propTypes.string, _propTypes.elementType])
-};
-var _default = exports.default = StepImage;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_stylesModule=_interopRequireDefault(require("./styles.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const StepImage=_ref=>{let{Image:Image}=_ref;return"string"==typeof Image?_react.default.createElement("img",{alt:"",className:_stylesModule.default.image,src:Image}):_react.default.createElement(Image,{className:_stylesModule.default.image})};StepImage.propTypes={Image:(0,_propTypes.oneOfType)([_propTypes.string,_propTypes.elementType])};var _default=exports.default=StepImage;

package/dist/components/UTWizard/constants.js

@@ -1,19 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VARIANTS = exports.DEFAULT_PROPS = exports.ACTIONS = void 0;
-const VARIANTS = exports.VARIANTS = {
-  dark: 'dark',
-  information: 'information',
-  light: 'light'
-};
-const DEFAULT_PROPS = exports.DEFAULT_PROPS = {
-  variant: 'dark'
-};
-const ACTIONS = exports.ACTIONS = {
-  NEXT: 'next',
-  PREVIOUS: 'previous',
-  RESET: 'reset'
-};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.VARIANTS=exports.DEFAULT_PROPS=exports.ACTIONS=void 0;const VARIANTS=exports.VARIANTS={dark:"dark",information:"information",light:"light"},DEFAULT_PROPS=exports.DEFAULT_PROPS={variant:"dark"},ACTIONS=exports.ACTIONS={NEXT:"next",PREVIOUS:"previous",RESET:"reset"};

package/dist/components/UTWizard/index.js

@@ -1,127 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-require("react-perfect-scrollbar/dist/css/styles.css");
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-var _classesUtils = require("../../utils/classesUtils");
-var _WithTheme = _interopRequireDefault(require("../WithTheme"));
-var _UTButton = _interopRequireDefault(require("../UTButton"));
-var _UTLabel = _interopRequireDefault(require("../UTLabel"));
-var _StepImage = _interopRequireDefault(require("./components/StepImage"));
-var _theme = require("./theme");
-var _utils = require("./utils");
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _constants = require("./constants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const UTWizard = _ref => {
-  var _subSteps$currentSubs;
-  let {
-    classes: themeClasses,
-    classNames,
-    enabled,
-    handleOnClick,
-    openByDefault = true,
-    subSteps = [],
-    variant
-  } = _ref;
-  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
-  const [currentSubstep, updateSubstep] = (0, _react.useReducer)((state, action) => {
-    switch (action) {
-      case _constants.ACTIONS.RESET:
-        return 0;
-      case _constants.ACTIONS.PREVIOUS:
-        return state - 1;
-      case _constants.ACTIONS.NEXT:
-        return state + 1;
-      default:
-        return state;
-    }
-  }, 0);
-  const stepEnabled = enabled && !(0, _isEmpty.default)(subSteps[currentSubstep]);
-  const {
-    title,
-    description,
-    image
-  } = (_subSteps$currentSubs = subSteps[currentSubstep]) !== null && _subSteps$currentSubs !== void 0 ? _subSteps$currentSubs : {};
-  const [isOpen, setIsOpen] = (0, _react.useState)(openByDefault);
-  (0, _react.useEffect)(() => {
-    updateSubstep(_constants.ACTIONS.RESET);
-  }, [enabled, subSteps]);
-  return stepEnabled ? isOpen ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(classes.container, " ").concat(_stylesModule.default.container)
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.content
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.header
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.titleContainer
-  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: _stylesModule.default.grow,
-    colorTheme: (0, _utils.getLabelTheme)(variant),
-    weight: "medium",
-    withMarkdown: true
-  }, title), /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    colorTheme: (0, _utils.getButtonTheme)(variant),
-    Icon: "IconChevronDown",
-    onClick: () => setIsOpen(false),
-    size: "small",
-    variant: "text"
-  }), /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    colorTheme: (0, _utils.getButtonTheme)(variant),
-    Icon: "IconX",
-    onClick: handleOnClick,
-    size: "small",
-    variant: "text"
-  })), /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    variant: "small",
-    colorTheme: (0, _utils.getLabelTheme)(variant),
-    withMarkdown: true
-  }, description)), image && /*#__PURE__*/_react.default.createElement(_StepImage.default, {
-    Image: image
-  }), subSteps.length > 1 && /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.footer
-  }, /*#__PURE__*/_react.default.createElement(_UTLabel.default, {
-    className: _stylesModule.default.grow,
-    colorTheme: (0, _utils.getLabelTheme)(variant),
-    variant: "small",
-    withMarkdown: true
-  }, "".concat(currentSubstep + 1, " de ").concat(subSteps.length)), currentSubstep > 0 && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    colorTheme: (0, _utils.getButtonTheme)(variant),
-    onClick: () => updateSubstep(_constants.ACTIONS.PREVIOUS),
-    size: "small",
-    variant: "text",
-    weight: "medium"
-  }, "Atr\xE1s"), currentSubstep < subSteps.length - 1 && /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    colorTheme: (0, _utils.getButtonTheme)(variant),
-    onClick: () => updateSubstep(_constants.ACTIONS.NEXT),
-    size: "small",
-    variant: "filled",
-    weight: "medium"
-  }, "Siguiente")))) : /*#__PURE__*/_react.default.createElement("div", {
-    className: "".concat(classes.buttonContainer, " ").concat(_stylesModule.default.buttonContainer)
-  }, /*#__PURE__*/_react.default.createElement(_UTButton.default, {
-    size: "small",
-    classNames: {
-      root: "".concat(_stylesModule.default.button, " ").concat(classes.buttonStyle)
-    },
-    onClick: () => setIsOpen(true),
-    colorTheme: (0, _utils.getButtonMinimizedTheme)(variant),
-    Icon: "IconQuestionMark"
-  })) : null;
-};
-UTWizard.propTypes = {
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  enabled: (0, _propTypes.oneOf)(_propTypes.bool, _propTypes.string),
-  handleOnClick: _propTypes.func,
-  openByDefault: _propTypes.bool,
-  subSteps: _propTypes.array,
-  variant: _propTypes.string
-};
-var _default = exports.default = (0, _WithTheme.default)(_theme.retrieveStyle)(UTWizard);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types");require("react-perfect-scrollbar/dist/css/styles.css");var _isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_classesUtils=require("../../utils/classesUtils"),_WithTheme=_interopRequireDefault(require("../WithTheme")),_UTButton=_interopRequireDefault(require("../UTButton")),_UTLabel=_interopRequireDefault(require("../UTLabel")),_StepImage=_interopRequireDefault(require("./components/StepImage")),_theme=require("./theme"),_utils=require("./utils"),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_constants=require("./constants");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}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=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(themeClasses,classNames),[classNames]),[currentSubstep,updateSubstep]=(0,_react.useReducer)((state,action)=>{switch(action){case _constants.ACTIONS.RESET:return 0;case _constants.ACTIONS.PREVIOUS:return state-1;case _constants.ACTIONS.NEXT:return state+1;default:return state}},0),stepEnabled=enabled&&!(0,_isEmpty.default)(subSteps[currentSubstep]),{title:title,description:description,image:image}=null!==(_subSteps$currentSubs=subSteps[currentSubstep])&&void 0!==_subSteps$currentSubs?_subSteps$currentSubs:{},[isOpen,setIsOpen]=(0,_react.useState)(openByDefault);return(0,_react.useEffect)(()=>{updateSubstep(_constants.ACTIONS.RESET)},[enabled,subSteps]),stepEnabled?isOpen?_react.default.createElement("div",{className:"".concat(classes.container," ").concat(_stylesModule.default.container)},_react.default.createElement("div",{className:_stylesModule.default.content},_react.default.createElement("div",{className:_stylesModule.default.header},_react.default.createElement("div",{className:_stylesModule.default.titleContainer},_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.grow,colorTheme:(0,_utils.getLabelTheme)(variant),weight:"medium",withMarkdown:!0},title),_react.default.createElement(_UTButton.default,{colorTheme:(0,_utils.getButtonTheme)(variant),Icon:"IconChevronDown",onClick:()=>setIsOpen(!1),size:"small",variant:"text"}),_react.default.createElement(_UTButton.default,{colorTheme:(0,_utils.getButtonTheme)(variant),Icon:"IconX",onClick:handleOnClick,size:"small",variant:"text"})),_react.default.createElement(_UTLabel.default,{variant:"small",colorTheme:(0,_utils.getLabelTheme)(variant),withMarkdown:!0},description)),image&&_react.default.createElement(_StepImage.default,{Image:image}),subSteps.length>1&&_react.default.createElement("div",{className:_stylesModule.default.footer},_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.grow,colorTheme:(0,_utils.getLabelTheme)(variant),variant:"small",withMarkdown:!0},"".concat(currentSubstep+1," de ").concat(subSteps.length)),currentSubstep>0&&_react.default.createElement(_UTButton.default,{colorTheme:(0,_utils.getButtonTheme)(variant),onClick:()=>updateSubstep(_constants.ACTIONS.PREVIOUS),size:"small",variant:"text",weight:"medium"},"Atrás"),currentSubstep<subSteps.length-1&&_react.default.createElement(_UTButton.default,{colorTheme:(0,_utils.getButtonTheme)(variant),onClick:()=>updateSubstep(_constants.ACTIONS.NEXT),size:"small",variant:"filled",weight:"medium"},"Siguiente")))):_react.default.createElement("div",{className:"".concat(classes.buttonContainer," ").concat(_stylesModule.default.buttonContainer)},_react.default.createElement(_UTButton.default,{size:"small",classNames:{root:"".concat(_stylesModule.default.button," ").concat(classes.buttonStyle)},onClick:()=>setIsOpen(!0),colorTheme:(0,_utils.getButtonMinimizedTheme)(variant),Icon:"IconQuestionMark"})):null};UTWizard.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),enabled:(0,_propTypes.oneOf)(_propTypes.bool,_propTypes.string),handleOnClick:_propTypes.func,openByDefault:_propTypes.bool,subSteps:_propTypes.array,variant:_propTypes.string};var _default=exports.default=(0,_WithTheme.default)(_theme.retrieveStyle)(UTWizard);

package/dist/components/UTWizard/theme.js

@@ -1,37 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-var _constants = require("./constants");
-var _utils = require("./utils");
-const getBackgroundColor = _ref => {
-  let {
-    theme,
-    variant
-  } = _ref;
-  return variant === _constants.VARIANTS.light ? theme.Palette.light['01'] : theme.Palette[variant]['05'];
-};
-const retrieveStyle = _ref2 => {
-  let {
-    theme,
-    variant
-  } = _ref2;
-  const variantTheme = (0, _utils.getVariant)(variant);
-  return {
-    container: {
-      backgroundColor: getBackgroundColor({
-        theme,
-        variant: variantTheme
-      })
-    },
-    buttonStyle: {
-      backgroundColor: "".concat(getBackgroundColor({
-        theme,
-        variant: variantTheme
-      }), " !important")
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _constants=require("./constants"),_utils=require("./utils");const getBackgroundColor=_ref=>{let{theme:theme,variant:variant}=_ref;return variant===_constants.VARIANTS.light?theme.Palette.light["01"]:theme.Palette[variant]["05"]},retrieveStyle=_ref2=>{let{theme:theme,variant:variant}=_ref2;const variantTheme=(0,_utils.getVariant)(variant);return{container:{backgroundColor:getBackgroundColor({theme:theme,variant:variantTheme})},buttonStyle:{backgroundColor:"".concat(getBackgroundColor({theme:theme,variant:variantTheme})," !important")}}};exports.retrieveStyle=retrieveStyle;