@widergy/energy-ui 3.172.1 → 3.172.3

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

@@ -1,93 +1 @@
-import React, { Fragment, useEffect, useMemo } from 'react';
-import { bool, string, objectOf } from 'prop-types';
-import { shouldShowErrors } from '@widergy/web-utils/lib/form';
-import { isEmpty } from '@widergy/web-utils/lib/array';
-import UTLabel from '../../../UTLabel/index.js';
-import { fieldType, inputPropTypes, metaPropTypes } from '../../../../types/formTypes.js';
-import WithTheme from '../../../WithTheme/index.js';
-import { mergeClasses } from '../../../../utils/classesUtils.js';
-import { STATES, DEFAULT_SWITCH_ID, TRUE } from './constants.js';
-import { retrieveStyle } from './theme';
-const UTSwitch = _ref => {
-  let {
-    classes: themeClasses = {},
-    classNames,
-    disabled,
-    field = {},
-    input = {},
-    meta = {},
-    showErrors
-  } = _ref;
-  const {
-    value,
-    onChange: onChange_
-  } = input;
-  const {
-    key,
-    field_options: fieldOptions,
-    configuration = {}
-  } = field;
-  const {
-    textOff: textOff_,
-    textOn: textOn_,
-    insideText = true,
-    withText
-  } = configuration;
-  const switchId = key || DEFAULT_SWITCH_ID;
-  const classes = useMemo(() => mergeClasses(themeClasses, classNames), [classNames]);
-  const useFieldOptions = fieldOptions && !isEmpty(fieldOptions);
-  const [currentOption, switchedOption] = useFieldOptions ? [...fieldOptions].sort((_, _ref2) => {
-    let {
-      value: optionValue,
-      name
-    } = _ref2;
-    return [optionValue, name === TRUE].includes(value) ? 1 : -1;
-  }) : [];
-  const onChange = useFieldOptions ? () => onChange_(switchedOption.value) : onChange_;
-  useEffect(() => {
-    if (useFieldOptions && value === false) onChange_(currentOption.value);
-  }, [value]);
-  const textOn = textOn_ || STATES.ON;
-  const textOff = textOff_ || STATES.OFF;
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: classes.outerContainer
-  }, withText && !insideText && textOff, /*#__PURE__*/React.createElement("label", {
-    htmlFor: switchId,
-    className: "".concat(classes.container, " ").concat(disabled && classes.disabled)
-  }, /*#__PURE__*/React.createElement("input", {
-    className: classes.input,
-    id: switchId,
-    type: "checkbox",
-    checked: useFieldOptions ? currentOption.name === TRUE : value,
-    value: useFieldOptions ? currentOption.value : value,
-    onChange: onChange,
-    disabled: disabled
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "".concat(classes.sliderContainer, " ").concat(disabled && classes.disabled)
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "".concat(classes.sliderBack, " ").concat(disabled && classes.disabled)
-  }), withText && insideText && /*#__PURE__*/React.createElement("div", {
-    className: classes.textContainer
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classes.checkedText
-  }, textOn), /*#__PURE__*/React.createElement("div", {
-    className: classes.uncheckedText
-  }, textOff)), /*#__PURE__*/React.createElement("span", {
-    className: "".concat(classes.sliderHover, " ").concat(disabled && classes.disabled)
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "".concat(classes.slider, " ").concat(disabled && classes.disabled)
-  }))), withText && !insideText && textOn), showErrors && meta && shouldShowErrors(meta) && /*#__PURE__*/React.createElement(UTLabel, {
-    colorTheme: "error",
-    variant: "small"
-  }, meta === null || meta === void 0 ? void 0 : meta.error));
-};
-UTSwitch.propTypes = {
-  classes: objectOf(string),
-  classNames: objectOf(string),
-  disabled: bool,
-  field: fieldType,
-  input: inputPropTypes.isRequired,
-  meta: metaPropTypes,
-  showErrors: bool
-};
-export default WithTheme(retrieveStyle)(UTSwitch);
+import React,{Fragment,useEffect,useMemo}from"react";import{bool,string,objectOf}from"prop-types";import{shouldShowErrors}from"@widergy/web-utils/lib/form";import{isEmpty}from"@widergy/web-utils/lib/array";import UTLabel from"../../../UTLabel/index.js";import{fieldType,inputPropTypes,metaPropTypes}from"../../../../types/formTypes.js";import WithTheme from"../../../WithTheme/index.js";import{mergeClasses}from"../../../../utils/classesUtils.js";import{STATES,DEFAULT_SWITCH_ID,TRUE}from"./constants.js";import{retrieveStyle}from"./theme";const UTSwitch=_ref=>{let{classes:themeClasses={},classNames:classNames,disabled:disabled,field:field={},input:input={},meta:meta={},showErrors:showErrors}=_ref;const{value:value,onChange:onChange_}=input,{key:key,field_options:fieldOptions,configuration:configuration={}}=field,{textOff:textOff_,textOn:textOn_,insideText:insideText=!0,withText:withText}=configuration,switchId=key||DEFAULT_SWITCH_ID,classes=useMemo(()=>mergeClasses(themeClasses,classNames),[classNames]),useFieldOptions=fieldOptions&&!isEmpty(fieldOptions),[currentOption,switchedOption]=useFieldOptions?[...fieldOptions].sort((_,_ref2)=>{let{value:optionValue,name:name}=_ref2;return[optionValue,name===TRUE].includes(value)?1:-1}):[],onChange=useFieldOptions?()=>onChange_(switchedOption.value):onChange_;useEffect(()=>{useFieldOptions&&!1===value&&onChange_(currentOption.value)},[value]);const textOn=textOn_||STATES.ON,textOff=textOff_||STATES.OFF;return React.createElement(Fragment,null,React.createElement("div",{className:classes.outerContainer},withText&&!insideText&&textOff,React.createElement("label",{htmlFor:switchId,className:"".concat(classes.container," ").concat(disabled&&classes.disabled)},React.createElement("input",{className:classes.input,id:switchId,type:"checkbox",checked:useFieldOptions?currentOption.name===TRUE:value,value:useFieldOptions?currentOption.value:value,onChange:onChange,disabled:disabled}),React.createElement("span",{className:"".concat(classes.sliderContainer," ").concat(disabled&&classes.disabled)},React.createElement("span",{className:"".concat(classes.sliderBack," ").concat(disabled&&classes.disabled)}),withText&&insideText&&React.createElement("div",{className:classes.textContainer},React.createElement("div",{className:classes.checkedText},textOn),React.createElement("div",{className:classes.uncheckedText},textOff)),React.createElement("span",{className:"".concat(classes.sliderHover," ").concat(disabled&&classes.disabled)}),React.createElement("span",{className:"".concat(classes.slider," ").concat(disabled&&classes.disabled)}))),withText&&!insideText&&textOn),showErrors&&meta&&shouldShowErrors(meta)&&React.createElement(UTLabel,{colorTheme:"error",variant:"small"},null==meta?void 0:meta.error))};UTSwitch.propTypes={classes:objectOf(string),classNames:objectOf(string),disabled:bool,field:fieldType,input:inputPropTypes.isRequired,meta:metaPropTypes,showErrors:bool};export default WithTheme(retrieveStyle)(UTSwitch);

