@widergy/energy-ui 3.172.1 → 3.172.3

package/dist/components/UTStepper/theme.js

@@ -1,50 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-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: _colorsModule.default.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: _colorsModule.default.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")
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;var _colorsModule=_interopRequireDefault(require("../../scss/variables/colors.module.scss"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}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:theme}=_ref;return{connector:{backgroundColor:null===(_theme$Palette=theme.Palette)||void 0===_theme$Palette?void 0:_theme$Palette.light["05"]},coloredProgress:{backgroundColor:"".concat((null===(_theme$Palette2=theme.Palette)||void 0===_theme$Palette2||null===(_theme$Palette2=_theme$Palette2.actions)||void 0===_theme$Palette2||null===(_theme$Palette2=_theme$Palette2.accent)||void 0===_theme$Palette2?void 0:_theme$Palette2["04"])||theme.Palette.accent["04"]," !important")},stepContainerS:{backgroundColor:null===(_theme$Palette3=theme.Palette)||void 0===_theme$Palette3?void 0:_theme$Palette3.light["05"],borderColor:null===(_theme$Palette4=theme.Palette)||void 0===_theme$Palette4?void 0:_theme$Palette4.light["03"]},stepContainerL:{backgroundColor:null===(_theme$Palette5=theme.Palette)||void 0===_theme$Palette5?void 0:_theme$Palette5.light["03"]},activeS:{backgroundColor:_colorsModule.default.white,borderColor:(null===(_theme$Palette6=theme.Palette)||void 0===_theme$Palette6||null===(_theme$Palette6=_theme$Palette6.actions)||void 0===_theme$Palette6||null===(_theme$Palette6=_theme$Palette6.accent)||void 0===_theme$Palette6?void 0:_theme$Palette6["04"])||theme.Palette.accent["04"]},activeL:{backgroundColor:(null===(_theme$Palette7=theme.Palette)||void 0===_theme$Palette7||null===(_theme$Palette7=_theme$Palette7.actions)||void 0===_theme$Palette7||null===(_theme$Palette7=_theme$Palette7.accent)||void 0===_theme$Palette7?void 0:_theme$Palette7["04"])||theme.Palette.accent["04"]},completed:{backgroundColor:(null===(_theme$Palette8=theme.Palette)||void 0===_theme$Palette8||null===(_theme$Palette8=_theme$Palette8.actions)||void 0===_theme$Palette8||null===(_theme$Palette8=_theme$Palette8.accent)||void 0===_theme$Palette8?void 0:_theme$Palette8["04"])||theme.Palette.accent["04"],borderColor:(null===(_theme$Palette9=theme.Palette)||void 0===_theme$Palette9||null===(_theme$Palette9=_theme$Palette9.actions)||void 0===_theme$Palette9||null===(_theme$Palette9=_theme$Palette9.accent)||void 0===_theme$Palette9?void 0:_theme$Palette9["04"])||theme.Palette.accent["04"]},activeIcon:{fill:_colorsModule.default.white},nextIcon:{fill:null===(_theme$Palette0=theme.Palette)||void 0===_theme$Palette0?void 0:_theme$Palette0.gray["04"]},coloredLabel:{color:"".concat((null===(_theme$Palette1=theme.Palette)||void 0===_theme$Palette1||null===(_theme$Palette1=_theme$Palette1.actions)||void 0===_theme$Palette1||null===(_theme$Palette1=_theme$Palette1.accent)||void 0===_theme$Palette1?void 0:_theme$Palette1["04"])||theme.Palette.accent["04"]," !important")}}};exports.retrieveStyle=retrieveStyle;

package/dist/components/UTSwitch/index.js

