@widergy/energy-ui 3.173.2 → 3.173.4

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

@@ -1,55 +1 @@
-import React, { useMemo } from 'react';
-import { bool, number, object, objectOf, oneOf, string } from 'prop-types';
-import WithTheme from '../WithTheme';
-import { mergeClasses } from '../../utils/classesUtils';
-import Step from './components/Step';
-import Connectors from './components/Connectors';
-import styles from './styles.module.scss';
-import { retrieveStyle } from './theme';
-import { SIZES } from './constants';
-const UTStepper = _ref => {
-  let {
-    classes: themeClasses = {},
-    classNames,
-    currentStage,
-    stages,
-    stepperLabelProps = {},
-    stepperSize,
-    withPadding
-  } = _ref;
-  const classes = useMemo(() => mergeClasses(themeClasses, classNames), [classNames]);
-  const orderedStages = Object.values(stages).sort((a, b) => (a === null || a === void 0 ? void 0 : a.id) - (b === null || b === void 0 ? void 0 : b.id));
-  const numberOfSteps = orderedStages.length;
-  const size = stepperSize === SIZES.LARGE && orderedStages.every(stage => stage.Icon) ? SIZES.LARGE : SIZES.SMALL;
-  const isCompleted = stageNumber => stageNumber < currentStage;
-  const isActive = stageNumber => stageNumber === currentStage;
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.stepper
-  }, /*#__PURE__*/React.createElement("div", {
-    className: withPadding ? styles.paddingContainer : styles.container
-  }, orderedStages.map(stage => /*#__PURE__*/React.createElement(Step, {
-    key: stage.id,
-    classes,
-    withPadding,
-    size,
-    isCompleted,
-    isActive,
-    stage,
-    stepperLabelProps
-  })), /*#__PURE__*/React.createElement(Connectors, {
-    classes,
-    withPadding,
-    isCompleted,
-    numberOfSteps
-  })));
-};
-UTStepper.propTypes = {
-  classes: objectOf(string),
-  classNames: objectOf(string),
-  currentStage: number,
-  stages: object,
-  stepperLabelProps: object,
-  stepperSize: oneOf([SIZES.LARGE, SIZES.SMALL]),
-  withPadding: bool
-};
-export default WithTheme(retrieveStyle)(UTStepper);
+import React,{useMemo}from"react";import{bool,number,object,objectOf,oneOf,string}from"prop-types";import WithTheme from"../WithTheme";import{mergeClasses}from"../../utils/classesUtils";import Step from"./components/Step";import Connectors from"./components/Connectors";import styles from"./styles.module.scss";import{retrieveStyle}from"./theme";import{SIZES}from"./constants";const UTStepper=e=>{let{classes:t={},classNames:s,currentStage:r,stages:o,stepperLabelProps:p={},stepperSize:a,withPadding:i}=e;const m=useMemo(()=>mergeClasses(t,s),[s]),n=Object.values(o).sort((e,t)=>(null==e?void 0:e.id)-(null==t?void 0:t.id)),c=n.length,l=a===SIZES.LARGE&&n.every(e=>e.Icon)?SIZES.LARGE:SIZES.SMALL,S=e=>e<r,d=e=>e===r;return React.createElement("div",{className:styles.stepper},React.createElement("div",{className:i?styles.paddingContainer:styles.container},n.map(e=>React.createElement(Step,{key:e.id,classes:m,withPadding:i,size:l,isCompleted:S,isActive:d,stage:e,stepperLabelProps:p})),React.createElement(Connectors,{classes:m,withPadding:i,isCompleted:S,numberOfSteps:c})))};UTStepper.propTypes={classes:objectOf(string),classNames:objectOf(string),currentStage:number,stages:object,stepperLabelProps:object,stepperSize:oneOf([SIZES.LARGE,SIZES.SMALL]),withPadding:bool};export default WithTheme(retrieveStyle)(UTStepper);

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