package/dist/esm/components/UTSwitch/versions/V0/theme.js

@@ -1,132 +1 @@
-import { getIn } from 'seamless-immutable';
-import Colors from '../../../../scss/variables/colors.module.scss';
-export const retrieveStyle = _ref => {
-  let {
-    theme
-  } = _ref;
-  return {
-    outerContainer: {
-      alignItems: getIn(theme, ['UTSwitch', 'outerContainer', 'alignItems'], 'center'),
-      color: getIn(theme, ['UTSwitch', 'outerContainer', 'color']),
-      columnGap: getIn(theme, ['UTSwitch', 'outerContainer', 'columnGap']),
-      display: getIn(theme, ['UTSwitch', 'outerContainer', 'display'], 'flex')
-    },
-    container: {
-      boxSizing: getIn(theme, ['UTSwitch', 'container', 'boxSizing'], 'border-box'),
-      cursor: getIn(theme, ['UTSwitch', 'container', 'cursor'], 'pointer'),
-      height: getIn(theme, ['UTSwitch', 'container', 'height'], '26px'),
-      position: getIn(theme, ['UTSwitch', 'container', 'position'], 'relative'),
-      flexShrink: getIn(theme, ['UTSwitch', 'container', 'flexShrink'], '0'),
-      width: getIn(theme, ['UTSwitch', 'container', 'width'], '54px'),
-      '&.disabled': {
-        cursor: getIn(theme, ['UTSwitch', 'container', 'disabled', 'cursor'], 'default')
-      },
-      padding: getIn(theme, ['UTSwitch', 'container', 'padding']),
-      margin: getIn(theme, ['UTSwitch', 'container', 'margin']),
-      '&:hover > $sliderContainer > $sliderBack': {
-        backgroundColor: getIn(theme, ['UTSwitch', 'sliderBack', 'hover', 'backgroundColor'], Colors.switchGrayHover)
-      },
-      '&:hover > $sliderContainer > $sliderHover': {
-        backgroundColor: getIn(theme, ['UTSwitch', 'sliderHover', 'hover', 'backgroundColor'], Colors.switchHover)
-      },
-      '&:hover > $sliderContainer > $slider': {
-        backgroundColor: getIn(theme, ['UTSwitch', 'slider', 'hover', 'backgroundColor'], getIn(['UTSwitch', 'slider', 'backgroundColor'], Colors.switchGrayHover))
-      },
-      '&:Active > $sliderContainer > $sliderHover': {
-        backgroundColor: getIn(theme, ['UTSwitch', 'sliderHover', 'active', 'backgroundColor'], Colors.switchActive)
-      }
-    },
-    textContainer: {
-      boxSizing: getIn(theme, ['UTSwitch', 'textContainer', 'boxSizing'], 'border-box'),
-      display: getIn(theme, ['UTSwitch', 'textContainer', 'display'], 'flex'),
-      height: getIn(theme, ['UTSwitch', 'textContainer', 'height'], '100%'),
-      width: getIn(theme, ['UTSwitch', 'textContainer', 'width'], '100%'),
-      position: getIn(theme, ['UTSwitch', 'textContainer', 'position'], 'absolute'),
-      padding: getIn(theme, ['UTSwitch', 'textContainer', 'padding'], '0'),
-      justifyContent: getIn(theme, ['UTSwitch', 'textContainer', 'justifyContent'], 'space-evenly'),
-      alignItems: getIn(theme, ['UTSwitch', 'textContainer', 'alignItems'], 'center')
-    },
-    checkedText: {
-      opacity: getIn(theme, ['UTSwitch', 'checkedText', 'opacity'], '0'),
-      color: getIn(theme, ['UTSwitch', 'checkedText', 'color'], Colors.white),
-      fontSize: getIn(theme, ['UTSwitch', 'checkedText', 'fontSize'], getIn(theme, ['Fonts', 'small'])),
-      fontWeight: getIn(theme, ['UTSwitch', 'checkedText', 'fontWeight'], 500)
-    },
-    uncheckedText: {
-      transition: getIn(theme, ['UTSwitch', 'uncheckedText', 'transition'], 'all 0.3s ease'),
-      opacity: getIn(theme, ['UTSwitch', 'uncheckedText', 'opacity'], '1'),
-      color: getIn(theme, ['UTSwitch', 'uncheckedText', 'color'], Colors.gray2),
-      fontSize: getIn(theme, ['UTSwitch', 'uncheckedText', 'fontSize'], getIn(theme, ['Fonts', 'small'])),
-      fontWeight: getIn(theme, ['UTSwitch', 'uncheckedText', 'fontWeight'], 500)
-    },
-    sliderContainer: {
-      height: getIn(theme, ['UTSwitch', 'sliderContainer', 'height'], '100%'),
-      width: getIn(theme, ['UTSwitch', 'sliderContainer', 'width'], '100%'),
-      display: getIn(theme, ['UTSwitch', 'sliderContainer', 'display'], 'flex'),
-      justifyContent: getIn(theme, ['UTSwitch', 'sliderContainer', 'justifyContent'], 'center'),
-      alignItems: getIn(theme, ['UTSwitch', 'sliderContainer', 'alignItems'], 'center')
-    },
-    disabled: {
-      filter: getIn(theme, ['UTSwitch', 'disabled', 'filter'], 'grayscale(1) contrast(0.5) brightness(1.2)'),
-      pointerEvents: getIn(theme, ['UTSwitch', 'disabled', 'pointerEvents'], 'none')
-    },
-    slider: {
-      backgroundColor: getIn(theme, ['UTSwitch', 'slider', 'backgroundColor'], Colors.switchGray),
-      borderRadius: getIn(theme, ['UTSwitch', 'slider', 'borderRadius'], '26px'),
-      height: getIn(theme, ['UTSwitch', 'slider', 'height'], '18px'),
-      width: getIn(theme, ['UTSwitch', 'slider', 'width'], '18px'),
-      marginLeft: getIn(theme, ['UTSwitch', 'slider', 'marginLeft'], '-28px'),
-      zIndex: getIn(theme, ['UTSwitch', 'slider', 'zIndex'], '0'),
-      boxShadow: getIn(theme, ['UTSwitch', 'slider', 'boxShadow'], 'none'),
-      pointerEvents: getIn(theme, ['UTSwitch', 'slider', 'pointerEvents'], 'none'),
-      transition: getIn(theme, ['UTSwitch', 'slider', 'transition'], 'all 0.3s ease-in-out')
-    },
-    sliderHover: {
-      backgroundColor: getIn(theme, ['UTSwitch', 'sliderHover', 'backgroundColor'], Colors.transparent),
-      transition: getIn(theme, ['UTSwitch', 'slider', 'transition'], 'all 0.3s ease-in-out'),
-      position: getIn(theme, ['UTSwitch', 'sliderHover', 'position'], 'absolute'),
-      width: getIn(theme, ['UTSwitch', 'sliderHover', 'width'], '40px'),
-      height: getIn(theme, ['UTSwitch', 'sliderHover', 'height'], '40px'),
-      marginLeft: getIn(theme, ['UTSwitch', 'slider', 'marginLeft'], '-28px'),
-      borderRadius: getIn(theme, ['UTSwitch', 'sliderHover', 'borderRadius'], '50%')
-    },
-    sliderBack: {
-      backgroundColor: getIn(theme, ['UTSwitch', 'sliderBack', 'backgroundColor'], Colors.white),
-      borderRadius: getIn(theme, ['UTSwitch', 'sliderBack', 'borderRadius'], '26px'),
-      border: getIn(theme, ['UTSwitch', 'sliderBack', 'border'], "1px solid ".concat(Colors.switchGray)),
-      height: getIn(theme, ['UTSwitch', 'sliderBack', 'height'], '100%'),
-      width: getIn(theme, ['UTSwitch', 'sliderBack', 'width'], '100%'),
-      position: getIn(theme, ['UTSwitch', 'sliderBack', 'position'], 'absolute'),
-      boxShadow: getIn(theme, ['UTSwitch', 'sliderBack', 'boxShadow'], 'none'),
-      transition: getIn(theme, ['UTSwitch', 'sliderBack', 'transition'], 'all 0.3s ease-in-out')
-    },
-    input: {
-      height: getIn(theme, ['UTSwitch', 'input', 'height'], '0'),
-      opacity: getIn(theme, ['UTSwitch', 'input', 'opacity'], '0'),
-      width: getIn(theme, ['UTSwitch', 'input', 'width'], '0'),
-      position: getIn(theme, ['UTSwitch', 'input', 'position'], 'absolute'),
-      '&:checked ~ $sliderContainer > $sliderBack': {
-        backgroundColor: getIn(theme, ['UTSwitch', 'sliderBack', 'checkedSlider', 'backgroundColor'], Colors.blue),
-        border: getIn(theme, ['UTSwitch', 'sliderBack', 'checkedSlider', 'border'], "1px solid ".concat(Colors.blue))
-      },
-      '&:checked ~ $sliderContainer:hover > $sliderBack': {
-        backgroundColor: getIn(theme, ['UTSwitch', 'sliderBack', 'checkedSlider', 'hover', 'backgroundColor'], Colors.darkBlue),
-        border: getIn(theme, ['UTSwitch', 'sliderBack', 'checkedSlider', 'hover', 'border'])
-      },
-      '&:checked ~ $sliderContainer > $sliderHover': {
-        transform: getIn(theme, ['UTSwitch', 'slider', 'checkedSlider', 'transform'], 'translateX(27px)')
-      },
-      '&:checked ~ $sliderContainer > $slider': {
-        transform: getIn(theme, ['UTSwitch', 'slider', 'checkedSlider', 'transform'], 'translateX(27px)'),
-        backgroundColor: getIn(theme, ['UTSwitch', 'slider', 'checkedSlider', 'backgroundColor'], Colors.switchGray)
-      },
-      '&:checked ~ $sliderContainer > $textContainer > $checkedText': {
-        transition: getIn(theme, ['UTSwitch', 'checkedText', 'checked', 'transition'], 'all 0.3s ease'),
-        opacity: getIn(theme, ['UTSwitch', 'checkedText', 'checked', 'opacity'], '1')
-      },
-      '&:checked ~ $sliderContainer > $textContainer > $uncheckedText': {
-        opacity: getIn(theme, ['UTSwitch', 'uncheckedText', 'checked', 'opacity'], '0')
-      }
-    }
-  };
-};
+import{getIn}from"seamless-immutable";import Colors from"../../../../scss/variables/colors.module.scss";export const retrieveStyle=_ref=>{let{theme:theme}=_ref;return{outerContainer:{alignItems:getIn(theme,["UTSwitch","outerContainer","alignItems"],"center"),color:getIn(theme,["UTSwitch","outerContainer","color"]),columnGap:getIn(theme,["UTSwitch","outerContainer","columnGap"]),display:getIn(theme,["UTSwitch","outerContainer","display"],"flex")},container:{boxSizing:getIn(theme,["UTSwitch","container","boxSizing"],"border-box"),cursor:getIn(theme,["UTSwitch","container","cursor"],"pointer"),height:getIn(theme,["UTSwitch","container","height"],"26px"),position:getIn(theme,["UTSwitch","container","position"],"relative"),flexShrink:getIn(theme,["UTSwitch","container","flexShrink"],"0"),width:getIn(theme,["UTSwitch","container","width"],"54px"),"&.disabled":{cursor:getIn(theme,["UTSwitch","container","disabled","cursor"],"default")},padding:getIn(theme,["UTSwitch","container","padding"]),margin:getIn(theme,["UTSwitch","container","margin"]),"&:hover > $sliderContainer > $sliderBack":{backgroundColor:getIn(theme,["UTSwitch","sliderBack","hover","backgroundColor"],Colors.switchGrayHover)},"&:hover > $sliderContainer > $sliderHover":{backgroundColor:getIn(theme,["UTSwitch","sliderHover","hover","backgroundColor"],Colors.switchHover)},"&:hover > $sliderContainer > $slider":{backgroundColor:getIn(theme,["UTSwitch","slider","hover","backgroundColor"],getIn(["UTSwitch","slider","backgroundColor"],Colors.switchGrayHover))},"&:Active > $sliderContainer > $sliderHover":{backgroundColor:getIn(theme,["UTSwitch","sliderHover","active","backgroundColor"],Colors.switchActive)}},textContainer:{boxSizing:getIn(theme,["UTSwitch","textContainer","boxSizing"],"border-box"),display:getIn(theme,["UTSwitch","textContainer","display"],"flex"),height:getIn(theme,["UTSwitch","textContainer","height"],"100%"),width:getIn(theme,["UTSwitch","textContainer","width"],"100%"),position:getIn(theme,["UTSwitch","textContainer","position"],"absolute"),padding:getIn(theme,["UTSwitch","textContainer","padding"],"0"),justifyContent:getIn(theme,["UTSwitch","textContainer","justifyContent"],"space-evenly"),alignItems:getIn(theme,["UTSwitch","textContainer","alignItems"],"center")},checkedText:{opacity:getIn(theme,["UTSwitch","checkedText","opacity"],"0"),color:getIn(theme,["UTSwitch","checkedText","color"],Colors.white),fontSize:getIn(theme,["UTSwitch","checkedText","fontSize"],getIn(theme,["Fonts","small"])),fontWeight:getIn(theme,["UTSwitch","checkedText","fontWeight"],500)},uncheckedText:{transition:getIn(theme,["UTSwitch","uncheckedText","transition"],"all 0.3s ease"),opacity:getIn(theme,["UTSwitch","uncheckedText","opacity"],"1"),color:getIn(theme,["UTSwitch","uncheckedText","color"],Colors.gray2),fontSize:getIn(theme,["UTSwitch","uncheckedText","fontSize"],getIn(theme,["Fonts","small"])),fontWeight:getIn(theme,["UTSwitch","uncheckedText","fontWeight"],500)},sliderContainer:{height:getIn(theme,["UTSwitch","sliderContainer","height"],"100%"),width:getIn(theme,["UTSwitch","sliderContainer","width"],"100%"),display:getIn(theme,["UTSwitch","sliderContainer","display"],"flex"),justifyContent:getIn(theme,["UTSwitch","sliderContainer","justifyContent"],"center"),alignItems:getIn(theme,["UTSwitch","sliderContainer","alignItems"],"center")},disabled:{filter:getIn(theme,["UTSwitch","disabled","filter"],"grayscale(1) contrast(0.5) brightness(1.2)"),pointerEvents:getIn(theme,["UTSwitch","disabled","pointerEvents"],"none")},slider:{backgroundColor:getIn(theme,["UTSwitch","slider","backgroundColor"],Colors.switchGray),borderRadius:getIn(theme,["UTSwitch","slider","borderRadius"],"26px"),height:getIn(theme,["UTSwitch","slider","height"],"18px"),width:getIn(theme,["UTSwitch","slider","width"],"18px"),marginLeft:getIn(theme,["UTSwitch","slider","marginLeft"],"-28px"),zIndex:getIn(theme,["UTSwitch","slider","zIndex"],"0"),boxShadow:getIn(theme,["UTSwitch","slider","boxShadow"],"none"),pointerEvents:getIn(theme,["UTSwitch","slider","pointerEvents"],"none"),transition:getIn(theme,["UTSwitch","slider","transition"],"all 0.3s ease-in-out")},sliderHover:{backgroundColor:getIn(theme,["UTSwitch","sliderHover","backgroundColor"],Colors.transparent),transition:getIn(theme,["UTSwitch","slider","transition"],"all 0.3s ease-in-out"),position:getIn(theme,["UTSwitch","sliderHover","position"],"absolute"),width:getIn(theme,["UTSwitch","sliderHover","width"],"40px"),height:getIn(theme,["UTSwitch","sliderHover","height"],"40px"),marginLeft:getIn(theme,["UTSwitch","slider","marginLeft"],"-28px"),borderRadius:getIn(theme,["UTSwitch","sliderHover","borderRadius"],"50%")},sliderBack:{backgroundColor:getIn(theme,["UTSwitch","sliderBack","backgroundColor"],Colors.white),borderRadius:getIn(theme,["UTSwitch","sliderBack","borderRadius"],"26px"),border:getIn(theme,["UTSwitch","sliderBack","border"],"1px solid ".concat(Colors.switchGray)),height:getIn(theme,["UTSwitch","sliderBack","height"],"100%"),width:getIn(theme,["UTSwitch","sliderBack","width"],"100%"),position:getIn(theme,["UTSwitch","sliderBack","position"],"absolute"),boxShadow:getIn(theme,["UTSwitch","sliderBack","boxShadow"],"none"),transition:getIn(theme,["UTSwitch","sliderBack","transition"],"all 0.3s ease-in-out")},input:{height:getIn(theme,["UTSwitch","input","height"],"0"),opacity:getIn(theme,["UTSwitch","input","opacity"],"0"),width:getIn(theme,["UTSwitch","input","width"],"0"),position:getIn(theme,["UTSwitch","input","position"],"absolute"),"&:checked ~ $sliderContainer > $sliderBack":{backgroundColor:getIn(theme,["UTSwitch","sliderBack","checkedSlider","backgroundColor"],Colors.blue),border:getIn(theme,["UTSwitch","sliderBack","checkedSlider","border"],"1px solid ".concat(Colors.blue))},"&:checked ~ $sliderContainer:hover > $sliderBack":{backgroundColor:getIn(theme,["UTSwitch","sliderBack","checkedSlider","hover","backgroundColor"],Colors.darkBlue),border:getIn(theme,["UTSwitch","sliderBack","checkedSlider","hover","border"])},"&:checked ~ $sliderContainer > $sliderHover":{transform:getIn(theme,["UTSwitch","slider","checkedSlider","transform"],"translateX(27px)")},"&:checked ~ $sliderContainer > $slider":{transform:getIn(theme,["UTSwitch","slider","checkedSlider","transform"],"translateX(27px)"),backgroundColor:getIn(theme,["UTSwitch","slider","checkedSlider","backgroundColor"],Colors.switchGray)},"&:checked ~ $sliderContainer > $textContainer > $checkedText":{transition:getIn(theme,["UTSwitch","checkedText","checked","transition"],"all 0.3s ease"),opacity:getIn(theme,["UTSwitch","checkedText","checked","opacity"],"1")},"&:checked ~ $sliderContainer > $textContainer > $uncheckedText":{opacity:getIn(theme,["UTSwitch","uncheckedText","checked","opacity"],"0")}}}};