@@ -1,26 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _propTypes = require("prop-types");
-var _V = _interopRequireDefault(require("./versions/V0"));
-var _V2 = _interopRequireDefault(require("./versions/V1"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const UTSwitch = _ref => {
-  let {
-    version = 'V0',
-    ...props
-  } = _ref;
-  const Component = {
-    V0: _V.default,
-    V1: _V2.default
-  }[version];
-  return /*#__PURE__*/_react.default.createElement(Component, props);
-};
-UTSwitch.propTypes = {
-  version: _propTypes.string
-};
-var _default = exports.default = UTSwitch;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireDefault(require("react")),_propTypes=require("prop-types"),_V=_interopRequireDefault(require("./versions/V0")),_V2=_interopRequireDefault(require("./versions/V1"));function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}const UTSwitch=_ref=>{let{version:version="V0",...props}=_ref;const Component={V0:_V.default,V1:_V2.default}[version];return _react.default.createElement(Component,props)};UTSwitch.propTypes={version:_propTypes.string};var _default=exports.default=UTSwitch;

package/dist/components/UTSwitch/versions/V0/constants.js

@@ -1,12 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TRUE = exports.STATES = exports.DEFAULT_SWITCH_ID = void 0;
-const STATES = exports.STATES = {
-  ON: 'SI',
-  OFF: 'NO'
-};
-const DEFAULT_SWITCH_ID = exports.DEFAULT_SWITCH_ID = 'switch';
-const TRUE = exports.TRUE = 'true';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TRUE=exports.STATES=exports.DEFAULT_SWITCH_ID=void 0;const STATES=exports.STATES={ON:"SI",OFF:"NO"},DEFAULT_SWITCH_ID=exports.DEFAULT_SWITCH_ID="switch",TRUE=exports.TRUE="true";

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

@@ -1,101 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _form = require("@widergy/web-utils/lib/form");
-var _array = require("@widergy/web-utils/lib/array");
-var _index = _interopRequireDefault(require("../../../UTLabel/index.js"));
-var _formTypes = require("../../../../types/formTypes.js");
-var _index2 = _interopRequireDefault(require("../../../WithTheme/index.js"));
-var _classesUtils = require("../../../../utils/classesUtils.js");
-var _constants = require("./constants.js");
-var _theme = require("./theme");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const 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 || _constants.DEFAULT_SWITCH_ID;
-  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [classNames]);
-  const useFieldOptions = fieldOptions && !(0, _array.isEmpty)(fieldOptions);
-  const [currentOption, switchedOption] = useFieldOptions ? [...fieldOptions].sort((_, _ref2) => {
-    let {
-      value: optionValue,
-      name
-    } = _ref2;
-    return [optionValue, name === _constants.TRUE].includes(value) ? 1 : -1;
-  }) : [];
-  const onChange = useFieldOptions ? () => onChange_(switchedOption.value) : onChange_;
-  (0, _react.useEffect)(() => {
-    if (useFieldOptions && value === false) onChange_(currentOption.value);
-  }, [value]);
-  const textOn = textOn_ || _constants.STATES.ON;
-  const textOff = textOff_ || _constants.STATES.OFF;
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.outerContainer
-  }, withText && !insideText && textOff, /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: switchId,
-    className: "".concat(classes.container, " ").concat(disabled && classes.disabled)
-  }, /*#__PURE__*/_react.default.createElement("input", {
-    className: classes.input,
-    id: switchId,
-    type: "checkbox",
-    checked: useFieldOptions ? currentOption.name === _constants.TRUE : value,
-    value: useFieldOptions ? currentOption.value : value,
-    onChange: onChange,
-    disabled: disabled
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(classes.sliderContainer, " ").concat(disabled && classes.disabled)
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(classes.sliderBack, " ").concat(disabled && classes.disabled)
-  }), withText && insideText && /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.textContainer
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.checkedText
-  }, textOn), /*#__PURE__*/_react.default.createElement("div", {
-    className: classes.uncheckedText
-  }, textOff)), /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(classes.sliderHover, " ").concat(disabled && classes.disabled)
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(classes.slider, " ").concat(disabled && classes.disabled)
-  }))), withText && !insideText && textOn), showErrors && meta && (0, _form.shouldShowErrors)(meta) && /*#__PURE__*/_react.default.createElement(_index.default, {
-    colorTheme: "error",
-    variant: "small"
-  }, meta === null || meta === void 0 ? void 0 : meta.error));
-};
-UTSwitch.propTypes = {
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  disabled: _propTypes.bool,
-  field: _formTypes.fieldType,
-  input: _formTypes.inputPropTypes.isRequired,
-  meta: _formTypes.metaPropTypes,
-  showErrors: _propTypes.bool
-};
-var _default = exports.default = (0, _index2.default)(_theme.retrieveStyle)(UTSwitch);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_form=require("@widergy/web-utils/lib/form"),_array=require("@widergy/web-utils/lib/array"),_index=_interopRequireDefault(require("../../../UTLabel/index.js")),_formTypes=require("../../../../types/formTypes.js"),_index2=_interopRequireDefault(require("../../../WithTheme/index.js")),_classesUtils=require("../../../../utils/classesUtils.js"),_constants=require("./constants.js"),_theme=require("./theme");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}const 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||_constants.DEFAULT_SWITCH_ID,classes=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(themeClasses,classNames),[classNames]),useFieldOptions=fieldOptions&&!(0,_array.isEmpty)(fieldOptions),[currentOption,switchedOption]=useFieldOptions?[...fieldOptions].sort((_,_ref2)=>{let{value:optionValue,name:name}=_ref2;return[optionValue,name===_constants.TRUE].includes(value)?1:-1}):[],onChange=useFieldOptions?()=>onChange_(switchedOption.value):onChange_;(0,_react.useEffect)(()=>{useFieldOptions&&!1===value&&onChange_(currentOption.value)},[value]);const textOn=textOn_||_constants.STATES.ON,textOff=textOff_||_constants.STATES.OFF;return _react.default.createElement(_react.Fragment,null,_react.default.createElement("div",{className:classes.outerContainer},withText&&!insideText&&textOff,_react.default.createElement("label",{htmlFor:switchId,className:"".concat(classes.container," ").concat(disabled&&classes.disabled)},_react.default.createElement("input",{className:classes.input,id:switchId,type:"checkbox",checked:useFieldOptions?currentOption.name===_constants.TRUE:value,value:useFieldOptions?currentOption.value:value,onChange:onChange,disabled:disabled}),_react.default.createElement("span",{className:"".concat(classes.sliderContainer," ").concat(disabled&&classes.disabled)},_react.default.createElement("span",{className:"".concat(classes.sliderBack," ").concat(disabled&&classes.disabled)}),withText&&insideText&&_react.default.createElement("div",{className:classes.textContainer},_react.default.createElement("div",{className:classes.checkedText},textOn),_react.default.createElement("div",{className:classes.uncheckedText},textOff)),_react.default.createElement("span",{className:"".concat(classes.sliderHover," ").concat(disabled&&classes.disabled)}),_react.default.createElement("span",{className:"".concat(classes.slider," ").concat(disabled&&classes.disabled)}))),withText&&!insideText&&textOn),showErrors&&meta&&(0,_form.shouldShowErrors)(meta)&&_react.default.createElement(_index.default,{colorTheme:"error",variant:"small"},null==meta?void 0:meta.error))};UTSwitch.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),disabled:_propTypes.bool,field:_formTypes.fieldType,input:_formTypes.inputPropTypes.isRequired,meta:_formTypes.metaPropTypes,showErrors:_propTypes.bool};var _default=exports.default=(0,_index2.default)(_theme.retrieveStyle)(UTSwitch);

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

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

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

