@widergy/energy-ui 3.173.3 → 3.174.0

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

@@ -1,59 +1 @@
-export const CAPSLOCK_DELAY = 500;
-
-// Layout names
-export const CAPSLOCKED = 'capslocked';
-export const DEFAULT = 'default';
-export const SPECIAL_CHARACTERS = 'special_characters';
-export const UPPERCASE = 'uppercase';
-
-// Special keys
-const ALT = 'alt';
-const BKSP = 'bksp';
-const LOCK = 'lock';
-const SHIFT = 'shift';
-const ENTER = 'enter';
-const SPACE = 'space';
-export const SPECIAL_KEYS = {
-  [ALT]: '{alt}',
-  [BKSP]: '{bksp}',
-  [DEFAULT]: '{default}',
-  [ENTER]: '{enter}',
-  [LOCK]: '{lock}',
-  [SHIFT]: '{shift}',
-  [SPACE]: '{space}'
-};
-
-// Static keyboard lines
-const FIRST_LINE = 'q w e r t y u i o p';
-const SECOND_LINE = 'a s d f g h j k l ñ';
-const THIRD_LINE = '{shift} z x c v b n m {bksp}';
-const FOURTH_LINE = '{alt} {space} {enter}';
-
-// Uppercased lines
-const UPPERCASED_THIRD_LINE = THIRD_LINE.toUpperCase().replace(SHIFT.toUpperCase(), SHIFT).replace(BKSP.toUpperCase(), BKSP);
-const CAPSLOCKED_THIRD_LINE = UPPERCASED_THIRD_LINE.replace(SHIFT, LOCK);
-
-// Special characters lines
-const SPECIAL_CHARACTERS_FIRST_LINE = '1 2 3 4 5 6 7 8 9 0';
-const SPECIAL_CHARACTERS_SECOND_LINE = "@ # $ & * ( ) ' \" , .";
-const SPECIAL_CHARACTERS_THIRD_LINE = '{shift} % _ - + = / ; : ! ? {bksp}';
-const SPECIAL_CHARACTERS_FOURTH_LINE = FOURTH_LINE.replace(ALT, DEFAULT);
-
-// Final layouts
-export const WIDERGY_LAYOUTS_ES = {
-  [DEFAULT]: [FIRST_LINE, SECOND_LINE, THIRD_LINE, FOURTH_LINE],
-  [UPPERCASE]: [FIRST_LINE.toUpperCase(), SECOND_LINE.toUpperCase(), UPPERCASED_THIRD_LINE, FOURTH_LINE],
-  [CAPSLOCKED]: [FIRST_LINE.toUpperCase(), SECOND_LINE.toUpperCase(), CAPSLOCKED_THIRD_LINE, FOURTH_LINE],
-  [SPECIAL_CHARACTERS]: [SPECIAL_CHARACTERS_FIRST_LINE, SPECIAL_CHARACTERS_SECOND_LINE, SPECIAL_CHARACTERS_THIRD_LINE, SPECIAL_CHARACTERS_FOURTH_LINE]
-};
-
-// Special keys displays
-export const WIDERGY_DISPLAY = {
-  [SPECIAL_KEYS.alt]: '.?123',
-  [SPECIAL_KEYS.bksp]: '⌫',
-  [SPECIAL_KEYS.default]: 'ABC',
-  [SPECIAL_KEYS.enter]: '↲',
-  [SPECIAL_KEYS.lock]: '⇪',
-  [SPECIAL_KEYS.shift]: '⇧',
-  [SPECIAL_KEYS.space]: '⎵'
-};
+export const CAPSLOCK_DELAY=500;export const CAPSLOCKED="capslocked";export const DEFAULT="default";export const SPECIAL_CHARACTERS="special_characters";export const UPPERCASE="uppercase";const ALT="alt",BKSP="bksp",LOCK="lock",SHIFT="shift",ENTER="enter",SPACE="space";export const SPECIAL_KEYS={[ALT]:"{alt}",[BKSP]:"{bksp}",[DEFAULT]:"{default}",[ENTER]:"{enter}",[LOCK]:"{lock}",[SHIFT]:"{shift}",[SPACE]:"{space}"};const FIRST_LINE="q w e r t y u i o p",SECOND_LINE="a s d f g h j k l ñ",THIRD_LINE="{shift} z x c v b n m {bksp}",FOURTH_LINE="{alt} {space} {enter}",UPPERCASED_THIRD_LINE=THIRD_LINE.toUpperCase().replace(SHIFT.toUpperCase(),SHIFT).replace(BKSP.toUpperCase(),BKSP),CAPSLOCKED_THIRD_LINE=UPPERCASED_THIRD_LINE.replace(SHIFT,LOCK),SPECIAL_CHARACTERS_FIRST_LINE="1 2 3 4 5 6 7 8 9 0",SPECIAL_CHARACTERS_SECOND_LINE="@ # $ & * ( ) ' \" , .",SPECIAL_CHARACTERS_THIRD_LINE="{shift} % _ - + = / ; : ! ? {bksp}",SPECIAL_CHARACTERS_FOURTH_LINE=FOURTH_LINE.replace(ALT,DEFAULT);export const WIDERGY_LAYOUTS_ES={[DEFAULT]:[FIRST_LINE,SECOND_LINE,THIRD_LINE,FOURTH_LINE],[UPPERCASE]:[FIRST_LINE.toUpperCase(),SECOND_LINE.toUpperCase(),UPPERCASED_THIRD_LINE,FOURTH_LINE],[CAPSLOCKED]:[FIRST_LINE.toUpperCase(),SECOND_LINE.toUpperCase(),CAPSLOCKED_THIRD_LINE,FOURTH_LINE],[SPECIAL_CHARACTERS]:["1 2 3 4 5 6 7 8 9 0","@ # $ & * ( ) ' \" , .",SPECIAL_CHARACTERS_THIRD_LINE,SPECIAL_CHARACTERS_FOURTH_LINE]};export const WIDERGY_DISPLAY={[SPECIAL_KEYS.alt]:".?123",[SPECIAL_KEYS.bksp]:"⌫",[SPECIAL_KEYS.default]:"ABC",[SPECIAL_KEYS.enter]:"↲",[SPECIAL_KEYS.lock]:"⇪",[SPECIAL_KEYS.shift]:"⇧",[SPECIAL_KEYS.space]:"⎵"};

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