package/dist/esm/components/UTSwitch/versions/V1/constants.js

@@ -1,6 +1 @@
-export const STATES = {
-  ON: 'SI',
-  OFF: 'NO'
-};
-export const DEFAULT_SWITCH_ID = 'switch';
-export const TRUE = 'true';
+export const STATES={ON:"SI",OFF:"NO"};export const DEFAULT_SWITCH_ID="switch";export const TRUE="true";

package/dist/esm/components/UTSwitch/versions/V1/index.js

@@ -1,94 +1 @@
-import React, { Fragment, useEffect, useMemo, useCallback } from 'react';
-import { bool, string, objectOf, arrayOf, object, func } from 'prop-types';
-import isEmpty from 'lodash/isEmpty';
-import { v4 as uuid4 } from 'uuid';
-import { formatErrorToValidation } from '../../../UTValidation/utils.js';
-import UTValidation from '../../../UTValidation';
-import WithTheme from '../../../WithTheme/index.js';
-import { mergeClasses } from '../../../../utils/classesUtils.js';
-import UTLabel from '../../../UTLabel/index.js';
-import styles from './styles.module.scss';
-import { retrieveStyle } from './theme';
-import { STATES, TRUE } from './constants.js';
-const UTSwitch = _ref => {
-  let {
-    classes: themeClasses = {},
-    classNames,
-    dataTestId,
-    disabled = false,
-    error,
-    key,
-    onChange,
-    options = [],
-    reverse = false,
-    textOff,
-    textOn,
-    value,
-    withText = false
-  } = _ref;
-  const switchId = useMemo(() => key || uuid4(), []);
-  const classes = useMemo(() => mergeClasses(themeClasses, classNames), [themeClasses, classNames]);
-  const useFieldOptions = options && !isEmpty(options);
-  const [currentOption, switchedOption] = useFieldOptions ? [...options].sort((_, _ref2) => {
-    let {
-      value: optionValue,
-      name
-    } = _ref2;
-    return [optionValue, name === TRUE].includes(value) ? 1 : -1;
-  }) : [];
-  const handleOnChange = useCallback(() => {
-    if (useFieldOptions) {
-      onChange(switchedOption === null || switchedOption === void 0 ? void 0 : switchedOption.value);
-    } else {
-      onChange();
-    }
-  }, [useFieldOptions, switchedOption === null || switchedOption === void 0 ? void 0 : switchedOption.value, onChange]);
-  useEffect(() => {
-    if (useFieldOptions && value === false) {
-      onChange(currentOption === null || currentOption === void 0 ? void 0 : currentOption.value);
-    }
-  }, [useFieldOptions, value, currentOption === null || currentOption === void 0 ? void 0 : currentOption.value, onChange]);
-  const textOnLabel = textOn || STATES.ON;
-  const textOffLabel = textOff || STATES.OFF;
-  const validationData = useMemo(() => error && formatErrorToValidation(error), [error]);
-  return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: styles.outerContainer,
-    "data-testid": dataTestId
-  }, reverse && withText && /*#__PURE__*/React.createElement(UTLabel, null, value ? textOnLabel : textOffLabel), /*#__PURE__*/React.createElement("label", {
-    htmlFor: switchId,
-    className: "".concat(styles.container, " ").concat(classes.container, " ").concat(disabled ? styles.disabled : ''),
-    "aria-label": "".concat(textOnLabel, " / ").concat(textOffLabel)
-  }, /*#__PURE__*/React.createElement("input", {
-    className: "".concat(styles.input, " ").concat(classes.input),
-    id: switchId,
-    type: "checkbox",
-    checked: useFieldOptions ? currentOption.name === TRUE : value,
-    value: useFieldOptions ? currentOption.value : value,
-    onChange: handleOnChange,
-    disabled: disabled
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "".concat(styles.sliderContainer, " ").concat(classes.sliderContainer, " ").concat(disabled && classes.disabled)
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "".concat(styles.sliderBack, " ").concat(classes.sliderBack, " ").concat(disabled && classes.disabled)
-  }), /*#__PURE__*/React.createElement("span", {
-    className: "".concat(styles.slider, " ").concat(classes.slider, " ").concat(disabled && classes.disabled)
-  }))), !reverse && withText && /*#__PURE__*/React.createElement(UTLabel, null, value ? textOnLabel : textOffLabel)), validationData && /*#__PURE__*/React.createElement(UTValidation, {
-    validationData: validationData
-  }));
-};
-UTSwitch.propTypes = {
-  classes: objectOf(string),
-  classNames: objectOf(string),
-  dataTestId: string,
-  disabled: bool,
-  error: string,
-  key: string,
-  onChange: func,
-  options: arrayOf(object),
-  reverse: bool,
-  textOff: string,
-  textOn: string,
-  value: bool,
-  withText: bool
-};
-export default WithTheme(retrieveStyle)(UTSwitch);
+import React,{Fragment,useEffect,useMemo,useCallback}from"react";import{bool,string,objectOf,arrayOf,object,func}from"prop-types";import isEmpty from"lodash/isEmpty";import{v4 as uuid4}from"uuid";import{formatErrorToValidation}from"../../../UTValidation/utils.js";import UTValidation from"../../../UTValidation";import WithTheme from"../../../WithTheme/index.js";import{mergeClasses}from"../../../../utils/classesUtils.js";import UTLabel from"../../../UTLabel/index.js";import styles from"./styles.module.scss";import{retrieveStyle}from"./theme";import{STATES,TRUE}from"./constants.js";const UTSwitch=_ref=>{let{classes:themeClasses={},classNames:classNames,dataTestId:dataTestId,disabled:disabled=!1,error:error,key:key,onChange:onChange,options:options=[],reverse:reverse=!1,textOff:textOff,textOn:textOn,value:value,withText:withText=!1}=_ref;const switchId=useMemo(()=>key||uuid4(),[]),classes=useMemo(()=>mergeClasses(themeClasses,classNames),[themeClasses,classNames]),useFieldOptions=options&&!isEmpty(options),[currentOption,switchedOption]=useFieldOptions?[...options].sort((_,_ref2)=>{let{value:optionValue,name:name}=_ref2;return[optionValue,name===TRUE].includes(value)?1:-1}):[],handleOnChange=useCallback(()=>{useFieldOptions?onChange(null==switchedOption?void 0:switchedOption.value):onChange()},[useFieldOptions,null==switchedOption?void 0:switchedOption.value,onChange]);useEffect(()=>{useFieldOptions&&!1===value&&onChange(null==currentOption?void 0:currentOption.value)},[useFieldOptions,value,null==currentOption?void 0:currentOption.value,onChange]);const textOnLabel=textOn||STATES.ON,textOffLabel=textOff||STATES.OFF,validationData=useMemo(()=>error&&formatErrorToValidation(error),[error]);return React.createElement(Fragment,null,React.createElement("div",{className:styles.outerContainer,"data-testid":dataTestId},reverse&&withText&&React.createElement(UTLabel,null,value?textOnLabel:textOffLabel),React.createElement("label",{htmlFor:switchId,className:"".concat(styles.container," ").concat(classes.container," ").concat(disabled?styles.disabled:""),"aria-label":"".concat(textOnLabel," / ").concat(textOffLabel)},React.createElement("input",{className:"".concat(styles.input," ").concat(classes.input),id:switchId,type:"checkbox",checked:useFieldOptions?currentOption.name===TRUE:value,value:useFieldOptions?currentOption.value:value,onChange:handleOnChange,disabled:disabled}),React.createElement("span",{className:"".concat(styles.sliderContainer," ").concat(classes.sliderContainer," ").concat(disabled&&classes.disabled)},React.createElement("span",{className:"".concat(styles.sliderBack," ").concat(classes.sliderBack," ").concat(disabled&&classes.disabled)}),React.createElement("span",{className:"".concat(styles.slider," ").concat(classes.slider," ").concat(disabled&&classes.disabled)}))),!reverse&&withText&&React.createElement(UTLabel,null,value?textOnLabel:textOffLabel)),validationData&&React.createElement(UTValidation,{validationData:validationData}))};UTSwitch.propTypes={classes:objectOf(string),classNames:objectOf(string),dataTestId:string,disabled:bool,error:string,key:string,onChange:func,options:arrayOf(object),reverse:bool,textOff:string,textOn:string,value:bool,withText:bool};export default WithTheme(retrieveStyle)(UTSwitch);

