@widergy/energy-ui 3.172.2 → 3.172.3

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

@@ -1,82 +1 @@
-import React from 'react';
-import isEmpty from 'lodash/isEmpty';
-import { arrayOf, bool, objectOf, shape, string } from 'prop-types';
-import { capitalize } from '../../utils/componentUtils';
-import UTIcon from '../UTIcon';
-import UTLabel from '../UTLabel';
-import WithTheme from '../WithTheme';
-import { ICON_MAPPER, ICON_SIZE, STATUS_COLOR_MAPPER, STATUSES_WITH_ICON, STATUSES } from './constants';
-import { generateItemKey, generateKey } from './utils';
-import { retrieveStyle } from './theme';
-import styles from './styles.module.scss';
-const UTValidation = _ref => {
-  let {
-    classes,
-    className,
-    dataTestId,
-    validationData = []
-  } = _ref;
-  if (isEmpty(validationData)) return null;
-  const showIcon = status => STATUSES_WITH_ICON.includes(status);
-  return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(className, " ").concat(styles.container)
-  }, validationData.map((_ref2, index) => {
-    let {
-      items,
-      status = STATUSES.default,
-      title
-    } = _ref2;
-    return /*#__PURE__*/React.createElement("div", {
-      key: generateKey({
-        items,
-        status,
-        title
-      }, index),
-      className: styles.validationContainer
-    }, title && /*#__PURE__*/React.createElement(UTLabel, {
-      colorTheme: STATUS_COLOR_MAPPER[status],
-      variant: "small"
-    }, title), /*#__PURE__*/React.createElement("div", {
-      className: styles.itemsContainer
-    }, items.map((_ref3, itemIndex) => {
-      let {
-        text,
-        status: itemStatus = STATUSES.default,
-        withIcon = true
-      } = _ref3;
-      return /*#__PURE__*/React.createElement("div", {
-        key: generateItemKey({
-          text,
-          status: itemStatus
-        }, itemIndex),
-        className: styles.itemContainer,
-        "data-testid": "".concat(dataTestId, ".").concat(index, ".").concat(itemIndex)
-      }, withIcon && /*#__PURE__*/React.createElement("div", {
-        className: "".concat(styles.iconContainer, " ").concat(classes["icon".concat(capitalize(itemStatus))])
-      }, showIcon(itemStatus) && /*#__PURE__*/React.createElement(UTIcon, {
-        colorTheme: itemStatus,
-        name: ICON_MAPPER[itemStatus],
-        size: ICON_SIZE
-      })), /*#__PURE__*/React.createElement(UTLabel, {
-        colorTheme: STATUS_COLOR_MAPPER[itemStatus],
-        variant: "small"
-      }, text));
-    })));
-  }));
-};
-export const validationDataProptypes = arrayOf(shape({
-  items: arrayOf(shape({
-    status: string,
-    text: string,
-    withIcon: bool
-  })),
-  status: string,
-  title: string
-}));
-UTValidation.propTypes = {
-  classes: objectOf(string),
-  className: string,
-  dataTestId: string,
-  validationData: validationDataProptypes
-};
-export default WithTheme(retrieveStyle)(UTValidation);
+import React from"react";import isEmpty from"lodash/isEmpty";import{arrayOf,bool,objectOf,shape,string}from"prop-types";import{capitalize}from"../../utils/componentUtils";import UTIcon from"../UTIcon";import UTLabel from"../UTLabel";import WithTheme from"../WithTheme";import{ICON_MAPPER,ICON_SIZE,STATUS_COLOR_MAPPER,STATUSES_WITH_ICON,STATUSES}from"./constants";import{generateItemKey,generateKey}from"./utils";import{retrieveStyle}from"./theme";import styles from"./styles.module.scss";const UTValidation=_ref=>{let{classes:classes,className:className,dataTestId:dataTestId,validationData:validationData=[]}=_ref;if(isEmpty(validationData))return null;return React.createElement("div",{className:"".concat(className," ").concat(styles.container)},validationData.map((_ref2,index)=>{let{items:items,status:status=STATUSES.default,title:title}=_ref2;return React.createElement("div",{key:generateKey({items:items,status:status,title:title},index),className:styles.validationContainer},title&&React.createElement(UTLabel,{colorTheme:STATUS_COLOR_MAPPER[status],variant:"small"},title),React.createElement("div",{className:styles.itemsContainer},items.map((_ref3,itemIndex)=>{let{text:text,status:itemStatus=STATUSES.default,withIcon:withIcon=!0}=_ref3;return React.createElement("div",{key:generateItemKey({text:text,status:itemStatus},itemIndex),className:styles.itemContainer,"data-testid":"".concat(dataTestId,".").concat(index,".").concat(itemIndex)},withIcon&&React.createElement("div",{className:"".concat(styles.iconContainer," ").concat(classes["icon".concat(capitalize(itemStatus))])},(status=>STATUSES_WITH_ICON.includes(status))(itemStatus)&&React.createElement(UTIcon,{colorTheme:itemStatus,name:ICON_MAPPER[itemStatus],size:ICON_SIZE})),React.createElement(UTLabel,{colorTheme:STATUS_COLOR_MAPPER[itemStatus],variant:"small"},text))})))}))};export const validationDataProptypes=arrayOf(shape({items:arrayOf(shape({status:string,text:string,withIcon:bool})),status:string,title:string}));UTValidation.propTypes={classes:objectOf(string),className:string,dataTestId:string,validationData:validationDataProptypes};export default WithTheme(retrieveStyle)(UTValidation);

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