@@ -1,42 +1 @@
-import Colors from '../../scss/variables/colors.module.scss';
-export const retrieveStyle = _ref => {
-  var _theme$Palette, _theme$Palette2, _theme$Palette3, _theme$Palette4, _theme$Palette5, _theme$Palette6, _theme$Palette7, _theme$Palette8, _theme$Palette9, _theme$Palette0, _theme$Palette1;
-  let {
-    theme
-  } = _ref;
-  return {
-    connector: {
-      backgroundColor: (_theme$Palette = theme.Palette) === null || _theme$Palette === void 0 ? void 0 : _theme$Palette.light['05']
-    },
-    coloredProgress: {
-      backgroundColor: "".concat(((_theme$Palette2 = theme.Palette) === null || _theme$Palette2 === void 0 || (_theme$Palette2 = _theme$Palette2.actions) === null || _theme$Palette2 === void 0 || (_theme$Palette2 = _theme$Palette2.accent) === null || _theme$Palette2 === void 0 ? void 0 : _theme$Palette2['04']) || theme.Palette.accent['04'], " !important")
-    },
-    stepContainerS: {
-      backgroundColor: (_theme$Palette3 = theme.Palette) === null || _theme$Palette3 === void 0 ? void 0 : _theme$Palette3.light['05'],
-      borderColor: (_theme$Palette4 = theme.Palette) === null || _theme$Palette4 === void 0 ? void 0 : _theme$Palette4.light['03']
-    },
-    stepContainerL: {
-      backgroundColor: (_theme$Palette5 = theme.Palette) === null || _theme$Palette5 === void 0 ? void 0 : _theme$Palette5.light['03']
-    },
-    activeS: {
-      backgroundColor: Colors.white,
-      borderColor: ((_theme$Palette6 = theme.Palette) === null || _theme$Palette6 === void 0 || (_theme$Palette6 = _theme$Palette6.actions) === null || _theme$Palette6 === void 0 || (_theme$Palette6 = _theme$Palette6.accent) === null || _theme$Palette6 === void 0 ? void 0 : _theme$Palette6['04']) || theme.Palette.accent['04']
-    },
-    activeL: {
-      backgroundColor: ((_theme$Palette7 = theme.Palette) === null || _theme$Palette7 === void 0 || (_theme$Palette7 = _theme$Palette7.actions) === null || _theme$Palette7 === void 0 || (_theme$Palette7 = _theme$Palette7.accent) === null || _theme$Palette7 === void 0 ? void 0 : _theme$Palette7['04']) || theme.Palette.accent['04']
-    },
-    completed: {
-      backgroundColor: ((_theme$Palette8 = theme.Palette) === null || _theme$Palette8 === void 0 || (_theme$Palette8 = _theme$Palette8.actions) === null || _theme$Palette8 === void 0 || (_theme$Palette8 = _theme$Palette8.accent) === null || _theme$Palette8 === void 0 ? void 0 : _theme$Palette8['04']) || theme.Palette.accent['04'],
-      borderColor: ((_theme$Palette9 = theme.Palette) === null || _theme$Palette9 === void 0 || (_theme$Palette9 = _theme$Palette9.actions) === null || _theme$Palette9 === void 0 || (_theme$Palette9 = _theme$Palette9.accent) === null || _theme$Palette9 === void 0 ? void 0 : _theme$Palette9['04']) || theme.Palette.accent['04']
-    },
-    activeIcon: {
-      fill: Colors.white
-    },
-    nextIcon: {
-      fill: (_theme$Palette0 = theme.Palette) === null || _theme$Palette0 === void 0 ? void 0 : _theme$Palette0.gray['04']
-    },
-    coloredLabel: {
-      color: "".concat(((_theme$Palette1 = theme.Palette) === null || _theme$Palette1 === void 0 || (_theme$Palette1 = _theme$Palette1.actions) === null || _theme$Palette1 === void 0 || (_theme$Palette1 = _theme$Palette1.accent) === null || _theme$Palette1 === void 0 ? void 0 : _theme$Palette1['04']) || theme.Palette.accent['04'], " !important")
-    }
-  };
-};
+import Colors from"../../scss/variables/colors.module.scss";export const retrieveStyle=o=>{var l,t,e,n,i,a,c,d,r,v,u;let{theme:s}=o;return{connector:{backgroundColor:null===(l=s.Palette)||void 0===l?void 0:l.light["05"]},coloredProgress:{backgroundColor:"".concat((null===(t=s.Palette)||void 0===t||null===(t=t.actions)||void 0===t||null===(t=t.accent)||void 0===t?void 0:t["04"])||s.Palette.accent["04"]," !important")},stepContainerS:{backgroundColor:null===(e=s.Palette)||void 0===e?void 0:e.light["05"],borderColor:null===(n=s.Palette)||void 0===n?void 0:n.light["03"]},stepContainerL:{backgroundColor:null===(i=s.Palette)||void 0===i?void 0:i.light["03"]},activeS:{backgroundColor:Colors.white,borderColor:(null===(a=s.Palette)||void 0===a||null===(a=a.actions)||void 0===a||null===(a=a.accent)||void 0===a?void 0:a["04"])||s.Palette.accent["04"]},activeL:{backgroundColor:(null===(c=s.Palette)||void 0===c||null===(c=c.actions)||void 0===c||null===(c=c.accent)||void 0===c?void 0:c["04"])||s.Palette.accent["04"]},completed:{backgroundColor:(null===(d=s.Palette)||void 0===d||null===(d=d.actions)||void 0===d||null===(d=d.accent)||void 0===d?void 0:d["04"])||s.Palette.accent["04"],borderColor:(null===(r=s.Palette)||void 0===r||null===(r=r.actions)||void 0===r||null===(r=r.accent)||void 0===r?void 0:r["04"])||s.Palette.accent["04"]},activeIcon:{fill:Colors.white},nextIcon:{fill:null===(v=s.Palette)||void 0===v?void 0:v.gray["04"]},coloredLabel:{color:"".concat((null===(u=s.Palette)||void 0===u||null===(u=u.actions)||void 0===u||null===(u=u.accent)||void 0===u?void 0:u["04"])||s.Palette.accent["04"]," !important")}}};

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