package/dist/esm/components/UTSwitch/versions/V1/theme.js

@@ -1,45 +1 @@
-export const retrieveStyle = _ref => {
-  var _theme$Palette;
-  let {
-    theme
-  } = _ref;
-  const actionPaletteColors = ((_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette.actions) || theme.Palette;
-  const paletteColors = theme.Palette;
-  const actionTheme = actionPaletteColors.accent || paletteColors.accent;
-  const grayTheme = actionPaletteColors.gray || paletteColors.gray;
-  const neutralTheme = actionPaletteColors.neutral || paletteColors.neutral;
-  const lightTheme = actionPaletteColors.light || paletteColors.light;
-  return {
-    sliderContainer: {
-      '&:hover > $sliderBack': {
-        backgroundColor: neutralTheme['01'],
-        border: "1px solid ".concat(neutralTheme['04'])
-      },
-      '&:hover > $slider': {
-        backgroundColor: grayTheme['04']
-      }
-    },
-    slider: {
-      backgroundColor: grayTheme['04']
-    },
-    sliderBack: {
-      backgroundColor: lightTheme['01'],
-      border: "1px solid ".concat(grayTheme['04'])
-    },
-    input: {
-      '&:checked': {
-        '& ~ $sliderContainer > $sliderBack': {
-          backgroundColor: actionTheme['04'],
-          border: "1px solid ".concat(actionTheme['04'])
-        },
-        '& ~ $sliderContainer:hover > $sliderBack': {
-          backgroundColor: actionTheme['03'],
-          border: "1px solid ".concat(actionTheme['04'])
-        },
-        '& ~ $sliderContainer > $slider': {
-          backgroundColor: actionTheme['01']
-        }
-      }
-    }
-  };
-};
+export const retrieveStyle=_ref=>{var _theme$Palette;let{theme:theme}=_ref;const actionPaletteColors=(null===(_theme$Palette=theme.Palette)||void 0===_theme$Palette?void 0:_theme$Palette.actions)||theme.Palette,paletteColors=theme.Palette,actionTheme=actionPaletteColors.accent||paletteColors.accent,grayTheme=actionPaletteColors.gray||paletteColors.gray,neutralTheme=actionPaletteColors.neutral||paletteColors.neutral,lightTheme=actionPaletteColors.light||paletteColors.light;return{sliderContainer:{"&:hover > $sliderBack":{backgroundColor:neutralTheme["01"],border:"1px solid ".concat(neutralTheme["04"])},"&:hover > $slider":{backgroundColor:grayTheme["04"]}},slider:{backgroundColor:grayTheme["04"]},sliderBack:{backgroundColor:lightTheme["01"],border:"1px solid ".concat(grayTheme["04"])},input:{"&:checked":{"& ~ $sliderContainer > $sliderBack":{backgroundColor:actionTheme["04"],border:"1px solid ".concat(actionTheme["04"])},"& ~ $sliderContainer:hover > $sliderBack":{backgroundColor:actionTheme["03"],border:"1px solid ".concat(actionTheme["04"])},"& ~ $sliderContainer > $slider":{backgroundColor:actionTheme["01"]}}}}};

package/dist/esm/components/UTTable/components/ActionIcons/constants.js

@@ -1 +1 @@
-export const DEAULT_LOADING_SIZE = 24;
+export const DEAULT_LOADING_SIZE=24;

package/dist/esm/components/UTTable/components/ActionIcons/index.js

@@ -1,101 +1 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-import CircularProgress from '@material-ui/core/CircularProgress';
-import React, { memo, useState, Fragment } from 'react';
-import { isEmpty } from '@widergy/web-utils/lib/array';
-import { object, string } from 'prop-types';
-import UTIcon from '../../../UTIcon';
-import UTMenu from '../../../UTMenu';
-import UTTooltip from '../../../UTTooltip';
-import { columnType, classesType } from '../../types';
-import styles from './styles.module.scss';
-import { DEAULT_LOADING_SIZE } from './constants';
-const ActionIcons = _ref => {
-  let {
-    classes,
-    column,
-    dataTestId,
-    rowData
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Fragment, null, column.actions.map((_ref2, i) => {
-    let {
-      Icon,
-      buttonClassName,
-      disabledIconClassName,
-      disabledTooltip,
-      iconClassName,
-      iconName = '',
-      iconProps,
-      isDisabled = () => false,
-      isLoading = () => false,
-      isVisible = () => true,
-      key,
-      loadingClassName,
-      loadingSize = DEAULT_LOADING_SIZE,
-      menuItems = [],
-      onClick,
-      tooltip,
-      tooltipProps = {},
-      withMenuDivider
-    } = _ref2;
-    const [menuAnchor, setMenuAnchor] = useState();
-    const [menuRowContextData, setMenuRowConextData] = useState();
-    const openMenu = event => setMenuAnchor(event.currentTarget);
-    const closeMenu = () => setMenuAnchor();
-    const handleActionClick = (event, eventRowData) => {
-      if (isEmpty(menuItems)) onClick(eventRowData);else {
-        setMenuRowConextData({
-          ...eventRowData,
-          clickCallback: closeMenu
-        });
-        openMenu(event);
-      }
-    };
-    const visibleMenuItems = menuItems.filter(menuItem => !menuItem.isVisible || menuItem.isVisible(rowData)).map(menuItem => ({
-      ...menuItem,
-      disabled: menuItem.isDisabled && menuItem.isDisabled(rowData)
-    }));
-    const getDisabledTooltip = () => typeof disabledTooltip === 'function' ? disabledTooltip(rowData) : disabledTooltip;
-    const tooltipContent = isDisabled(rowData) && disabledTooltip ? getDisabledTooltip() : tooltip;
-    const tippyProps = {
-      appendTo: () => document.body,
-      interactive: false,
-      ...tooltipProps
-    };
-    return isVisible(rowData) && /*#__PURE__*/React.createElement(UTTooltip, {
-      content: tooltipContent,
-      key: key,
-      stringContentClassName: styles.tooltip,
-      stringContentProps: tooltipProps === null || tooltipProps === void 0 ? void 0 : tooltipProps.stringContentProps,
-      tippyProps: tippyProps
-    }, /*#__PURE__*/React.createElement("span", null, /*#__PURE__*/React.createElement("div", {
-      className: "".concat(styles.iconButton, " ").concat(classes.actionIconButton, " \n                  ").concat((isDisabled(rowData) || isLoading(rowData)) && styles.disabled, " ").concat(buttonClassName),
-      "data-testid": "".concat(dataTestId, ".").concat(i),
-      onClick: event => handleActionClick(event, rowData),
-      role: "button"
-    }, isLoading(rowData) ? /*#__PURE__*/React.createElement(CircularProgress, {
-      className: "".concat(classes.actionLoading, " ").concat(loadingClassName),
-      size: loadingSize
-    }) : isEmpty(iconName) ? /*#__PURE__*/React.createElement(Icon, {
-      className: "\n                        ".concat(styles.actionIcon, "\n                        ").concat(classes.actionIcon, "\n                        ").concat(iconClassName, "\n                        ").concat(isDisabled(rowData) && disabledIconClassName)
-    }) : /*#__PURE__*/React.createElement(UTIcon, _extends({
-      name: iconName
-    }, iconProps, {
-      className: "".concat(iconClassName, " ").concat(isDisabled(rowData) ? disabledIconClassName : '', " ").concat((iconProps === null || iconProps === void 0 ? void 0 : iconProps.className) || '')
-    }))), !!menuAnchor && !isEmpty(menuItems) && /*#__PURE__*/React.createElement(UTMenu, {
-      anchor: menuAnchor,
-      contextData: menuRowContextData,
-      iconBefore: true,
-      items: visibleMenuItems,
-      onClose: closeMenu,
-      withDivider: withMenuDivider,
-      withMenuItem: true
-    })));
-  }));
-};
-ActionIcons.propTypes = {
-  classes: classesType,
-  column: columnType,
-  rowData: object,
-  dataTestId: string
-};
-export default /*#__PURE__*/memo(ActionIcons);
+function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}import CircularProgress from"@material-ui/core/CircularProgress";import React,{memo,useState,Fragment}from"react";import{isEmpty}from"@widergy/web-utils/lib/array";import{object,string}from"prop-types";import UTIcon from"../../../UTIcon";import UTMenu from"../../../UTMenu";import UTTooltip from"../../../UTTooltip";import{columnType,classesType}from"../../types";import styles from"./styles.module.scss";import{DEAULT_LOADING_SIZE}from"./constants";const ActionIcons=_ref=>{let{classes:classes,column:column,dataTestId:dataTestId,rowData:rowData}=_ref;return React.createElement(Fragment,null,column.actions.map((_ref2,i)=>{let{Icon:Icon,buttonClassName:buttonClassName,disabledIconClassName:disabledIconClassName,disabledTooltip:disabledTooltip,iconClassName:iconClassName,iconName:iconName="",iconProps:iconProps,isDisabled:isDisabled=()=>!1,isLoading:isLoading=()=>!1,isVisible:isVisible=()=>!0,key:key,loadingClassName:loadingClassName,loadingSize:loadingSize=DEAULT_LOADING_SIZE,menuItems:menuItems=[],onClick:onClick,tooltip:tooltip,tooltipProps:tooltipProps={},withMenuDivider:withMenuDivider}=_ref2;const[menuAnchor,setMenuAnchor]=useState(),[menuRowContextData,setMenuRowConextData]=useState(),closeMenu=()=>setMenuAnchor(),handleActionClick=(event,eventRowData)=>{isEmpty(menuItems)?onClick(eventRowData):(setMenuRowConextData({...eventRowData,clickCallback:closeMenu}),(event=>{setMenuAnchor(event.currentTarget)})(event))},visibleMenuItems=menuItems.filter(menuItem=>!menuItem.isVisible||menuItem.isVisible(rowData)).map(menuItem=>({...menuItem,disabled:menuItem.isDisabled&&menuItem.isDisabled(rowData)})),tooltipContent=isDisabled(rowData)&&disabledTooltip?"function"==typeof disabledTooltip?disabledTooltip(rowData):disabledTooltip:tooltip,tippyProps={appendTo:()=>document.body,interactive:!1,...tooltipProps};return isVisible(rowData)&&React.createElement(UTTooltip,{content:tooltipContent,key:key,stringContentClassName:styles.tooltip,stringContentProps:null==tooltipProps?void 0:tooltipProps.stringContentProps,tippyProps:tippyProps},React.createElement("span",null,React.createElement("div",{className:"".concat(styles.iconButton," ").concat(classes.actionIconButton," \n                  ").concat((isDisabled(rowData)||isLoading(rowData))&&styles.disabled," ").concat(buttonClassName),"data-testid":"".concat(dataTestId,".").concat(i),onClick:event=>handleActionClick(event,rowData),role:"button"},isLoading(rowData)?React.createElement(CircularProgress,{className:"".concat(classes.actionLoading," ").concat(loadingClassName),size:loadingSize}):isEmpty(iconName)?React.createElement(Icon,{className:"\n                        ".concat(styles.actionIcon,"\n                        ").concat(classes.actionIcon,"\n                        ").concat(iconClassName,"\n                        ").concat(isDisabled(rowData)&&disabledIconClassName)}):React.createElement(UTIcon,_extends({name:iconName},iconProps,{className:"".concat(iconClassName," ").concat(isDisabled(rowData)?disabledIconClassName:""," ").concat((null==iconProps?void 0:iconProps.className)||"")}))),!!menuAnchor&&!isEmpty(menuItems)&&React.createElement(UTMenu,{anchor:menuAnchor,contextData:menuRowContextData,iconBefore:!0,items:visibleMenuItems,onClose:closeMenu,withDivider:withMenuDivider,withMenuItem:!0})))}))};ActionIcons.propTypes={classes:classesType,column:columnType,rowData:object,dataTestId:string};export default memo(ActionIcons);