@@ -1,18 +1 @@
-import { STATUSES, ICON_STATUS_COLOR_MAPPER } from './constants';
-const variantsColorTheme = (colorTheme, theme) => theme.Palette[colorTheme];
-export const retrieveStyle = _ref => {
-  let {
-    theme
-  } = _ref;
-  return {
-    iconSuccess: {
-      backgroundColor: variantsColorTheme(ICON_STATUS_COLOR_MAPPER[STATUSES.success], theme)['01']
-    },
-    iconError: {
-      backgroundColor: variantsColorTheme(ICON_STATUS_COLOR_MAPPER[STATUSES.error], theme)['01']
-    },
-    iconDefault: {
-      backgroundColor: variantsColorTheme(ICON_STATUS_COLOR_MAPPER[STATUSES.default], theme)['04']
-    }
-  };
-};
+import{STATUSES,ICON_STATUS_COLOR_MAPPER}from"./constants";const variantsColorTheme=(colorTheme,theme)=>theme.Palette[colorTheme];export const retrieveStyle=_ref=>{let{theme:theme}=_ref;return{iconSuccess:{backgroundColor:variantsColorTheme(ICON_STATUS_COLOR_MAPPER[STATUSES.success],theme)["01"]},iconError:{backgroundColor:variantsColorTheme(ICON_STATUS_COLOR_MAPPER[STATUSES.error],theme)["01"]},iconDefault:{backgroundColor:variantsColorTheme(ICON_STATUS_COLOR_MAPPER[STATUSES.default],theme)["04"]}}};

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