@@ -1,62 +1 @@
-import 'react-simple-keyboard/build/css/index.css';
-import Keyboard from 'react-simple-keyboard';
-import React, { useEffect, useState } from 'react';
-import { bool, func, number, oneOfType, string } from 'prop-types';
-import styles from './styles.module.scss';
-import { localKeysHandle, shiftSwitcher } from './utils';
-import { DEFAULT, SPECIAL_KEYS, UPPERCASE, WIDERGY_DISPLAY, WIDERGY_LAYOUTS_ES } from './constants';
-const UTVirtualKeyboard = _ref => {
-  let {
-    currentFieldValue,
-    handleChangeValue,
-    handleOnEnter,
-    show
-  } = _ref;
-  const [fieldValue, setFieldValue] = useState(currentFieldValue);
-  const [layoutName, setLayoutName] = useState(DEFAULT);
-  const [shiftPressTimeStamp, setShiftPressTimeStamp] = useState(null);
-  const [lastPressedKey, setLastPressedKey] = useState(null);
-  const resetState = () => {
-    setFieldValue(currentFieldValue);
-    setShiftPressTimeStamp(null);
-  };
-  useEffect(() => {
-    if (!fieldValue && lastPressedKey === '{bksp}' || fieldValue) handleChangeValue(fieldValue);
-  }, [fieldValue]);
-  useEffect(resetState, [handleChangeValue]);
-  useEffect(() => setLayoutName(DEFAULT), [show]);
-  const handleKeyPress = pressedKey => {
-    setLastPressedKey(pressedKey);
-    if (Object.values(SPECIAL_KEYS).includes(pressedKey)) {
-      localKeysHandle({
-        fieldValue,
-        layoutName,
-        onEnter: handleOnEnter,
-        pressedKey,
-        setFieldValue,
-        setLayoutName,
-        setShiftPressTimeStamp,
-        shiftPressTimeStamp
-      });
-      return;
-    }
-    if (layoutName === UPPERCASE) {
-      shiftSwitcher(layoutName, setLayoutName);
-    }
-    setFieldValue("".concat(fieldValue || '').concat(pressedKey));
-  };
-  return show ? /*#__PURE__*/React.createElement(Keyboard, {
-    display: WIDERGY_DISPLAY,
-    layout: WIDERGY_LAYOUTS_ES,
-    layoutName: layoutName,
-    onKeyPress: handleKeyPress,
-    theme: styles.keyboard
-  }) : null;
-};
-UTVirtualKeyboard.propTypes = {
-  currentFieldValue: oneOfType([string, number]),
-  handleChangeValue: func,
-  handleOnEnter: func,
-  show: bool
-};
-export default UTVirtualKeyboard;
+import"react-simple-keyboard/build/css/index.css";import Keyboard from"react-simple-keyboard";import React,{useEffect,useState}from"react";import{bool,func,number,oneOfType,string}from"prop-types";import styles from"./styles.module.scss";import{localKeysHandle,shiftSwitcher}from"./utils";import{DEFAULT,SPECIAL_KEYS,UPPERCASE,WIDERGY_DISPLAY,WIDERGY_LAYOUTS_ES}from"./constants";const UTVirtualKeyboard=e=>{let{currentFieldValue:t,handleChangeValue:s,handleOnEnter:a,show:l}=e;const[r,o]=useState(t),[n,u]=useState(DEFAULT),[c,i]=useState(null),[m,d]=useState(null);useEffect(()=>{(!r&&"{bksp}"===m||r)&&s(r)},[r]),useEffect(()=>{o(t),i(null)},[s]),useEffect(()=>u(DEFAULT),[l]);return l?React.createElement(Keyboard,{display:WIDERGY_DISPLAY,layout:WIDERGY_LAYOUTS_ES,layoutName:n,onKeyPress:e=>{d(e),Object.values(SPECIAL_KEYS).includes(e)?localKeysHandle({fieldValue:r,layoutName:n,onEnter:a,pressedKey:e,setFieldValue:o,setLayoutName:u,setShiftPressTimeStamp:i,shiftPressTimeStamp:c}):(n===UPPERCASE&&shiftSwitcher(n,u),o("".concat(r||"").concat(e)))},theme:styles.keyboard}):null};UTVirtualKeyboard.propTypes={currentFieldValue:oneOfType([string,number]),handleChangeValue:func,handleOnEnter:func,show:bool};export default UTVirtualKeyboard;

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