package/dist/esm/components/UTTable/components/Cell/components/ActionButton/index.js

@@ -1,24 +1 @@
-import React, { memo } from 'react';
-import { object } from 'prop-types';
-import { objectIsEmpty } from '@widergy/web-utils/lib/object';
-import UTButton from '../../../../../UTButton';
-import { columnType } from '../../../../types';
-const ActionButton = _ref => {
-  var _column$actions;
-  let {
-    column,
-    rowData
-  } = _ref;
-  const actionConfig = (_column$actions = column.actions) === null || _column$actions === void 0 ? void 0 : _column$actions[0];
-  return !objectIsEmpty(actionConfig) && /*#__PURE__*/React.createElement(UTButton, {
-    classNames: actionConfig.buttonClassNames,
-    key: actionConfig.key,
-    onClick: () => actionConfig.onClick(rowData),
-    variant: "text"
-  }, actionConfig.text);
-};
-ActionButton.propTypes = {
-  column: columnType,
-  rowData: object
-};
-export default /*#__PURE__*/memo(ActionButton);
+import React,{memo}from"react";import{object}from"prop-types";import{objectIsEmpty}from"@widergy/web-utils/lib/object";import UTButton from"../../../../../UTButton";import{columnType}from"../../../../types";const ActionButton=_ref=>{var _column$actions;let{column:column,rowData:rowData}=_ref;const actionConfig=null===(_column$actions=column.actions)||void 0===_column$actions?void 0:_column$actions[0];return!objectIsEmpty(actionConfig)&&React.createElement(UTButton,{classNames:actionConfig.buttonClassNames,key:actionConfig.key,onClick:()=>actionConfig.onClick(rowData),variant:"text"},actionConfig.text)};ActionButton.propTypes={column:columnType,rowData:object};export default memo(ActionButton);

