@widergy/energy-ui 1.136.0 → 1.136.2

package/dist/components/UTSwitch/theme.js

@@ -7,131 +7,129 @@ exports.retrieveStyle = void 0;
 var _seamlessImmutable = require("seamless-immutable");
 var _colorsModule = _interopRequireDefault(require("../../scss/variables/colors.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-var retrieveStyle = function retrieveStyle(theme) {
-  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')
+const retrieveStyle = theme => ({
+  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')
     },
-    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)
-      }
+    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)
     },
-    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')
+    '&:hover > $sliderContainer > $sliderHover': {
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'sliderHover', 'hover', 'backgroundColor'], _colorsModule.default.switchHover)
     },
-    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)
+    '&:hover > $sliderContainer > $slider': {
+      backgroundColor: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'slider', 'hover', 'backgroundColor'], (0, _seamlessImmutable.getIn)(['UTSwitch', 'slider', 'backgroundColor'], _colorsModule.default.switchGrayHover))
     },
-    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')
+    '&: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))
     },
-    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')
+    '&: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'])
     },
-    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')
+    '&:checked ~ $sliderContainer > $sliderHover': {
+      transform: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'slider', 'checkedSlider', 'transform'], 'translateX(27px)')
     },
-    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%')
+    '&: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)
     },
-    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')
+    '&: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')
     },
-    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')
-      }
+    '&:checked ~ $sliderContainer > $textContainer > $uncheckedText': {
+      opacity: (0, _seamlessImmutable.getIn)(theme, ['UTSwitch', 'uncheckedText', 'checked', 'opacity'], '0')
     }
-  };
-};
+  }
+});
 exports.retrieveStyle = retrieveStyle;

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