@@ -1,58 +1 @@
-import { CAPSLOCK_DELAY, CAPSLOCKED, DEFAULT, SPECIAL_CHARACTERS, SPECIAL_KEYS, UPPERCASE } from './constants';
-export const shiftSwitcher = (layoutName, setLayoutName) => {
-  switch (layoutName) {
-    case DEFAULT:
-      setLayoutName(UPPERCASE);
-      break;
-    case UPPERCASE:
-      setLayoutName(DEFAULT);
-      break;
-    case SPECIAL_CHARACTERS:
-      setLayoutName(UPPERCASE);
-      break;
-    default:
-      break;
-  }
-};
-export const localKeysHandle = _ref => {
-  let {
-    fieldValue,
-    layoutName,
-    onEnter,
-    pressedKey,
-    setFieldValue,
-    setLayoutName,
-    setShiftPressTimeStamp,
-    shiftPressTimeStamp
-  } = _ref;
-  switch (pressedKey) {
-    case SPECIAL_KEYS.alt:
-      setLayoutName(SPECIAL_CHARACTERS);
-      break;
-    case SPECIAL_KEYS.default:
-      setLayoutName(DEFAULT);
-      break;
-    case SPECIAL_KEYS.shift:
-      if (shiftPressTimeStamp && Date.now() - shiftPressTimeStamp < CAPSLOCK_DELAY) {
-        setLayoutName(CAPSLOCKED);
-        return;
-      }
-      setShiftPressTimeStamp(Date.now());
-      shiftSwitcher(layoutName, setLayoutName);
-      break;
-    case SPECIAL_KEYS.lock:
-      setLayoutName(layoutName === DEFAULT ? UPPERCASE : DEFAULT);
-      break;
-    case SPECIAL_KEYS.bksp:
-      setFieldValue(fieldValue ? fieldValue.slice(0, -1) : '');
-      break;
-    case SPECIAL_KEYS.enter:
-      onEnter();
-      break;
-    case SPECIAL_KEYS.space:
-      setFieldValue("".concat(fieldValue || '', ' '));
-      break;
-    default:
-      break;
-  }
-};
+import{CAPSLOCK_DELAY,CAPSLOCKED,DEFAULT,SPECIAL_CHARACTERS,SPECIAL_KEYS,UPPERCASE}from"./constants";export const shiftSwitcher=(e,E)=>{switch(e){case DEFAULT:E(UPPERCASE);break;case UPPERCASE:E(DEFAULT);break;case SPECIAL_CHARACTERS:E(UPPERCASE)}};export const localKeysHandle=e=>{let{fieldValue:E,layoutName:S,onEnter:a,pressedKey:A,setFieldValue:s,setLayoutName:t,setShiftPressTimeStamp:C,shiftPressTimeStamp:P}=e;switch(A){case SPECIAL_KEYS.alt:t(SPECIAL_CHARACTERS);break;case SPECIAL_KEYS.default:t(DEFAULT);break;case SPECIAL_KEYS.shift:if(P&&Date.now()-P<CAPSLOCK_DELAY)return void t(CAPSLOCKED);C(Date.now()),shiftSwitcher(S,t);break;case SPECIAL_KEYS.lock:t(S===DEFAULT?UPPERCASE:DEFAULT);break;case SPECIAL_KEYS.bksp:s(E?E.slice(0,-1):"");break;case SPECIAL_KEYS.enter:a();break;case SPECIAL_KEYS.space:s("".concat(E||""," "))}};

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