@@ -1,14 +1 @@
-export const generateKey = (data, index) => {
-  const titleKey = data.title || '';
-  const statusKey = data.status || '';
-  const itemsKey = data.items.map(item => item.text).join('-');
-  return "".concat(index, "-").concat(titleKey, "-").concat(statusKey, "-").concat(itemsKey);
-};
-export const generateItemKey = (item, index) => "".concat(index, "-").concat(item.status, "-").concat(item.text);
-export const formatErrorToValidation = (error, options) => [{
-  items: [{
-    text: error,
-    status: 'error',
-    withIcon: options === null || options === void 0 ? void 0 : options.withIcon
-  }]
-}];
+export const generateKey=(data,index)=>{const titleKey=data.title||"",statusKey=data.status||"",itemsKey=data.items.map(item=>item.text).join("-");return"".concat(index,"-").concat(titleKey,"-").concat(statusKey,"-").concat(itemsKey)};export const generateItemKey=(item,index)=>"".concat(index,"-").concat(item.status,"-").concat(item.text);export const formatErrorToValidation=(error,options)=>[{items:[{text:error,status:"error",withIcon:null==options?void 0:options.withIcon}]}];

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=_ref=>{let{currentFieldValue:currentFieldValue,handleChangeValue:handleChangeValue,handleOnEnter:handleOnEnter,show:show}=_ref;const[fieldValue,setFieldValue]=useState(currentFieldValue),[layoutName,setLayoutName]=useState(DEFAULT),[shiftPressTimeStamp,setShiftPressTimeStamp]=useState(null),[lastPressedKey,setLastPressedKey]=useState(null);useEffect(()=>{(!fieldValue&&"{bksp}"===lastPressedKey||fieldValue)&&handleChangeValue(fieldValue)},[fieldValue]),useEffect(()=>{setFieldValue(currentFieldValue),setShiftPressTimeStamp(null)},[handleChangeValue]),useEffect(()=>setLayoutName(DEFAULT),[show]);return show?React.createElement(Keyboard,{display:WIDERGY_DISPLAY,layout:WIDERGY_LAYOUTS_ES,layoutName:layoutName,onKeyPress:pressedKey=>{setLastPressedKey(pressedKey),Object.values(SPECIAL_KEYS).includes(pressedKey)?localKeysHandle({fieldValue:fieldValue,layoutName:layoutName,onEnter:handleOnEnter,pressedKey:pressedKey,setFieldValue:setFieldValue,setLayoutName:setLayoutName,setShiftPressTimeStamp:setShiftPressTimeStamp,shiftPressTimeStamp:shiftPressTimeStamp}):(layoutName===UPPERCASE&&shiftSwitcher(layoutName,setLayoutName),setFieldValue("".concat(fieldValue||"").concat(pressedKey)))},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=(layoutName,setLayoutName)=>{switch(layoutName){case DEFAULT:setLayoutName(UPPERCASE);break;case UPPERCASE:setLayoutName(DEFAULT);break;case SPECIAL_CHARACTERS:setLayoutName(UPPERCASE)}};export const localKeysHandle=_ref=>{let{fieldValue:fieldValue,layoutName:layoutName,onEnter:onEnter,pressedKey:pressedKey,setFieldValue:setFieldValue,setLayoutName:setLayoutName,setShiftPressTimeStamp:setShiftPressTimeStamp,shiftPressTimeStamp: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)return void setLayoutName(CAPSLOCKED);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||""," "))}};

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=_ref=>{var _ledgerRef$current$el,_ledgerRef$current;let{row:row,index:index,effect:effect,configItemRender:configItemRender,updateLedger:updateLedger,ledgerRef:ledgerRef}=_ref;const elementKey="".concat(KEY).concat(index),{setRef:setRef}=useResizeEvent(element=>{const{clientHeight:clientHeight}=element||{};clientHeight&&updateLedger(elementKey,clientHeight)}),{itemRenderer:itemRenderer,itemPadding:itemPadding,elementWidth:elementWidth}=configItemRender,width=elementWidth-itemPadding;return React.createElement("div",{key:elementKey,className:"".concat(styles.row," ").concat(styles[effect]),style:{top:null!==(_ledgerRef$current$el=null===(_ledgerRef$current=ledgerRef.current)||void 0===_ledgerRef$current||null===(_ledgerRef$current=_ledgerRef$current[elementKey])||void 0===_ledgerRef$current?void 0:_ledgerRef$current.offset)&&void 0!==_ledgerRef$current$el?_ledgerRef$current$el:0},ref:setRef},row.map((item,itemIndex)=>item&&React.createElement("div",{key:"".concat(SUB_KEY).concat(itemIndex),style:{padding:itemPadding/2,width: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;

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=(ref,position,setPosition)=>{var _ref$current,_sibling$clientHeight,_sibling$offsetTop;const sibling=null===(_ref$current=ref.current)||void 0===_ref$current?void 0:_ref$current.previousSibling,height=null!==(_sibling$clientHeight=null==sibling?void 0:sibling.clientHeight)&&void 0!==_sibling$clientHeight?_sibling$clientHeight:0,offsetTop=null!==(_sibling$offsetTop=null==sibling?void 0:sibling.offsetTop)&&void 0!==_sibling$offsetTop?_sibling$offsetTop:0;position!==offsetTop+height&&setPosition(sibling?offsetTop+height: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=data=>{const[ledger,setLedger]=useState({}),ledgerRef=useRef(ledger);ledgerRef.current=ledger;return useEffect(()=>{Object.keys(ledger).length!==data.length&&setLedger((()=>{const newLedger={};return data.forEach((_,index)=>{newLedger["".concat(KEY).concat(index)]={height:0,offset:0}}),newLedger})())},[data]),[ledgerRef,setLedger]};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=(data,totalElements,overscan,listViewportHeight,listViewportWidth,configItemRender,listViewportRef,elementsPerRow,effect,reRenderOnChange)=>{const[shouldReRender,setShouldReRender]=useState(!1),[scroll,setScroll]=useState(0),[virtualizedData,setVirtualizedData]=useState([]),[heightLedger,setHeightLedger]=useHeightLedger(data);useScrollbarThrottle(_ref=>{let{target:target}=_ref;if(target===listViewportRef.current){const currentScroll=target.scrollTop;setScroll(currentScroll)}},listViewportRef,SCROLL_THROTTLE_DELAY);const rowRenderer=useCallback(createRowRenderer(configItemRender,effect),[configItemRender,effect]),{virtualScreenStart:virtualScreenStart,virtualScreenEnd:virtualScreenEnd,listHeight:listHeight}=useMemo(()=>renderVirtualScreen(scroll,overscan,totalElements,listViewportHeight,heightLedger.current),[scroll,overscan,totalElements,heightLedger.current,listViewportHeight]);useEffect(()=>{setShouldReRender(!0)},[listViewportWidth,rowRenderer,elementsPerRow,heightLedger.current,data,reRenderOnChange]);const ledgerUpdater=useMemo(()=>updateLedger(heightLedger,setHeightLedger),[heightLedger,setHeightLedger]);return 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),shouldReRender&&setShouldReRender(!1)},[virtualScreenStart,virtualScreenEnd,shouldReRender,ledgerUpdater]),{virtualizedData:virtualizedData,listHeight:listHeight}};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=_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=useMemo(()=>createRows(data,elementsPerRow),[data,elementsPerRow]),totalRows=rows.length,configItemRender=useMemo(()=>({itemRenderer:itemRenderer,itemPadding:itemPadding,elementWidth:elementWidth}),[itemRenderer,itemPadding,elementWidth]),{virtualizedData:virtualizedData,listHeight:listHeight}=useVirtualizedData(rows,totalRows,overscan,listViewportHeight,listViewportWidth,configItemRender,listViewportRef,elementsPerRow,effect,reRenderOnChange);return React.createElement(Fragment,null,headerRenderer&&React.createElement("div",{className:styles.header},headerRenderer()),React.createElement("div",{style:{height:listHeight,position:"relative",scrollBehavior:"smooth",width:"100%"}},virtualizedData),footerRenderer&&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 memo(VirtualizedData);