package/dist/esm/components/UTTable/components/Cell/index.js

@@ -1,60 +1 @@
-import React, { memo } from 'react';
-import { object, string } from 'prop-types';
-import ActionIcons from '../ActionIcons';
-import Status from '../Status';
-import { CELL_TYPES, COLUMN_POSITION } from '../../constants';
-import { classesType, columnSizesType, columnType } from '../../types';
-import ActionButton from './components/ActionButton';
-import styles from './styles.module.scss';
-const Cell = _ref => {
-  let {
-    actionDataTestId,
-    align = COLUMN_POSITION.LEFT,
-    classes,
-    column,
-    columnSizes,
-    dataTestId,
-    defaultNullValue,
-    rowData,
-    style
-  } = _ref;
-  const cellAlignStyles = column.align ? styles["".concat(column.align, "Align")] : [CELL_TYPES.ACTION_ICONS, CELL_TYPES.ACTION_BUTTON].includes(column.type) ? styles.centerAlign : styles["".concat(align, "Align")];
-  const cellStyle = {
-    width: column.withoutPadding ? style.paddingLeft + style.paddingRight + columnSizes[column.key] : columnSizes[column.key],
-    ...style,
-    paddingBottom: column.withoutPadding ? 0 : style.paddingBottom,
-    paddingLeft: column.withoutPadding ? 0 : style.paddingLeft,
-    paddingRight: column.withoutPadding ? 0 : style.paddingRight,
-    paddingTop: column.withoutPadding ? 0 : style.paddingTop
-  };
-  return /*#__PURE__*/React.createElement("div", {
-    className: " ".concat(styles.rowElement, " ").concat(cellAlignStyles, " ").concat(classes.rowCell),
-    "data-testid": dataTestId,
-    style: cellStyle
-  }, column.cellRenderer ? column.cellRenderer(rowData[column.key], rowData) : column.type === CELL_TYPES.ACTION_BUTTON ? /*#__PURE__*/React.createElement(ActionButton, {
-    column: column,
-    rowData: rowData
-  }) : column.type === CELL_TYPES.ACTION_ICONS ? /*#__PURE__*/React.createElement(ActionIcons, {
-    classes: classes,
-    column: column,
-    dataTestId: actionDataTestId,
-    rowData: rowData
-  }) : column.type === CELL_TYPES.STATUS ? /*#__PURE__*/React.createElement(Status, {
-    classes: classes,
-    definition: column.status,
-    label: rowData[column.labelKey],
-    value: rowData[column.key]
-  }) : /*#__PURE__*/React.createElement("span", null, rowData[column.key] || defaultNullValue));
-};
-Cell.propTypes = {
-  actionDataTestId: string,
-  align: string,
-  classes: classesType,
-  column: columnType,
-  columnSizes: columnSizesType,
-  dataTestId: string,
-  defaultNullValue: string,
-  rowData: object,
-  style: object
-};
-export default /*#__PURE__*/memo(Cell);
+import React,{memo}from"react";import{object,string}from"prop-types";import ActionIcons from"../ActionIcons";import Status from"../Status";import{CELL_TYPES,COLUMN_POSITION}from"../../constants";import{classesType,columnSizesType,columnType}from"../../types";import ActionButton from"./components/ActionButton";import styles from"./styles.module.scss";const Cell=_ref=>{let{actionDataTestId:actionDataTestId,align:align=COLUMN_POSITION.LEFT,classes:classes,column:column,columnSizes:columnSizes,dataTestId:dataTestId,defaultNullValue:defaultNullValue,rowData:rowData,style:style}=_ref;const cellAlignStyles=column.align?styles["".concat(column.align,"Align")]:[CELL_TYPES.ACTION_ICONS,CELL_TYPES.ACTION_BUTTON].includes(column.type)?styles.centerAlign:styles["".concat(align,"Align")],cellStyle={width:column.withoutPadding?style.paddingLeft+style.paddingRight+columnSizes[column.key]:columnSizes[column.key],...style,paddingBottom:column.withoutPadding?0:style.paddingBottom,paddingLeft:column.withoutPadding?0:style.paddingLeft,paddingRight:column.withoutPadding?0:style.paddingRight,paddingTop:column.withoutPadding?0:style.paddingTop};return React.createElement("div",{className:" ".concat(styles.rowElement," ").concat(cellAlignStyles," ").concat(classes.rowCell),"data-testid":dataTestId,style:cellStyle},column.cellRenderer?column.cellRenderer(rowData[column.key],rowData):column.type===CELL_TYPES.ACTION_BUTTON?React.createElement(ActionButton,{column:column,rowData:rowData}):column.type===CELL_TYPES.ACTION_ICONS?React.createElement(ActionIcons,{classes:classes,column:column,dataTestId:actionDataTestId,rowData:rowData}):column.type===CELL_TYPES.STATUS?React.createElement(Status,{classes:classes,definition:column.status,label:rowData[column.labelKey],value:rowData[column.key]}):React.createElement("span",null,rowData[column.key]||defaultNullValue))};Cell.propTypes={actionDataTestId:string,align:string,classes:classesType,column:columnType,columnSizes:columnSizesType,dataTestId:string,defaultNullValue:string,rowData:object,style:object};export default memo(Cell);

package/dist/esm/components/UTTable/components/HeaderCell/constants.js

@@ -1,4 +1 @@
-export const ORDER_DIRECTION = {
-  ASC: 'asc',
-  DESC: 'desc'
-};
+export const ORDER_DIRECTION={ASC:"asc",DESC:"desc"};