@@ -1,12 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TRUE = exports.STATES = exports.DEFAULT_SWITCH_ID = void 0;
-const STATES = exports.STATES = {
-  ON: 'SI',
-  OFF: 'NO'
-};
-const DEFAULT_SWITCH_ID = exports.DEFAULT_SWITCH_ID = 'switch';
-const TRUE = exports.TRUE = 'true';
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.TRUE=exports.STATES=exports.DEFAULT_SWITCH_ID=void 0;const STATES=exports.STATES={ON:"SI",OFF:"NO"},DEFAULT_SWITCH_ID=exports.DEFAULT_SWITCH_ID="switch",TRUE=exports.TRUE="true";

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

@@ -1,102 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _propTypes = require("prop-types");
-var _isEmpty = _interopRequireDefault(require("lodash/isEmpty"));
-var _uuid = require("uuid");
-var _utils = require("../../../UTValidation/utils.js");
-var _UTValidation = _interopRequireDefault(require("../../../UTValidation"));
-var _index = _interopRequireDefault(require("../../../WithTheme/index.js"));
-var _classesUtils = require("../../../../utils/classesUtils.js");
-var _index2 = _interopRequireDefault(require("../../../UTLabel/index.js"));
-var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
-var _theme = require("./theme");
-var _constants = require("./constants.js");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
-const UTSwitch = _ref => {
-  let {
-    classes: themeClasses = {},
-    classNames,
-    dataTestId,
-    disabled = false,
-    error,
-    key,
-    onChange,
-    options = [],
-    reverse = false,
-    textOff,
-    textOn,
-    value,
-    withText = false
-  } = _ref;
-  const switchId = (0, _react.useMemo)(() => key || (0, _uuid.v4)(), []);
-  const classes = (0, _react.useMemo)(() => (0, _classesUtils.mergeClasses)(themeClasses, classNames), [themeClasses, classNames]);
-  const useFieldOptions = options && !(0, _isEmpty.default)(options);
-  const [currentOption, switchedOption] = useFieldOptions ? [...options].sort((_, _ref2) => {
-    let {
-      value: optionValue,
-      name
-    } = _ref2;
-    return [optionValue, name === _constants.TRUE].includes(value) ? 1 : -1;
-  }) : [];
-  const handleOnChange = (0, _react.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]);
-  (0, _react.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 || _constants.STATES.ON;
-  const textOffLabel = textOff || _constants.STATES.OFF;
-  const validationData = (0, _react.useMemo)(() => error && (0, _utils.formatErrorToValidation)(error), [error]);
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: _stylesModule.default.outerContainer,
-    "data-testid": dataTestId
-  }, reverse && withText && /*#__PURE__*/_react.default.createElement(_index2.default, null, value ? textOnLabel : textOffLabel), /*#__PURE__*/_react.default.createElement("label", {
-    htmlFor: switchId,
-    className: "".concat(_stylesModule.default.container, " ").concat(classes.container, " ").concat(disabled ? _stylesModule.default.disabled : ''),
-    "aria-label": "".concat(textOnLabel, " / ").concat(textOffLabel)
-  }, /*#__PURE__*/_react.default.createElement("input", {
-    className: "".concat(_stylesModule.default.input, " ").concat(classes.input),
-    id: switchId,
-    type: "checkbox",
-    checked: useFieldOptions ? currentOption.name === _constants.TRUE : value,
-    value: useFieldOptions ? currentOption.value : value,
-    onChange: handleOnChange,
-    disabled: disabled
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(_stylesModule.default.sliderContainer, " ").concat(classes.sliderContainer, " ").concat(disabled && classes.disabled)
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(_stylesModule.default.sliderBack, " ").concat(classes.sliderBack, " ").concat(disabled && classes.disabled)
-  }), /*#__PURE__*/_react.default.createElement("span", {
-    className: "".concat(_stylesModule.default.slider, " ").concat(classes.slider, " ").concat(disabled && classes.disabled)
-  }))), !reverse && withText && /*#__PURE__*/_react.default.createElement(_index2.default, null, value ? textOnLabel : textOffLabel)), validationData && /*#__PURE__*/_react.default.createElement(_UTValidation.default, {
-    validationData: validationData
-  }));
-};
-UTSwitch.propTypes = {
-  classes: (0, _propTypes.objectOf)(_propTypes.string),
-  classNames: (0, _propTypes.objectOf)(_propTypes.string),
-  dataTestId: _propTypes.string,
-  disabled: _propTypes.bool,
-  error: _propTypes.string,
-  key: _propTypes.string,
-  onChange: _propTypes.func,
-  options: (0, _propTypes.arrayOf)(_propTypes.object),
-  reverse: _propTypes.bool,
-  textOff: _propTypes.string,
-  textOn: _propTypes.string,
-  value: _propTypes.bool,
-  withText: _propTypes.bool
-};
-var _default = exports.default = (0, _index.default)(_theme.retrieveStyle)(UTSwitch);
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=_interopRequireWildcard(require("react")),_propTypes=require("prop-types"),_isEmpty=_interopRequireDefault(require("lodash/isEmpty")),_uuid=require("uuid"),_utils=require("../../../UTValidation/utils.js"),_UTValidation=_interopRequireDefault(require("../../../UTValidation")),_index=_interopRequireDefault(require("../../../WithTheme/index.js")),_classesUtils=require("../../../../utils/classesUtils.js"),_index2=_interopRequireDefault(require("../../../UTLabel/index.js")),_stylesModule=_interopRequireDefault(require("./styles.module.scss")),_theme=require("./theme"),_constants=require("./constants.js");function _interopRequireDefault(e){return e&&e.__esModule?e:{default:e}}function _interopRequireWildcard(e,t){if("function"==typeof WeakMap)var r=new WeakMap,n=new WeakMap;return(_interopRequireWildcard=function(e,t){if(!t&&e&&e.__esModule)return e;var o,i,f={__proto__:null,default:e};if(null===e||"object"!=typeof e&&"function"!=typeof e)return f;if(o=t?n:r){if(o.has(e))return o.get(e);o.set(e,f)}for(const t in e)"default"!==t&&{}.hasOwnProperty.call(e,t)&&((i=(o=Object.defineProperty)&&Object.getOwnPropertyDescriptor(e,t))&&(i.get||i.set)?o(f,t,i):f[t]=e[t]);return f})(e,t)}const 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=(0,_react.useMemo)(()=>key||(0,_uuid.v4)(),[]),classes=(0,_react.useMemo)(()=>(0,_classesUtils.mergeClasses)(themeClasses,classNames),[themeClasses,classNames]),useFieldOptions=options&&!(0,_isEmpty.default)(options),[currentOption,switchedOption]=useFieldOptions?[...options].sort((_,_ref2)=>{let{value:optionValue,name:name}=_ref2;return[optionValue,name===_constants.TRUE].includes(value)?1:-1}):[],handleOnChange=(0,_react.useCallback)(()=>{useFieldOptions?onChange(null==switchedOption?void 0:switchedOption.value):onChange()},[useFieldOptions,null==switchedOption?void 0:switchedOption.value,onChange]);(0,_react.useEffect)(()=>{useFieldOptions&&!1===value&&onChange(null==currentOption?void 0:currentOption.value)},[useFieldOptions,value,null==currentOption?void 0:currentOption.value,onChange]);const textOnLabel=textOn||_constants.STATES.ON,textOffLabel=textOff||_constants.STATES.OFF,validationData=(0,_react.useMemo)(()=>error&&(0,_utils.formatErrorToValidation)(error),[error]);return _react.default.createElement(_react.Fragment,null,_react.default.createElement("div",{className:_stylesModule.default.outerContainer,"data-testid":dataTestId},reverse&&withText&&_react.default.createElement(_index2.default,null,value?textOnLabel:textOffLabel),_react.default.createElement("label",{htmlFor:switchId,className:"".concat(_stylesModule.default.container," ").concat(classes.container," ").concat(disabled?_stylesModule.default.disabled:""),"aria-label":"".concat(textOnLabel," / ").concat(textOffLabel)},_react.default.createElement("input",{className:"".concat(_stylesModule.default.input," ").concat(classes.input),id:switchId,type:"checkbox",checked:useFieldOptions?currentOption.name===_constants.TRUE:value,value:useFieldOptions?currentOption.value:value,onChange:handleOnChange,disabled:disabled}),_react.default.createElement("span",{className:"".concat(_stylesModule.default.sliderContainer," ").concat(classes.sliderContainer," ").concat(disabled&&classes.disabled)},_react.default.createElement("span",{className:"".concat(_stylesModule.default.sliderBack," ").concat(classes.sliderBack," ").concat(disabled&&classes.disabled)}),_react.default.createElement("span",{className:"".concat(_stylesModule.default.slider," ").concat(classes.slider," ").concat(disabled&&classes.disabled)}))),!reverse&&withText&&_react.default.createElement(_index2.default,null,value?textOnLabel:textOffLabel)),validationData&&_react.default.createElement(_UTValidation.default,{validationData:validationData}))};UTSwitch.propTypes={classes:(0,_propTypes.objectOf)(_propTypes.string),classNames:(0,_propTypes.objectOf)(_propTypes.string),dataTestId:_propTypes.string,disabled:_propTypes.bool,error:_propTypes.string,key:_propTypes.string,onChange:_propTypes.func,options:(0,_propTypes.arrayOf)(_propTypes.object),reverse:_propTypes.bool,textOff:_propTypes.string,textOn:_propTypes.string,value:_propTypes.bool,withText:_propTypes.bool};var _default=exports.default=(0,_index.default)(_theme.retrieveStyle)(UTSwitch);

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

@@ -1,52 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.retrieveStyle = void 0;
-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']
-        }
-      }
-    }
-  };
-};
-exports.retrieveStyle = retrieveStyle;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.retrieveStyle=void 0;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"]}}}}};exports.retrieveStyle=retrieveStyle;

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

@@ -1,7 +1 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DEAULT_LOADING_SIZE = void 0;
-const DEAULT_LOADING_SIZE = exports.DEAULT_LOADING_SIZE = 24;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.DEAULT_LOADING_SIZE=void 0;const DEAULT_LOADING_SIZE=exports.DEAULT_LOADING_SIZE=24;