@@ -4,5 +4,4 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DEAULT_LOADING_SIZE = void 0;
-var DEAULT_LOADING_SIZE = 24;
-exports.DEAULT_LOADING_SIZE = DEAULT_LOADING_SIZE;
+const DEAULT_LOADING_SIZE = exports.DEAULT_LOADING_SIZE = 24;

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

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -15,87 +14,54 @@ var _types = require("../../types");
 var _constants = require("./constants");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-var ActionIcons = function ActionIcons(_ref) {
-  var classes = _ref.classes,
-    column = _ref.column,
-    rowData = _ref.rowData;
-  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, column.actions.map(function (_ref2) {
-    var key = _ref2.key,
-      Icon = _ref2.Icon,
-      tooltip = _ref2.tooltip,
-      disabledTooltip = _ref2.disabledTooltip,
-      onClick = _ref2.onClick,
-      buttonClassName = _ref2.buttonClassName,
-      iconClassName = _ref2.iconClassName,
-      disabledIconClassName = _ref2.disabledIconClassName,
-      loadingClassName = _ref2.loadingClassName,
-      _ref2$loadingSize = _ref2.loadingSize,
-      loadingSize = _ref2$loadingSize === void 0 ? _constants.DEAULT_LOADING_SIZE : _ref2$loadingSize,
-      _ref2$isVisible = _ref2.isVisible,
-      isVisible = _ref2$isVisible === void 0 ? function () {
-        return true;
-      } : _ref2$isVisible,
-      _ref2$tooltipProps = _ref2.tooltipProps,
-      tooltipProps = _ref2$tooltipProps === void 0 ? {} : _ref2$tooltipProps,
-      _ref2$isDisabled = _ref2.isDisabled,
-      isDisabled = _ref2$isDisabled === void 0 ? function () {
-        return false;
-      } : _ref2$isDisabled,
-      _ref2$isLoading = _ref2.isLoading,
-      isLoading = _ref2$isLoading === void 0 ? function () {
-        return false;
-      } : _ref2$isLoading,
-      _ref2$menuItems = _ref2.menuItems,
-      menuItems = _ref2$menuItems === void 0 ? [] : _ref2$menuItems,
-      withMenuDivider = _ref2.withMenuDivider;
-    var _useState = (0, _react.useState)(),
-      _useState2 = _slicedToArray(_useState, 2),
-      menuAnchor = _useState2[0],
-      setMenuAnchor = _useState2[1];
-    var _useState3 = (0, _react.useState)(),
-      _useState4 = _slicedToArray(_useState3, 2),
-      menuRowContextData = _useState4[0],
-      setMenuRowConextData = _useState4[1];
-    var openMenu = function openMenu(event) {
-      return setMenuAnchor(event.currentTarget);
-    };
-    var closeMenu = function closeMenu() {
-      return setMenuAnchor();
-    };
-    var handleActionClick = function handleActionClick(event, eventRowData) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const ActionIcons = _ref => {
+  let {
+    classes,
+    column,
+    rowData
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, column.actions.map(_ref2 => {
+    let {
+      key,
+      Icon,
+      tooltip,
+      disabledTooltip,
+      onClick,
+      buttonClassName,
+      iconClassName,
+      disabledIconClassName,
+      loadingClassName,
+      loadingSize = _constants.DEAULT_LOADING_SIZE,
+      isVisible = () => true,
+      tooltipProps = {},
+      isDisabled = () => false,
+      isLoading = () => false,
+      menuItems = [],
+      withMenuDivider
+    } = _ref2;
+    const [menuAnchor, setMenuAnchor] = (0, _react.useState)();
+    const [menuRowContextData, setMenuRowConextData] = (0, _react.useState)();
+    const openMenu = event => setMenuAnchor(event.currentTarget);
+    const closeMenu = () => setMenuAnchor();
+    const handleActionClick = (event, eventRowData) => {
       if ((0, _array.isEmpty)(menuItems)) onClick(eventRowData);else {
-        setMenuRowConextData(_objectSpread(_objectSpread({}, eventRowData), {}, {
+        setMenuRowConextData({
+          ...eventRowData,
           clickCallback: closeMenu
-        }));
+        });
         openMenu(event);
       }
     };
-    var visibleMenuItems = menuItems.filter(function (menuItem) {
-      return !menuItem.isVisible || menuItem.isVisible(rowData);
-    });
-    var getDisabledTooltip = function getDisabledTooltip() {
-      return typeof disabledTooltip === 'function' ? disabledTooltip(rowData) : disabledTooltip;
+    const visibleMenuItems = menuItems.filter(menuItem => !menuItem.isVisible || menuItem.isVisible(rowData));
+    const getDisabledTooltip = () => typeof disabledTooltip === 'function' ? disabledTooltip(rowData) : disabledTooltip;
+    const tooltipContent = isDisabled(rowData) && disabledTooltip ? getDisabledTooltip() : tooltip;
+    const tippyProps = {
+      appendTo: () => document.body,
+      interactive: false,
+      ...tooltipProps
     };
-    var tooltipContent = isDisabled(rowData) && disabledTooltip ? getDisabledTooltip() : tooltip;
-    var tippyProps = _objectSpread({
-      appendTo: function appendTo() {
-        return document.body;
-      },
-      interactive: false
-    }, tooltipProps);
     return isVisible(rowData) && /*#__PURE__*/_react.default.createElement(_UTTooltip.default, {
       key: key,
       content: tooltipContent,
@@ -103,9 +69,7 @@ var ActionIcons = function ActionIcons(_ref) {
       tippyProps: tippyProps
     }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement("div", {
       className: "".concat(_stylesModule.default.iconButton, " ").concat(classes.actionIconButton, " \n                ").concat((isDisabled(rowData) || isLoading(rowData)) && _stylesModule.default.disabled, " ").concat(buttonClassName),
-      onClick: function onClick(event) {
-        return handleActionClick(event, rowData);
-      },
+      onClick: event => handleActionClick(event, rowData),
       role: "button"
     }, isLoading(rowData) ? /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
       className: "".concat(classes.actionLoading, " ").concat(loadingClassName),
@@ -128,5 +92,4 @@ ActionIcons.propTypes = {
   column: _types.columnType,
   rowData: _propTypes.object
 };
-var _default = /*#__PURE__*/(0, _react.memo)(ActionIcons);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(ActionIcons);

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

@@ -12,29 +12,25 @@ var _ActionIcons = _interopRequireDefault(require("../ActionIcons"));
 var _Status = _interopRequireDefault(require("../Status"));
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var Cell = function Cell(_ref) {
-  var _ref$align = _ref.align,
-    align = _ref$align === void 0 ? _constants.COLUMN_POSITION.LEFT : _ref$align,
-    classes = _ref.classes,
-    column = _ref.column,
-    columnSizes = _ref.columnSizes,
-    rowData = _ref.rowData,
-    style = _ref.style,
-    defaultNullValue = _ref.defaultNullValue;
-  var cellAlignStyles = column.type === _constants.CELL_TYPES.ACTION_ICONS ? _stylesModule.default.centerAlign : _stylesModule.default["".concat(align, "Align")];
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const Cell = _ref => {
+  let {
+    align = _constants.COLUMN_POSITION.LEFT,
+    classes,
+    column,
+    columnSizes,
+    rowData,
+    style,
+    defaultNullValue
+  } = _ref;
+  const cellAlignStyles = column.type === _constants.CELL_TYPES.ACTION_ICONS ? _stylesModule.default.centerAlign : _stylesModule.default["".concat(align, "Align")];
   return /*#__PURE__*/_react.default.createElement("div", {
     className: " ".concat(_stylesModule.default.rowElement, " ").concat(cellAlignStyles, " ").concat(classes.rowCell),
-    style: _objectSpread({
-      width: columnSizes[column.key]
-    }, style)
+    style: {
+      width: columnSizes[column.key],
+      ...style
+    }
   }, column.cellRenderer ? column.cellRenderer(rowData[column.key], rowData) : column.type === _constants.CELL_TYPES.ACTION_ICONS ? /*#__PURE__*/_react.default.createElement(_ActionIcons.default, {
     column: column,
     rowData: rowData,
@@ -55,5 +51,4 @@ Cell.propTypes = {
   style: _propTypes.object,
   defaultNullValue: _propTypes.string
 };
-var _default = /*#__PURE__*/(0, _react.memo)(Cell);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(Cell);

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

@@ -4,8 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.ORDER_DIRECTION = void 0;
-var ORDER_DIRECTION = {
+const ORDER_DIRECTION = exports.ORDER_DIRECTION = {
   ASC: 'asc',
   DESC: 'desc'
-};
-exports.ORDER_DIRECTION = ORDER_DIRECTION;
+};

package/dist/components/UTTable/components/HeaderCell/index.js

@@ -15,37 +15,31 @@ var _utils = require("./utils");
 var _constants2 = require("./constants");
 var _stylesModule = _interopRequireDefault(require("./styles.module.scss"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
-function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
-var HeaderCell = function HeaderCell(_ref) {
-  var _ref$align = _ref.align,
-    align = _ref$align === void 0 ? _constants.COLUMN_POSITION.LEFT : _ref$align,
-    classes = _ref.classes,
-    column = _ref.column,
-    columnSizes = _ref.columnSizes,
-    handleOrder = _ref.handleOrder,
-    order = _ref.order,
-    removeDefaultOrderIcon = _ref.removeDefaultOrderIcon,
-    style = _ref.style;
-  var handleClick = function handleClick() {
-    return handleOrder((0, _utils.getNewOrder)(order, column));
-  };
-  var OrderICon = order.key !== column.key ? _UnfoldMore.default : _ArrowUpward.default;
-  var cellAlignStyles = column.type === _constants.CELL_TYPES.ACTION_ICONS ? _stylesModule.default.centerAlign : _stylesModule.default["".concat(align, "Align")];
-  var activeCell = order.key === column.key;
-  var isSortable = column.sortable && !_constants.CELL_ACTION_TYPES.includes(column.type);
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const HeaderCell = _ref => {
+  let {
+    align = _constants.COLUMN_POSITION.LEFT,
+    classes,
+    column,
+    columnSizes,
+    handleOrder,
+    order,
+    removeDefaultOrderIcon,
+    style
+  } = _ref;
+  const handleClick = () => handleOrder((0, _utils.getNewOrder)(order, column));
+  const OrderICon = order.key !== column.key ? _UnfoldMore.default : _ArrowUpward.default;
+  const cellAlignStyles = column.type === _constants.CELL_TYPES.ACTION_ICONS ? _stylesModule.default.centerAlign : _stylesModule.default["".concat(align, "Align")];
+  const activeCell = order.key === column.key;
+  const isSortable = column.sortable && !_constants.CELL_ACTION_TYPES.includes(column.type);
   return /*#__PURE__*/_react.default.createElement(_UTTouchableWithoutFeedback.default, {
     onClick: isSortable ? handleClick : null,
     className: "\n        ".concat(_stylesModule.default.rowElement, "\n        ").concat(isSortable ? classes.headerCellHover : _stylesModule.default.disableClick, "\n        ").concat(cellAlignStyles, "\n        ").concat(classes.headerCell, "\n        ").concat(activeCell ? classes.headerActiveCell : classes.headerInactiveCell, "\n      "),
-    style: _objectSpread({
-      width: columnSizes[column.key]
-    }, style)
+    style: {
+      width: columnSizes[column.key],
+      ...style
+    }
   }, /*#__PURE__*/_react.default.createElement("div", null, column.categoryName && /*#__PURE__*/_react.default.createElement("div", {
     className: "".concat(_stylesModule.default.headerCellCategoryName, " ").concat(classes.headerCellCategoryName)
   }, column.categoryName), /*#__PURE__*/_react.default.createElement("span", {
@@ -69,5 +63,4 @@ HeaderCell.propTypes = {
   removeDefaultOrderIcon: _propTypes.bool,
   style: _propTypes.object
 };
-var _default = /*#__PURE__*/(0, _react.memo)(HeaderCell);
-exports.default = _default;
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(HeaderCell);

package/dist/components/UTTable/components/HeaderCell/utils.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getNewOrder = void 0;
 var _constants = require("./constants");
-var getNewOrder = function getNewOrder(order, column) {
+const getNewOrder = (order, column) => {
   if (order.key === column.key && order.direction === _constants.ORDER_DIRECTION.DESC) return {};
-  var direction = order.key === column.key && order.direction === _constants.ORDER_DIRECTION.ASC ? _constants.ORDER_DIRECTION.DESC : _constants.ORDER_DIRECTION.ASC;
+  const direction = order.key === column.key && order.direction === _constants.ORDER_DIRECTION.ASC ? _constants.ORDER_DIRECTION.DESC : _constants.ORDER_DIRECTION.ASC;
   return {
-    direction: direction,
+    direction,
     key: column.key
   };
 };