@@ -1,2 +1 @@
-export const KEY = 'UTV-ROW-';
-export const SUB_KEY = 'UTV-ITEM-';
+export const KEY="UTV-ROW-";export const SUB_KEY="UTV-ITEM-";

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

@@ -1,66 +1 @@
-/* eslint-disable react/no-array-index-key */
-import React from 'react';
-import { array, number, shape, string, func, objectOf } from 'prop-types';
-import { useResizeEvent } from '@widergy/energy-hooks';
-import { KEY, SUB_KEY } from './constants';
-import styles from './styles.module.scss';
-const ListRow = _ref => {
-  var _ledgerRef$current$el, _ledgerRef$current;
-  let {
-    row,
-    index,
-    effect,
-    configItemRender,
-    updateLedger,
-    ledgerRef
-  } = _ref;
-  const elementKey = "".concat(KEY).concat(index);
-  const {
-    setRef
-  } = useResizeEvent(element => {
-    const {
-      clientHeight
-    } = element || {};
-    if (clientHeight) updateLedger(elementKey, clientHeight);
-  });
-  const {
-    itemRenderer,
-    itemPadding,
-    elementWidth
-  } = configItemRender;
-  const width = elementWidth - itemPadding;
-  return /*#__PURE__*/React.createElement("div", {
-    key: elementKey,
-    className: "".concat(styles.row, " ").concat(styles[effect]),
-    style: {
-      top: (_ledgerRef$current$el = (_ledgerRef$current = ledgerRef.current) === null || _ledgerRef$current === void 0 || (_ledgerRef$current = _ledgerRef$current[elementKey]) === null || _ledgerRef$current === void 0 ? void 0 : _ledgerRef$current.offset) !== null && _ledgerRef$current$el !== void 0 ? _ledgerRef$current$el : 0
-    },
-    ref: setRef
-  }, row.map((item, itemIndex) => item && /*#__PURE__*/React.createElement("div", {
-    key: "".concat(SUB_KEY).concat(itemIndex),
-    style: {
-      padding: itemPadding / 2,
-      width,
-      maxWidth: width
-    },
-    className: styles.item
-  }, itemRenderer(item, index))));
-};
-ListRow.propTypes = {
-  row: array,
-  index: number,
-  updateLedger: func,
-  effect: string,
-  configItemRender: shape({
-    itemRenderer: func,
-    itemPadding: number,
-    elementWidth: number
-  }),
-  ledgerRef: shape({
-    current: objectOf(shape({
-      offset: number,
-      height: number
-    }))
-  })
-};
-export default ListRow;
+import React from"react";import{array,number,shape,string,func,objectOf}from"prop-types";import{useResizeEvent}from"@widergy/energy-hooks";import{KEY,SUB_KEY}from"./constants";import styles from"./styles.module.scss";const ListRow=e=>{var t,r;let{row:n,index:o,effect:s,configItemRender:i,updateLedger:c,ledgerRef:a}=e;const m="".concat(KEY).concat(o),{setRef:d}=useResizeEvent(e=>{const{clientHeight:t}=e||{};t&&c(m,t)}),{itemRenderer:f,itemPadding:l,elementWidth:p}=i,u=p-l;return React.createElement("div",{key:m,className:"".concat(styles.row," ").concat(styles[s]),style:{top:null!==(t=null===(r=a.current)||void 0===r||null===(r=r[m])||void 0===r?void 0:r.offset)&&void 0!==t?t:0},ref:d},n.map((e,t)=>e&&React.createElement("div",{key:"".concat(SUB_KEY).concat(t),style:{padding:l/2,width:u,maxWidth:u},className:styles.item},f(e,o))))};ListRow.propTypes={row:array,index:number,updateLedger:func,effect:string,configItemRender:shape({itemRenderer:func,itemPadding:number,elementWidth:number}),ledgerRef:shape({current:objectOf(shape({offset:number,height:number}))})};export default ListRow;

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