@@ -1,19 +1 @@
-import React from 'react';
-import { string } from 'prop-types';
-import V0 from './versions/V0';
-import V1 from './versions/V1';
-const UTSwitch = _ref => {
-  let {
-    version = 'V0',
-    ...props
-  } = _ref;
-  const Component = {
-    V0,
-    V1
-  }[version];
-  return /*#__PURE__*/React.createElement(Component, props);
-};
-UTSwitch.propTypes = {
-  version: string
-};
-export default UTSwitch;
+import React from"react";import{string}from"prop-types";import V0 from"./versions/V0";import V1 from"./versions/V1";const UTSwitch=r=>{let{version:t="V0",...e}=r;const o={V0:V0,V1:V1}[t];return React.createElement(o,e)};UTSwitch.propTypes={version:string};export default UTSwitch;

package/dist/esm/components/UTSwitch/versions/V0/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/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=e=>{let{classes:t={},classNames:a,disabled:s,field:r={},input:c={},meta:o={},showErrors:l}=e;const{value:i,onChange:n}=c,{key:m,field_options:d,configuration:p={}}=r,{textOff:T,textOn:u,insideText:f=!0,withText:E}=p,h=m||DEFAULT_SWITCH_ID,b=useMemo(()=>mergeClasses(t,a),[a]),y=d&&!isEmpty(d),[R,v]=y?[...d].sort((e,t)=>{let{value:a,name:s}=t;return[a,s===TRUE].includes(i)?1:-1}):[],S=y?()=>n(v.value):n;useEffect(()=>{y&&!1===i&&n(R.value)},[i]);const N=u||STATES.ON,g=T||STATES.OFF;return React.createElement(Fragment,null,React.createElement("div",{className:b.outerContainer},E&&!f&&g,React.createElement("label",{htmlFor:h,className:"".concat(b.container," ").concat(s&&b.disabled)},React.createElement("input",{className:b.input,id:h,type:"checkbox",checked:y?R.name===TRUE:i,value:y?R.value:i,onChange:S,disabled:s}),React.createElement("span",{className:"".concat(b.sliderContainer," ").concat(s&&b.disabled)},React.createElement("span",{className:"".concat(b.sliderBack," ").concat(s&&b.disabled)}),E&&f&&React.createElement("div",{className:b.textContainer},React.createElement("div",{className:b.checkedText},N),React.createElement("div",{className:b.uncheckedText},g)),React.createElement("span",{className:"".concat(b.sliderHover," ").concat(s&&b.disabled)}),React.createElement("span",{className:"".concat(b.slider," ").concat(s&&b.disabled)}))),E&&!f&&N),l&&o&&shouldShowErrors(o)&&React.createElement(UTLabel,{colorTheme:"error",variant:"small"},null==o?void 0:o.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=e=>{let{theme:t}=e;return{outerContainer:{alignItems:getIn(t,["UTSwitch","outerContainer","alignItems"],"center"),color:getIn(t,["UTSwitch","outerContainer","color"]),columnGap:getIn(t,["UTSwitch","outerContainer","columnGap"]),display:getIn(t,["UTSwitch","outerContainer","display"],"flex")},container:{boxSizing:getIn(t,["UTSwitch","container","boxSizing"],"border-box"),cursor:getIn(t,["UTSwitch","container","cursor"],"pointer"),height:getIn(t,["UTSwitch","container","height"],"26px"),position:getIn(t,["UTSwitch","container","position"],"relative"),flexShrink:getIn(t,["UTSwitch","container","flexShrink"],"0"),width:getIn(t,["UTSwitch","container","width"],"54px"),"&.disabled":{cursor:getIn(t,["UTSwitch","container","disabled","cursor"],"default")},padding:getIn(t,["UTSwitch","container","padding"]),margin:getIn(t,["UTSwitch","container","margin"]),"&:hover > $sliderContainer > $sliderBack":{backgroundColor:getIn(t,["UTSwitch","sliderBack","hover","backgroundColor"],Colors.switchGrayHover)},"&:hover > $sliderContainer > $sliderHover":{backgroundColor:getIn(t,["UTSwitch","sliderHover","hover","backgroundColor"],Colors.switchHover)},"&:hover > $sliderContainer > $slider":{backgroundColor:getIn(t,["UTSwitch","slider","hover","backgroundColor"],getIn(["UTSwitch","slider","backgroundColor"],Colors.switchGrayHover))},"&:Active > $sliderContainer > $sliderHover":{backgroundColor:getIn(t,["UTSwitch","sliderHover","active","backgroundColor"],Colors.switchActive)}},textContainer:{boxSizing:getIn(t,["UTSwitch","textContainer","boxSizing"],"border-box"),display:getIn(t,["UTSwitch","textContainer","display"],"flex"),height:getIn(t,["UTSwitch","textContainer","height"],"100%"),width:getIn(t,["UTSwitch","textContainer","width"],"100%"),position:getIn(t,["UTSwitch","textContainer","position"],"absolute"),padding:getIn(t,["UTSwitch","textContainer","padding"],"0"),justifyContent:getIn(t,["UTSwitch","textContainer","justifyContent"],"space-evenly"),alignItems:getIn(t,["UTSwitch","textContainer","alignItems"],"center")},checkedText:{opacity:getIn(t,["UTSwitch","checkedText","opacity"],"0"),color:getIn(t,["UTSwitch","checkedText","color"],Colors.white),fontSize:getIn(t,["UTSwitch","checkedText","fontSize"],getIn(t,["Fonts","small"])),fontWeight:getIn(t,["UTSwitch","checkedText","fontWeight"],500)},uncheckedText:{transition:getIn(t,["UTSwitch","uncheckedText","transition"],"all 0.3s ease"),opacity:getIn(t,["UTSwitch","uncheckedText","opacity"],"1"),color:getIn(t,["UTSwitch","uncheckedText","color"],Colors.gray2),fontSize:getIn(t,["UTSwitch","uncheckedText","fontSize"],getIn(t,["Fonts","small"])),fontWeight:getIn(t,["UTSwitch","uncheckedText","fontWeight"],500)},sliderContainer:{height:getIn(t,["UTSwitch","sliderContainer","height"],"100%"),width:getIn(t,["UTSwitch","sliderContainer","width"],"100%"),display:getIn(t,["UTSwitch","sliderContainer","display"],"flex"),justifyContent:getIn(t,["UTSwitch","sliderContainer","justifyContent"],"center"),alignItems:getIn(t,["UTSwitch","sliderContainer","alignItems"],"center")},disabled:{filter:getIn(t,["UTSwitch","disabled","filter"],"grayscale(1) contrast(0.5) brightness(1.2)"),pointerEvents:getIn(t,["UTSwitch","disabled","pointerEvents"],"none")},slider:{backgroundColor:getIn(t,["UTSwitch","slider","backgroundColor"],Colors.switchGray),borderRadius:getIn(t,["UTSwitch","slider","borderRadius"],"26px"),height:getIn(t,["UTSwitch","slider","height"],"18px"),width:getIn(t,["UTSwitch","slider","width"],"18px"),marginLeft:getIn(t,["UTSwitch","slider","marginLeft"],"-28px"),zIndex:getIn(t,["UTSwitch","slider","zIndex"],"0"),boxShadow:getIn(t,["UTSwitch","slider","boxShadow"],"none"),pointerEvents:getIn(t,["UTSwitch","slider","pointerEvents"],"none"),transition:getIn(t,["UTSwitch","slider","transition"],"all 0.3s ease-in-out")},sliderHover:{backgroundColor:getIn(t,["UTSwitch","sliderHover","backgroundColor"],Colors.transparent),transition:getIn(t,["UTSwitch","slider","transition"],"all 0.3s ease-in-out"),position:getIn(t,["UTSwitch","sliderHover","position"],"absolute"),width:getIn(t,["UTSwitch","sliderHover","width"],"40px"),height:getIn(t,["UTSwitch","sliderHover","height"],"40px"),marginLeft:getIn(t,["UTSwitch","slider","marginLeft"],"-28px"),borderRadius:getIn(t,["UTSwitch","sliderHover","borderRadius"],"50%")},sliderBack:{backgroundColor:getIn(t,["UTSwitch","sliderBack","backgroundColor"],Colors.white),borderRadius:getIn(t,["UTSwitch","sliderBack","borderRadius"],"26px"),border:getIn(t,["UTSwitch","sliderBack","border"],"1px solid ".concat(Colors.switchGray)),height:getIn(t,["UTSwitch","sliderBack","height"],"100%"),width:getIn(t,["UTSwitch","sliderBack","width"],"100%"),position:getIn(t,["UTSwitch","sliderBack","position"],"absolute"),boxShadow:getIn(t,["UTSwitch","sliderBack","boxShadow"],"none"),transition:getIn(t,["UTSwitch","sliderBack","transition"],"all 0.3s ease-in-out")},input:{height:getIn(t,["UTSwitch","input","height"],"0"),opacity:getIn(t,["UTSwitch","input","opacity"],"0"),width:getIn(t,["UTSwitch","input","width"],"0"),position:getIn(t,["UTSwitch","input","position"],"absolute"),"&:checked ~ $sliderContainer > $sliderBack":{backgroundColor:getIn(t,["UTSwitch","sliderBack","checkedSlider","backgroundColor"],Colors.blue),border:getIn(t,["UTSwitch","sliderBack","checkedSlider","border"],"1px solid ".concat(Colors.blue))},"&:checked ~ $sliderContainer:hover > $sliderBack":{backgroundColor:getIn(t,["UTSwitch","sliderBack","checkedSlider","hover","backgroundColor"],Colors.darkBlue),border:getIn(t,["UTSwitch","sliderBack","checkedSlider","hover","border"])},"&:checked ~ $sliderContainer > $sliderHover":{transform:getIn(t,["UTSwitch","slider","checkedSlider","transform"],"translateX(27px)")},"&:checked ~ $sliderContainer > $slider":{transform:getIn(t,["UTSwitch","slider","checkedSlider","transform"],"translateX(27px)"),backgroundColor:getIn(t,["UTSwitch","slider","checkedSlider","backgroundColor"],Colors.switchGray)},"&:checked ~ $sliderContainer > $textContainer > $checkedText":{transition:getIn(t,["UTSwitch","checkedText","checked","transition"],"all 0.3s ease"),opacity:getIn(t,["UTSwitch","checkedText","checked","opacity"],"1")},"&:checked ~ $sliderContainer > $textContainer > $uncheckedText":{opacity:getIn(t,["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=e=>{let{classes:t={},classNames:a,dataTestId:s,disabled:l=!1,error:o,key:r,onChange:c,options:n=[],reverse:i=!1,textOff:m,textOn:d,value:u,withText:p=!1}=e;const f=useMemo(()=>r||uuid4(),[]),T=useMemo(()=>mergeClasses(t,a),[t,a]),b=n&&!isEmpty(n),[E,y]=b?[...n].sort((e,t)=>{let{value:a,name:s}=t;return[a,s===TRUE].includes(u)?1:-1}):[],v=useCallback(()=>{b?c(null==y?void 0:y.value):c()},[b,null==y?void 0:y.value,c]);useEffect(()=>{b&&!1===u&&c(null==E?void 0:E.value)},[b,u,null==E?void 0:E.value,c]);const h=d||STATES.ON,g=m||STATES.OFF,U=useMemo(()=>o&&formatErrorToValidation(o),[o]);return React.createElement(Fragment,null,React.createElement("div",{className:styles.outerContainer,"data-testid":s},i&&p&&React.createElement(UTLabel,null,u?h:g),React.createElement("label",{htmlFor:f,className:"".concat(styles.container," ").concat(T.container," ").concat(l?styles.disabled:""),"aria-label":"".concat(h," / ").concat(g)},React.createElement("input",{className:"".concat(styles.input," ").concat(T.input),id:f,type:"checkbox",checked:b?E.name===TRUE:u,value:b?E.value:u,onChange:v,disabled:l}),React.createElement("span",{className:"".concat(styles.sliderContainer," ").concat(T.sliderContainer," ").concat(l&&T.disabled)},React.createElement("span",{className:"".concat(styles.sliderBack," ").concat(T.sliderBack," ").concat(l&&T.disabled)}),React.createElement("span",{className:"".concat(styles.slider," ").concat(T.slider," ").concat(l&&T.disabled)}))),!i&&p&&React.createElement(UTLabel,null,u?h:g)),U&&React.createElement(UTValidation,{validationData:U}))};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=r=>{var o;let{theme:e}=r;const l=(null===(o=e.Palette)||void 0===o?void 0:o.actions)||e.Palette,a=e.Palette,t=l.accent||a.accent,d=l.gray||a.gray,n=l.neutral||a.neutral,c=l.light||a.light;return{sliderContainer:{"&:hover > $sliderBack":{backgroundColor:n["01"],border:"1px solid ".concat(n["04"])},"&:hover > $slider":{backgroundColor:d["04"]}},slider:{backgroundColor:d["04"]},sliderBack:{backgroundColor:c["01"],border:"1px solid ".concat(d["04"])},input:{"&:checked":{"& ~ $sliderContainer > $sliderBack":{backgroundColor:t["04"],border:"1px solid ".concat(t["04"])},"& ~ $sliderContainer:hover > $sliderBack":{backgroundColor:t["03"],border:"1px solid ".concat(t["04"])},"& ~ $sliderContainer > $slider":{backgroundColor:t["01"]}}}}};

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

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