@widergy/energy-ui 3.173.2 → 3.173.4

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=e=>{const[t,r]=(0,_react.useState)({}),s=(0,_react.useRef)(t);s.current=t;return(0,_react.useEffect)(()=>{Object.keys(t).length!==e.length&&r((()=>{const t={};return e.forEach((e,r)=>{t["".concat(_constants.KEY).concat(r)]={height:0,offset:0}}),t})())},[e]),[s,r]};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=(e,t,r,u,a,s,l,n,i,c)=>{const[o,_]=(0,_react.useState)(!1),[d,f]=(0,_react.useState)(0),[g,S]=(0,_react.useState)([]),[p,y]=(0,_useLedger.default)(e);(0,_energyHooks.useScrollbarThrottle)(e=>{let{target:t}=e;if(t===l.current){const e=t.scrollTop;f(e)}},l,_constants.SCROLL_THROTTLE_DELAY);const D=(0,_react.useCallback)((0,_utils.createRowRenderer)(s,i),[s,i]),{virtualScreenStart:q,virtualScreenEnd:v,listHeight:L}=(0,_react.useMemo)(()=>(0,_utils.renderVirtualScreen)(d,r,t,u,p.current),[d,r,t,p.current,u]);(0,_react.useEffect)(()=>{_(!0)},[a,D,n,p.current,e,c]);const E=(0,_react.useMemo)(()=>(0,_utils.updateLedger)(p,y),[p,y]);return(0,_react.useEffect)(()=>{const r=o?new Array(t).fill(null):[...g];(0,_utils.nullifyDataInBetween)(r,0,q),(0,_utils.nullifyDataInBetween)(r,v,r.length),(0,_utils.addVirtualizedElements)(e,r,q,v,D,E,p),S(r),o&&_(!1)},[q,v,o,E]),{virtualizedData:g,listHeight:L}};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,a=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var i,o,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(i=t?a:r){if(i.has(e))return i.get(e);i.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((o=(i=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(o.get||o.set)?i(n,t,o):n[t]=e[t]);return n})(e,t)}const VirtualizedData=e=>{let{data:t,elementsPerRow:r,overscan:a,itemRenderer:i,itemPadding:o,listViewportRef:n,listViewportHeight:p,listViewportWidth:s,effect:u,reRenderOnChange:l,headerRenderer:d,footerRenderer:c}=e;const _=Math.floor(s/r),f=(0,_react.useMemo)(()=>(0,_utils.createRows)(t,r),[t,r]),m=f.length,y=(0,_react.useMemo)(()=>({itemRenderer:i,itemPadding:o,elementWidth:_}),[i,o,_]),{virtualizedData:h,listHeight:R}=(0,_useVirtualizedData.default)(f,m,a,p,s,y,n,r,u,l);return _react.default.createElement(_react.Fragment,null,d&&_react.default.createElement("div",{className:_stylesModule.default.header},d()),_react.default.createElement("div",{style:{height:R,position:"relative",scrollBehavior:"smooth",width:"100%"}},h),c&&_react.default.createElement("div",{className:_stylesModule.default.footer},c()))};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=(e,t)=>{const r=Math.ceil(e.length/t),n=new Array(r).fill(0).map(()=>[]);for(let r=0;r<e.length;r++)n[Math.floor(r/t)].push(e[r]);return n};exports.createRows=createRows;const applyToIndex=(e,t,r)=>e===t?r:null;exports.applyToIndex=applyToIndex;const createRowRenderer=(e,t)=>(r,n,o,a)=>_react.default.createElement(_ListRow.default,{row:r,index:n,effect:t,configItemRender:e,updateLedger:o,ledgerRef:a});exports.createRowRenderer=createRowRenderer;const getOffsets=e=>Object.values(e).map(e=>{let{offset:t}=e;return t}),getFirstIndex=(e,t)=>{const r=getOffsets(e);return Math.max(r.findIndex(e=>e>t)-1,0)},getElementsInViewport=(e,t,r,n,o)=>{const a=getOffsets(e).findIndex(e=>e>t+r);return(-1!==a?a:o)-1-n},getListHeight=e=>{const t=Object.values(e),r=t.findIndex(e=>{let{height:t}=e;return!t}),{height:n=0,offset:o=0}=t[-1!==r?r:t.length-1]||{};return o+n},renderVirtualScreen=(e,t,r,n,o)=>{const a=getListHeight(o);if(!n)return{virtualScreenStart:0,virtualScreenEnd:Math.min(2*t,r)};const s=getFirstIndex(o,e),i=a?getElementsInViewport(o,e,n,s,r):0,l=Math.min(s,t),c=Math.min(r-(s+i),t),d=l+t-c,u=c+t-l,f=Math.max(s-d,0);let p=Math.min(s+i+u,r);return p-f>=_constants2.MAX_LIMIT_MULTIPLIER*t&&(p=f+_constants2.DEFAULT_LIMIT_MULTIPLIER*t),{virtualScreenStart:f,virtualScreenEnd:p,listHeight:a}};exports.renderVirtualScreen=renderVirtualScreen;const nullifyDataInBetween=(e,t,r)=>{for(let n=t;n<r;n++)e[n]=null};exports.nullifyDataInBetween=nullifyDataInBetween;const addVirtualizedElements=(e,t,r,n,o,a,s)=>{for(let i=r;i<n;i++)t[i]||(t[i]=o(e[i],i,a,s))};exports.addVirtualizedElements=addVirtualizedElements;const updateLedger=(e,t)=>(r,n)=>{var o;if((null===(o=e.current)||void 0===o||null===(o=o[r])||void 0===o?void 0:o.height)!==n){const o={...e.current,[r]:{height:n}};let a=0;Object.keys(o).forEach((e,t)=>{o[e].height||(o[e].height=n),t&&(a+=o["".concat(_constants.KEY).concat(t-1)].height),o[e]={...o[e],offset:a}}),t(o)}};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,r){if("function"==typeof WeakMap)var t=new WeakMap,a=new WeakMap;return(_interopRequireWildcard=function(e,r){if(!r&&e&&e.__esModule)return e;var n,o,i={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return i;if(n=r?a:t){if(n.has(e))return n.get(e);n.set(e,i)}for(const r in e)"default"!==r&&{}.hasOwnProperty.call(e,r)&&((o=(n=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,r))&&(o.get||o.set)?n(i,r,o):i[r]=e[r]);return i})(e,r)}const UTVirtualizedList=e=>{let{data:r,className:t,elementsPerRow:a,overscan:n,itemRenderer:o,itemPadding:i,NoDataComponent:s,effect:p,loading:d,reRenderOnChange:u,headerRenderer:l,footerRenderer:_}=e;const{height:c,width:f,ref:y}=(0,_energyHooks.useComponentDimensions)(),[m,R]=(0,_react.useState)(!1);return(0,_react.useEffect)(()=>{R(!m)},[...u]),_react.default.createElement("div",{className:"".concat(_stylesModule.default.container," ").concat(t),ref:y},_react.default.createElement(_UTLoading.default,{loading:d},(0,_array.isEmpty)(r)?s?_react.default.createElement(s,null):null:_react.default.createElement(_VirtualizedData.default,{headerRenderer:l,footerRenderer:_,reRenderOnChange:m,listViewportHeight:c,listViewportWidth:f,listViewportRef:y,data:r,elementsPerRow:a,overscan:n,itemRenderer:o,itemPadding:i,effect:p})))};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=e=>{let{Image:t}=e;return"string"==typeof t?_react.default.createElement("img",{alt:"",className:_stylesModule.default.image,src:t}):_react.default.createElement(t,{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 a=new WeakMap,l=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var r,s,n={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return n;if(r=t?l:a){if(r.has(e))return r.get(e);r.set(e,n)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((s=(r=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(s.get||s.set)?r(n,t,s):n[t]=e[t]);return n})(e,t)}const UTWizard=e=>{var t;let{classes:a,classNames:l,enabled:r,handleOnClick:s,openByDefault:n=!0,subSteps:o=[],variant:u}=e;const c=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(a,l),[l]),[i,_]=(0,_react.useReducer)((e,t)=>{switch(t){case _constants.ACTIONS.RESET:return 0;case _constants.ACTIONS.PREVIOUS:return e-1;case _constants.ACTIONS.NEXT:return e+1;default:return e}},0),d=r&&!(0,_isEmpty.default)(o[i]),{title:p,description:f,image:m}=null!==(t=o[i])&&void 0!==t?t:{},[T,h]=(0,_react.useState)(n);return(0,_react.useEffect)(()=>{_(_constants.ACTIONS.RESET)},[r,o]),d?T?_react.default.createElement("div",{className:"".concat(c.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)(u),weight:"medium",withMarkdown:!0},p),_react.default.createElement(_UTButton.default,{colorTheme:(0,_utils.getButtonTheme)(u),Icon:"IconChevronDown",onClick:()=>h(!1),size:"small",variant:"text"}),_react.default.createElement(_UTButton.default,{colorTheme:(0,_utils.getButtonTheme)(u),Icon:"IconX",onClick:s,size:"small",variant:"text"})),_react.default.createElement(_UTLabel.default,{variant:"small",colorTheme:(0,_utils.getLabelTheme)(u),withMarkdown:!0},f)),m&&_react.default.createElement(_StepImage.default,{Image:m}),o.length>1&&_react.default.createElement("div",{className:_stylesModule.default.footer},_react.default.createElement(_UTLabel.default,{className:_stylesModule.default.grow,colorTheme:(0,_utils.getLabelTheme)(u),variant:"small",withMarkdown:!0},"".concat(i+1," de ").concat(o.length)),i>0&&_react.default.createElement(_UTButton.default,{colorTheme:(0,_utils.getButtonTheme)(u),onClick:()=>_(_constants.ACTIONS.PREVIOUS),size:"small",variant:"text",weight:"medium"},"Atrás"),i<o.length-1&&_react.default.createElement(_UTButton.default,{colorTheme:(0,_utils.getButtonTheme)(u),onClick:()=>_(_constants.ACTIONS.NEXT),size:"small",variant:"filled",weight:"medium"},"Siguiente")))):_react.default.createElement("div",{className:"".concat(c.buttonContainer," ").concat(_stylesModule.default.buttonContainer)},_react.default.createElement(_UTButton.default,{size:"small",classNames:{root:"".concat(_stylesModule.default.button," ").concat(c.buttonStyle)},onClick:()=>h(!0),colorTheme:(0,_utils.getButtonMinimizedTheme)(u),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=t=>{let{theme:e,variant:r}=t;return r===_constants.VARIANTS.light?e.Palette.light["01"]:e.Palette[r]["05"]},retrieveStyle=t=>{let{theme:e,variant:r}=t;const o=(0,_utils.getVariant)(r);return{container:{backgroundColor:getBackgroundColor({theme:e,variant:o})},buttonStyle:{backgroundColor:"".concat(getBackgroundColor({theme:e,variant:o})," !important")}}};exports.retrieveStyle=retrieveStyle;