@@ -1,7 +1 @@
-export const getDynamicPosition = (ref, position, setPosition) => {
-  var _ref$current, _sibling$clientHeight, _sibling$offsetTop;
-  const sibling = (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.previousSibling;
-  const height = (_sibling$clientHeight = sibling === null || sibling === void 0 ? void 0 : sibling.clientHeight) !== null && _sibling$clientHeight !== void 0 ? _sibling$clientHeight : 0;
-  const offsetTop = (_sibling$offsetTop = sibling === null || sibling === void 0 ? void 0 : sibling.offsetTop) !== null && _sibling$offsetTop !== void 0 ? _sibling$offsetTop : 0;
-  if (position !== offsetTop + height) setPosition(sibling ? offsetTop + height : 0);
-};
+export const getDynamicPosition=(i,o,l)=>{var n,t,v;const e=null===(n=i.current)||void 0===n?void 0:n.previousSibling,u=null!==(t=null==e?void 0:e.clientHeight)&&void 0!==t?t:0,d=null!==(v=null==e?void 0:e.offsetTop)&&void 0!==v?v:0;o!==d+u&&l(e?d+u:0)};

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

@@ -1,11 +1 @@
-export const CACHE = {
-  height: 200
-};
-export const SCROLL_EVENT_OPTIONS = {
-  passive: true,
-  capture: true
-};
-export const SCROLL_EVENT = 'scroll';
-export const SCROLL_THROTTLE_DELAY = 50;
-export const MAX_LIMIT_MULTIPLIER = 4;
-export const DEFAULT_LIMIT_MULTIPLIER = 2;
+export const CACHE={height:200};export const SCROLL_EVENT_OPTIONS={passive:!0,capture:!0};export const SCROLL_EVENT="scroll";export const SCROLL_THROTTLE_DELAY=50;export const MAX_LIMIT_MULTIPLIER=4;export const DEFAULT_LIMIT_MULTIPLIER=2;

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

@@ -1,22 +1 @@
-import { useState, useEffect, useRef } from 'react';
-import { KEY } from '../components/ListRow/constants';
-const useLedger = data => {
-  const [ledger, setLedger] = useState({});
-  const ledgerRef = useRef(ledger);
-  ledgerRef.current = ledger;
-  const resetLedger = () => {
-    const newLedger = {};
-    data.forEach((_, index) => {
-      newLedger["".concat(KEY).concat(index)] = {
-        height: 0,
-        offset: 0
-      };
-    });
-    return newLedger;
-  };
-  useEffect(() => {
-    if (Object.keys(ledger).length !== data.length) setLedger(resetLedger());
-  }, [data]);
-  return [ledgerRef, setLedger];
-};
-export default useLedger;
+import{useState,useEffect,useRef}from"react";import{KEY}from"../components/ListRow/constants";const useLedger=e=>{const[t,s]=useState({}),o=useRef(t);o.current=t;return useEffect(()=>{Object.keys(t).length!==e.length&&s((()=>{const t={};return e.forEach((e,s)=>{t["".concat(KEY).concat(s)]={height:0,offset:0}}),t})())},[e]),[o,s]};export default useLedger;

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

@@ -1,44 +1 @@
-import { useState, useCallback, useEffect, useMemo } from 'react';
-import { useScrollbarThrottle } from '@widergy/energy-hooks';
-import { SCROLL_THROTTLE_DELAY } from '../constants';
-import { createRowRenderer, renderVirtualScreen, nullifyDataInBetween, addVirtualizedElements, updateLedger } from '../utils';
-import useHeightLedger from './use-ledger';
-const useVirtualizedData = (data, totalElements, overscan, listViewportHeight, listViewportWidth, configItemRender, listViewportRef, elementsPerRow, effect, reRenderOnChange) => {
-  const [shouldReRender, setShouldReRender] = useState(false);
-  const [scroll, setScroll] = useState(0);
-  const [virtualizedData, setVirtualizedData] = useState([]);
-  const [heightLedger, setHeightLedger] = useHeightLedger(data);
-  const updateScroll = _ref => {
-    let {
-      target
-    } = _ref;
-    if (target === listViewportRef.current) {
-      const currentScroll = target.scrollTop;
-      setScroll(currentScroll);
-    }
-  };
-  useScrollbarThrottle(updateScroll, listViewportRef, SCROLL_THROTTLE_DELAY);
-  const rowRenderer = useCallback(createRowRenderer(configItemRender, effect), [configItemRender, effect]);
-  const {
-    virtualScreenStart,
-    virtualScreenEnd,
-    listHeight
-  } = useMemo(() => renderVirtualScreen(scroll, overscan, totalElements, listViewportHeight, heightLedger.current), [scroll, overscan, totalElements, heightLedger.current, listViewportHeight]);
-  useEffect(() => {
-    setShouldReRender(true);
-  }, [listViewportWidth, rowRenderer, elementsPerRow, heightLedger.current, data, reRenderOnChange]);
-  const ledgerUpdater = useMemo(() => updateLedger(heightLedger, setHeightLedger), [heightLedger, setHeightLedger]);
-  useEffect(() => {
-    const newVirtualizedData = shouldReRender ? new Array(totalElements).fill(null) : [...virtualizedData];
-    nullifyDataInBetween(newVirtualizedData, 0, virtualScreenStart);
-    nullifyDataInBetween(newVirtualizedData, virtualScreenEnd, newVirtualizedData.length);
-    addVirtualizedElements(data, newVirtualizedData, virtualScreenStart, virtualScreenEnd, rowRenderer, ledgerUpdater, heightLedger);
-    setVirtualizedData(newVirtualizedData);
-    if (shouldReRender) setShouldReRender(false);
-  }, [virtualScreenStart, virtualScreenEnd, shouldReRender, ledgerUpdater]);
-  return {
-    virtualizedData,
-    listHeight
-  };
-};
-export default useVirtualizedData;
+import{useState,useCallback,useEffect,useMemo}from"react";import{useScrollbarThrottle}from"@widergy/energy-hooks";import{SCROLL_THROTTLE_DELAY}from"../constants";import{createRowRenderer,renderVirtualScreen,nullifyDataInBetween,addVirtualizedElements,updateLedger}from"../utils";import useHeightLedger from"./use-ledger";const useVirtualizedData=(e,t,r,a,u,l,n,s,i,o)=>{const[c,d]=useState(!1),[f,m]=useState(0),[g,S]=useState([]),[L,E]=useHeightLedger(e);useScrollbarThrottle(e=>{let{target:t}=e;if(t===n.current){const e=t.scrollTop;m(e)}},n,SCROLL_THROTTLE_DELAY);const p=useCallback(createRowRenderer(l,i),[l,i]),{virtualScreenStart:T,virtualScreenEnd:h,listHeight:D}=useMemo(()=>renderVirtualScreen(f,r,t,a,L.current),[f,r,t,L.current,a]);useEffect(()=>{d(!0)},[u,p,s,L.current,e,o]);const R=useMemo(()=>updateLedger(L,E),[L,E]);return useEffect(()=>{const r=c?new Array(t).fill(null):[...g];nullifyDataInBetween(r,0,T),nullifyDataInBetween(r,h,r.length),addVirtualizedElements(e,r,T,h,p,R,L),S(r),c&&d(!1)},[T,h,c,R]),{virtualizedData:g,listHeight:D}};export default useVirtualizedData;

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

@@ -1,61 +1 @@
-import React, { useMemo, Fragment, memo } from 'react';
-import { array, number, func, string, bool } from 'prop-types';
-import { refType } from '../../../../types/commonTypes';
-import useVirtualizedData from './hooks/use-virtualized-data';
-import { createRows } from './utils';
-import styles from './styles.module.scss';
-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 = useMemo(() => createRows(data, elementsPerRow), [data, elementsPerRow]);
-  const totalRows = rows.length;
-  const configItemRender = useMemo(() => ({
-    itemRenderer,
-    itemPadding,
-    elementWidth
-  }), [itemRenderer, itemPadding, elementWidth]);
-  const {
-    virtualizedData,
-    listHeight
-  } = useVirtualizedData(rows, totalRows, overscan, listViewportHeight, listViewportWidth, configItemRender, listViewportRef, elementsPerRow, effect, reRenderOnChange);
-  return /*#__PURE__*/React.createElement(Fragment, null, headerRenderer && /*#__PURE__*/React.createElement("div", {
-    className: styles.header
-  }, headerRenderer()), /*#__PURE__*/React.createElement("div", {
-    style: {
-      height: listHeight,
-      position: 'relative',
-      scrollBehavior: 'smooth',
-      width: '100%'
-    }
-  }, virtualizedData), footerRenderer && /*#__PURE__*/React.createElement("div", {
-    className: styles.footer
-  }, footerRenderer()));
-};
-VirtualizedData.propTypes = {
-  data: array,
-  elementsPerRow: number,
-  overscan: number,
-  itemRenderer: func,
-  itemPadding: number,
-  listViewportRef: refType,
-  listViewportHeight: number,
-  listViewportWidth: number,
-  effect: string,
-  reRenderOnChange: bool,
-  headerRenderer: func,
-  footerRenderer: func
-};
-export default /*#__PURE__*/memo(VirtualizedData);
+import React,{useMemo,Fragment,memo}from"react";import{array,number,func,string,bool}from"prop-types";import{refType}from"../../../../types/commonTypes";import useVirtualizedData from"./hooks/use-virtualized-data";import{createRows}from"./utils";import styles from"./styles.module.scss";const VirtualizedData=e=>{let{data:t,elementsPerRow:r,overscan:a,itemRenderer:i,itemPadding:o,listViewportRef:s,listViewportHeight:m,listViewportWidth:n,effect:l,reRenderOnChange:d,headerRenderer:u,footerRenderer:c}=e;const p=Math.floor(n/r),f=useMemo(()=>createRows(t,r),[t,r]),R=f.length,h=useMemo(()=>({itemRenderer:i,itemPadding:o,elementWidth:p}),[i,o,p]),{virtualizedData:g,listHeight:y}=useVirtualizedData(f,R,a,m,n,h,s,r,l,d);return React.createElement(Fragment,null,u&&React.createElement("div",{className:styles.header},u()),React.createElement("div",{style:{height:y,position:"relative",scrollBehavior:"smooth",width:"100%"}},g),c&&React.createElement("div",{className:styles.footer},c()))};VirtualizedData.propTypes={data:array,elementsPerRow:number,overscan:number,itemRenderer:func,itemPadding:number,listViewportRef:refType,listViewportHeight:number,listViewportWidth:number,effect:string,reRenderOnChange:bool,headerRenderer:func,footerRenderer:func};export default memo(VirtualizedData);

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=(t,e)=>{const n=Math.ceil(t.length/e),r=new Array(n).fill(0).map(()=>[]);for(let n=0;n<t.length;n++)r[Math.floor(n/e)].push(t[n]);return r};export const applyToIndex=(t,e,n)=>t===e?n:null;export const createRowRenderer=(t,e)=>(n,r,o,i)=>React.createElement(ListRow,{row:n,index:r,effect:e,configItemRender:t,updateLedger:o,ledgerRef:i});const getOffsets=t=>Object.values(t).map(t=>{let{offset:e}=t;return e}),getFirstIndex=(t,e)=>{const n=getOffsets(t);return Math.max(n.findIndex(t=>t>e)-1,0)},getElementsInViewport=(t,e,n,r,o)=>{const i=getOffsets(t).findIndex(t=>t>e+n);return(-1!==i?i:o)-1-r},getListHeight=t=>{const e=Object.values(t),n=e.findIndex(t=>{let{height:e}=t;return!e}),{height:r=0,offset:o=0}=e[-1!==n?n:e.length-1]||{};return o+r};export const renderVirtualScreen=(t,e,n,r,o)=>{const i=getListHeight(o);if(!r)return{virtualScreenStart:0,virtualScreenEnd:Math.min(2*e,n)};const s=getFirstIndex(o,t),c=i?getElementsInViewport(o,t,r,s,n):0,a=Math.min(s,e),l=Math.min(n-(s+c),e),f=a+e-l,h=l+e-a,d=Math.max(s-f,0);let g=Math.min(s+c+h,n);return g-d>=MAX_LIMIT_MULTIPLIER*e&&(g=d+DEFAULT_LIMIT_MULTIPLIER*e),{virtualScreenStart:d,virtualScreenEnd:g,listHeight:i}};export const nullifyDataInBetween=(t,e,n)=>{for(let r=e;r<n;r++)t[r]=null};export const addVirtualizedElements=(t,e,n,r,o,i,s)=>{for(let c=n;c<r;c++)e[c]||(e[c]=o(t[c],c,i,s))};export const updateLedger=(t,e)=>(n,r)=>{var o;if((null===(o=t.current)||void 0===o||null===(o=o[n])||void 0===o?void 0:o.height)!==r){const o={...t.current,[n]:{height:r}};let i=0;Object.keys(o).forEach((t,e)=>{o[t].height||(o[t].height=r),e&&(i+=o["".concat(KEY).concat(e-1)].height),o[t]={...o[t],offset:i}}),e(o)}};

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=e=>{let{data:t,className:r,elementsPerRow:n,overscan:a,itemRenderer:o,itemPadding:i,NoDataComponent:s,effect:d,loading:m,reRenderOnChange:l,headerRenderer:c,footerRenderer:f}=e;const{height:E,width:u,ref:R}=useComponentDimensions(),[p,g]=useState(!1);return useEffect(()=>{g(!p)},[...l]),React.createElement("div",{className:"".concat(styles.container," ").concat(r),ref:R},React.createElement(UTLoading,{loading:m},isEmpty(t)?s?React.createElement(s,null):null:React.createElement(VirtualizedData,{headerRenderer:c,footerRenderer:f,reRenderOnChange:p,listViewportHeight:E,listViewportWidth:u,listViewportRef:R,data:t,elementsPerRow:n,overscan:a,itemRenderer:o,itemPadding:i,effect:d})))};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=e=>{let{Image:t}=e;return"string"==typeof t?React.createElement("img",{alt:"",className:styles.image,src:t}):React.createElement(t,{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"};