@telefonica/mistica 10.9.0 → 10.11.0

package/dist/list.js

@@ -1,580 +1,477 @@
 "use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.BoxedRowList = exports.BoxedRow = exports.RowList = exports.Row = void 0;
-
+exports.Row = exports.BoxedRowList = exports.BoxedRow = exports.RowList = void 0;
 var React = _interopRequireWildcard(require("react"));
-
 var _classnames = _interopRequireDefault(require("classnames"));
-
 var _jss = require("./jss");
-
 var _touchable = _interopRequireDefault(require("./touchable"));
-
 var _text = require("./text");
-
 var _box = _interopRequireDefault(require("./box"));
-
 var _stack = _interopRequireDefault(require("./stack"));
-
 var _badge = _interopRequireDefault(require("./badge"));
-
 var _hooks = require("./hooks");
-
 var _themeVariantContext = require("./theme-variant-context");
-
 var _iconChevron = _interopRequireDefault(require("./icons/icon-chevron"));
-
 var _switchComponent = _interopRequireDefault(require("./switch-component"));
-
 var _radioButton = _interopRequireDefault(require("./radio-button"));
-
 var _checkbox = _interopRequireDefault(require("./checkbox"));
-
 var _boxed = require("./boxed");
-
 var _divider = _interopRequireDefault(require("./divider"));
-
 var _dom = require("./utils/dom");
-
-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 _extends() {
-  _extends = Object.assign || function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
+function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+        default: obj
+    };
+}
+function _interopRequireWildcard(obj) {
+    if (obj && obj.__esModule) {
+        return obj;
+    } else {
+        var newObj = {
+        };
+        if (obj != null) {
+            for(var key in obj){
+                if (Object.prototype.hasOwnProperty.call(obj, key)) {
+                    var desc = Object.defineProperty && Object.getOwnPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : {
+                    };
+                    if (desc.get || desc.set) {
+                        Object.defineProperty(newObj, key, desc);
+                    } else {
+                        newObj[key] = obj[key];
+                    }
+                }
+            }
         }
-      }
+        newObj.default = obj;
+        return newObj;
     }
-
-    return target;
-  };
-
-  return _extends.apply(this, arguments);
-}
-
-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 _arrayWithHoles(arr) {
+    if (Array.isArray(arr)) return arr;
 }
-
-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 _defineProperty(obj, key, value) {
+    if (key in obj) {
+        Object.defineProperty(obj, key, {
+            value: value,
+            enumerable: true,
+            configurable: true,
+            writable: true
+        });
+    } else {
+        obj[key] = value;
+    }
+    return obj;
 }
-
-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 _extends() {
+    _extends = Object.assign || function(target) {
+        for(var i = 1; i < arguments.length; i++){
+            var source = arguments[i];
+            for(var key in source){
+                if (Object.prototype.hasOwnProperty.call(source, key)) {
+                    target[key] = source[key];
+                }
+            }
+        }
+        return target;
+    };
+    return _extends.apply(this, arguments);
 }
-
 function _iterableToArrayLimit(arr, i) {
-  var _i = arr && (typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]);
-
-  if (_i == null) return;
-  var _arr = [];
-  var _n = true;
-  var _d = false;
-
-  var _s, _e;
-
-  try {
-    for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) {
-      _arr.push(_s.value);
-
-      if (i && _arr.length === i) break;
-    }
-  } catch (err) {
-    _d = true;
-    _e = err;
-  } finally {
+    var _arr = [];
+    var _n = true;
+    var _d = false;
+    var _e = undefined;
     try {
-      if (!_n && _i["return"] != null) _i["return"]();
-    } finally {
-      if (_d) throw _e;
+        for(var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true){
+            _arr.push(_s.value);
+            if (i && _arr.length === i) break;
+        }
+    } catch (err) {
+        _d = true;
+        _e = err;
+    } finally{
+        try {
+            if (!_n && _i["return"] != null) _i["return"]();
+        } finally{
+            if (_d) throw _e;
+        }
     }
-  }
-
-  return _arr;
+    return _arr;
 }
-
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
+function _nonIterableRest() {
+    throw new TypeError("Invalid attempt to destructure non-iterable instance");
 }
-
-function _defineProperty(obj, key, value) {
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-
-  return obj;
+function _slicedToArray(arr, i) {
+    return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _nonIterableRest();
 }
-/*
- * Specs:
- *   - Structure: https://www.figma.com/file/Be8QB9onmHunKCCAkIBAVr/Lists-Component-Specs?node-id=0%3A2
- *   - Behavior: https://www.figma.com/file/Be8QB9onmHunKCCAkIBAVr/Lists-Component-Specs?node-id=0%3A608
- *   - Assets: https://www.figma.com/file/Be8QB9onmHunKCCAkIBAVr/Lists-Component-Specs?node-id=0%3A1
- */
-
-
-var useStyles = (0, _jss.createUseStyles)(function (_ref) {
-  var colors = _ref.colors,
-      mq = _ref.mq;
-  return {
-    hover: _defineProperty({}, mq.supportsHover, {
-      '&:hover': {
-        background: function background(_ref2) {
-          var isInverse = _ref2.isInverse;
-          return isInverse ? 'initial' : colors.backgroundAlternative;
-        }
-      }
-    }),
-    rowContent: {
-      width: '100%',
-      cursor: 'pointer'
-    },
-    hoverDisabled: {
-      cursor: 'initial',
-      '&:hover': {
-        background: function background() {
-          return 'none';
+var useStyles = (0, _jss).createUseStyles(function(param) {
+    var colors = param.colors, mq = param.mq;
+    return {
+        hover: _defineProperty({
+        }, mq.supportsHover, {
+            '&:hover': {
+                background: function background(param) {
+                    var isInverse = param.isInverse;
+                    return isInverse ? 'initial' : colors.backgroundAlternative;
+                }
+            }
+        }),
+        rowContent: {
+            width: '100%',
+            cursor: 'pointer'
+        },
+        hoverDisabled: {
+            cursor: 'initial',
+            '&:hover': {
+                background: function background() {
+                    return 'none';
+                }
+            }
+        },
+        content: {
+            display: 'flex',
+            width: '100%',
+            minHeight: 72
+        },
+        asset: {
+            display: 'flex',
+            flexShrink: 0,
+            flexGrow: 0
+        },
+        rowBody: {
+            display: 'flex',
+            flexDirection: 'column',
+            flex: 1
+        },
+        center: {
+            display: 'flex',
+            alignItems: 'center'
+        },
+        badge: {
+            justifyContent: 'center',
+            minWidth: 16,
+            height: '100%',
+            flexShrink: 0
+        },
+        control: {
+            marginLeft: 16,
+            display: 'flex',
+            flexDirection: 'column',
+            justifyContent: 'center',
+            flexGrow: 0,
+            flexShrink: 0
+        },
+        right: {
+            marginLeft: 16
+        },
+        centeredControl: {
+            display: 'flex',
+            alignItems: 'center',
+            height: '100%'
+        },
+        dualActionContainer: {
+            display: 'flex',
+            flexDirection: 'row'
+        },
+        dualActionLeft: {
+            flexGrow: 1,
+            padding: '0 16px'
+        },
+        dualActionRight: {
+            padding: '0 16px',
+            margin: '16px 0',
+            borderLeft: "1px solid ".concat(colors.divider),
+            display: 'flex',
+            alignItems: 'center',
+            flexGrow: 0,
+            width: 'auto',
+            lineHeight: 0
         }
-      }
-    },
-    content: {
-      display: 'flex',
-      width: '100%',
-      minHeight: 72
-    },
-    asset: {
-      display: 'flex',
-      flexShrink: 0,
-      flexGrow: 0
-    },
-    rowBody: {
-      display: 'flex',
-      flexDirection: 'column',
-      flex: 1
-    },
-    center: {
-      display: 'flex',
-      alignItems: 'center'
-    },
-    badge: {
-      justifyContent: 'center',
-      minWidth: 16,
-      height: '100%',
-      flexShrink: 0
-    },
-    control: {
-      marginLeft: 16,
-      display: 'flex',
-      flexDirection: 'column',
-      justifyContent: 'center',
-      flexGrow: 0,
-      flexShrink: 0
-    },
-    right: {
-      marginLeft: 16
-    },
-    centeredControl: {
-      display: 'flex',
-      alignItems: 'center',
-      height: '100%'
-    },
-    dualActionContainer: {
-      display: 'flex',
-      flexDirection: 'row'
-    },
-    dualActionLeft: {
-      flexGrow: 1,
-      padding: '0 16px'
-    },
-    dualActionRight: {
-      padding: '0 16px',
-      margin: '16px 0',
-      borderLeft: "1px solid ".concat(colors.divider),
-      display: 'flex',
-      alignItems: 'center',
-      flexGrow: 0,
-      width: 'auto',
-      lineHeight: 0
-    }
-  };
+    };
 });
-
-var Content = function Content(_ref3) {
-  var headline = _ref3.headline,
-      title = _ref3.title,
-      titleLinesMax = _ref3.titleLinesMax,
-      subtitle = _ref3.subtitle,
-      subtitleLinesMax = _ref3.subtitleLinesMax,
-      description = _ref3.description,
-      descriptionLinesMax = _ref3.descriptionLinesMax,
-      asset = _ref3.asset,
-      _ref3$type = _ref3.type,
-      type = _ref3$type === void 0 ? 'basic' : _ref3$type,
-      badge = _ref3.badge,
-      right = _ref3.right,
-      extra = _ref3.extra,
-      labelId = _ref3.labelId;
-  var isInverse = (0, _themeVariantContext.useIsInverseVariant)();
-  var classes = useStyles({
-    isInverse: isInverse
-  });
-
-  var _useTheme = (0, _hooks.useTheme)(),
-      colors = _useTheme.colors;
-
-  var numTextLines = [headline, title, subtitle, description, extra].filter(Boolean).length;
-  var shouldCenter = numTextLines === 1;
-
-  var renderBadge = function renderBadge() {
-    if (!badge) {
-      return null;
-    }
-
-    return /*#__PURE__*/React.createElement(_box.default, {
-      paddingLeft: 16
-    }, /*#__PURE__*/React.createElement("div", {
-      className: (0, _classnames.default)(classes.center, classes.badge)
-    }, badge === true ? /*#__PURE__*/React.createElement(_badge.default, null) : /*#__PURE__*/React.createElement(_badge.default, {
-      value: badge
-    })));
-  };
-
-  return /*#__PURE__*/React.createElement(_box.default, {
-    paddingY: 16,
-    className: classes.content
-  }, asset && /*#__PURE__*/React.createElement(_box.default, {
-    paddingRight: 16,
-    className: (0, _classnames.default)(_defineProperty({}, classes.center, shouldCenter))
-  }, /*#__PURE__*/React.createElement("div", {
-    className: classes.asset
-  }, asset)), /*#__PURE__*/React.createElement("div", {
-    className: classes.rowBody,
-    style: {
-      justifyContent: shouldCenter ? 'center' : 'flex-start'
-    }
-  }, /*#__PURE__*/React.createElement(_stack.default, {
-    space: 4
-  }, headline && /*#__PURE__*/React.createElement(_text.Text1, {
-    wordBreak: true,
-    regular: true,
-    color: colors.textPrimary
-  }, headline), /*#__PURE__*/React.createElement(_stack.default, {
-    space: 2
-  }, /*#__PURE__*/React.createElement(_text.Text3, {
-    wordBreak: true,
-    regular: true,
-    color: colors.textPrimary,
-    truncate: titleLinesMax,
-    id: labelId
-  }, title), subtitle && /*#__PURE__*/React.createElement(_text.Text2, {
-    wordBreak: true,
-    regular: true,
-    color: colors.textSecondary,
-    truncate: subtitleLinesMax
-  }, subtitle), description && /*#__PURE__*/React.createElement(_text.Text2, {
-    wordBreak: true,
-    regular: true,
-    color: colors.textSecondary,
-    truncate: descriptionLinesMax
-  }, description), extra))), renderBadge(), type === 'chevron' ? /*#__PURE__*/React.createElement(_box.default, {
-    paddingLeft: 16,
-    className: classes.center
-  }, /*#__PURE__*/React.createElement(_iconChevron.default, {
-    size: 24,
-    color: isInverse ? colors.inverse : colors.neutralMedium,
-    direction: "right"
-  })) : right ? /*#__PURE__*/React.createElement("div", {
-    className: classes.right
-  }, right) : null);
+var Content = function Content(param) {
+    var headline = param.headline, title = param.title, titleLinesMax = param.titleLinesMax, subtitle = param.subtitle, subtitleLinesMax = param.subtitleLinesMax, description = param.description, descriptionLinesMax = param.descriptionLinesMax, asset = param.asset, _type = param.type, type = _type === void 0 ? 'basic' : _type, badge = param.badge, right = param.right, extra = param.extra, labelId = param.labelId;
+    var isInverse = (0, _themeVariantContext).useIsInverseVariant();
+    var classes = useStyles({
+        isInverse: isInverse
+    });
+    var ref = (0, _hooks).useTheme(), colors = ref.colors;
+    var numTextLines = [
+        headline,
+        title,
+        subtitle,
+        description,
+        extra
+    ].filter(Boolean).length;
+    var shouldCenter = numTextLines === 1;
+    var renderBadge = function renderBadge() {
+        if (!badge) {
+            return null;
+        }
+        return(/*#__PURE__*/ React.createElement(_box.default, {
+            paddingLeft: 16
+        }, /*#__PURE__*/ React.createElement("div", {
+            className: (0, _classnames).default(classes.center, classes.badge)
+        }, badge === true ? /*#__PURE__*/ React.createElement(_badge.default, null) : /*#__PURE__*/ React.createElement(_badge.default, {
+            value: badge
+        }))));
+    };
+    return(/*#__PURE__*/ React.createElement(_box.default, {
+        paddingY: 16,
+        className: classes.content
+    }, asset && /*#__PURE__*/ React.createElement(_box.default, {
+        paddingRight: 16,
+        className: (0, _classnames).default(_defineProperty({
+        }, classes.center, shouldCenter))
+    }, /*#__PURE__*/ React.createElement("div", {
+        className: classes.asset
+    }, asset)), /*#__PURE__*/ React.createElement("div", {
+        className: classes.rowBody,
+        style: {
+            justifyContent: shouldCenter ? 'center' : 'flex-start'
+        }
+    }, /*#__PURE__*/ React.createElement(_stack.default, {
+        space: 4
+    }, headline && /*#__PURE__*/ React.createElement(_text.Text1, {
+        wordBreak: true,
+        regular: true,
+        color: colors.textPrimary
+    }, headline), /*#__PURE__*/ React.createElement(_stack.default, {
+        space: 2
+    }, /*#__PURE__*/ React.createElement(_text.Text3, {
+        wordBreak: true,
+        regular: true,
+        color: colors.textPrimary,
+        truncate: titleLinesMax,
+        id: labelId
+    }, title), subtitle && /*#__PURE__*/ React.createElement(_text.Text2, {
+        wordBreak: true,
+        regular: true,
+        color: colors.textSecondary,
+        truncate: subtitleLinesMax
+    }, subtitle), description && /*#__PURE__*/ React.createElement(_text.Text2, {
+        wordBreak: true,
+        regular: true,
+        color: colors.textSecondary,
+        truncate: descriptionLinesMax
+    }, description), extra))), renderBadge(), type === 'chevron' ? /*#__PURE__*/ React.createElement(_box.default, {
+        paddingLeft: 16,
+        className: classes.center
+    }, /*#__PURE__*/ React.createElement(_iconChevron.default, {
+        color: isInverse ? colors.inverse : colors.neutralMedium,
+        direction: "right"
+    })) : right ? /*#__PURE__*/ React.createElement("div", {
+        className: classes.right
+    }, right) : null));
 };
-
-var useControlState = function useControlState(_ref4) {
-  var value = _ref4.value,
-      defaultValue = _ref4.defaultValue,
-      onChange = _ref4.onChange;
-  var isControlledByParent = value !== undefined;
-
-  var _React$useState = React.useState(!!defaultValue),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      isChecked = _React$useState2[0],
-      setIsChecked = _React$useState2[1];
-
-  var toggle = function toggle() {
-    if (!isControlledByParent) {
-      setIsChecked(!isChecked);
-    }
-
-    if (onChange) {
-      onChange(!value);
+var useControlState = function useControlState(param) {
+    var value = param.value, defaultValue = param.defaultValue, onChange = param.onChange;
+    var isControlledByParent = value !== undefined;
+    var ref = _slicedToArray(React.useState(!!defaultValue), 2), isChecked = ref[0], setIsChecked = ref[1];
+    var toggle = function toggle() {
+        if (!isControlledByParent) {
+            setIsChecked(!isChecked);
+        }
+        if (onChange) {
+            onChange(!value);
+        }
+    };
+    if (isControlledByParent) {
+        return [
+            !!value,
+            toggle
+        ];
     }
-  };
-
-  if (isControlledByParent) {
-    return [!!value, toggle];
-  }
-
-  return [isChecked, toggle];
+    return [
+        isChecked,
+        toggle
+    ];
 };
-
 var RowContent = function RowContent(props) {
-  var titleId = (0, _hooks.useAriaId)();
-  var isInverse = (0, _themeVariantContext.useIsInverseVariant)();
-  var classes = useStyles({
-    isInverse: isInverse
-  });
-  var asset = props.asset,
-      headline = props.headline,
-      title = props.title,
-      titleLinesMax = props.titleLinesMax,
-      subtitle = props.subtitle,
-      subtitleLinesMax = props.subtitleLinesMax,
-      description = props.description,
-      descriptionLinesMax = props.descriptionLinesMax,
-      badge = props.badge,
-      role = props.role,
-      extra = props.extra,
-      dataAttributes = props.dataAttributes;
-
-  var _useControlState = useControlState(props.switch || props.checkbox || {}),
-      _useControlState2 = _slicedToArray(_useControlState, 2),
-      isChecked = _useControlState2[0],
-      toggle = _useControlState2[1];
-
-  var renderContent = function renderContent(_ref5) {
-    var type = _ref5.type,
-        right = _ref5.right,
-        labelId = _ref5.labelId;
-    return /*#__PURE__*/React.createElement(Content, {
-      asset: asset,
-      headline: headline,
-      title: title,
-      subtitle: subtitle,
-      description: description,
-      badge: badge,
-      titleLinesMax: titleLinesMax,
-      subtitleLinesMax: subtitleLinesMax,
-      descriptionLinesMax: descriptionLinesMax,
-      type: type,
-      right: right,
-      extra: extra,
-      labelId: labelId
+    var titleId = (0, _hooks).useAriaId();
+    var isInverse = (0, _themeVariantContext).useIsInverseVariant();
+    var classes = useStyles({
+        isInverse: isInverse
     });
-  };
-
-  var renderTouchableContent = function renderTouchableContent(props) {
-    var type = 'chevron';
-
-    if (props.right === null) {
-      type = 'basic';
+    var asset = props.asset, headline = props.headline, title = props.title, titleLinesMax = props.titleLinesMax, subtitle = props.subtitle, subtitleLinesMax = props.subtitleLinesMax, description = props.description, descriptionLinesMax = props.descriptionLinesMax, badge = props.badge, role = props.role, extra = props.extra, dataAttributes = props.dataAttributes;
+    var ref4 = _slicedToArray(useControlState(props.switch || props.checkbox || {
+    }), 2), isChecked = ref4[0], toggle = ref4[1];
+    var renderContent = function renderContent(param) {
+        var type = param.type, right = param.right, labelId = param.labelId;
+        /*#__PURE__*/ return(/*#__PURE__*/ React.createElement(Content, {
+            asset: asset,
+            headline: headline,
+            title: title,
+            subtitle: subtitle,
+            description: description,
+            badge: badge,
+            titleLinesMax: titleLinesMax,
+            subtitleLinesMax: subtitleLinesMax,
+            descriptionLinesMax: descriptionLinesMax,
+            type: type,
+            right: right,
+            extra: extra,
+            labelId: labelId
+        }));
+    };
+    var renderTouchableContent = function renderTouchableContent(props) {
+        var type = 'chevron';
+        if (props.right === null) {
+            type = 'basic';
+        }
+        if (props.right) {
+            type = 'custom';
+        }
+        return(/*#__PURE__*/ React.createElement(_box.default, {
+            paddingX: 16
+        }, renderContent({
+            type: type,
+            right: props.right
+        })));
+    };
+    if (props.onPress && props.switch === undefined && props.radioValue === undefined && props.checkbox === undefined) {
+        return(/*#__PURE__*/ React.createElement(_touchable.default, {
+            className: (0, _classnames).default(classes.rowContent, classes.hover),
+            trackingEvent: props.trackingEvent,
+            onPress: props.onPress,
+            role: role,
+            dataAttributes: dataAttributes
+        }, renderTouchableContent(props)));
     }
-
-    if (props.right) {
-      type = 'custom';
+    if (props.to) {
+        return(/*#__PURE__*/ React.createElement(_touchable.default, {
+            className: (0, _classnames).default(classes.rowContent, classes.hover),
+            trackingEvent: props.trackingEvent,
+            to: props.to,
+            fullPageOnWebView: props.fullPageOnWebView,
+            role: role,
+            dataAttributes: dataAttributes
+        }, renderTouchableContent(props)));
     }
-
-    return /*#__PURE__*/React.createElement(_box.default, {
-      paddingX: 16
-    }, renderContent({
-      type: type,
-      right: props.right
-    }));
-  };
-
-  if (props.onPress && props.switch === undefined && props.radioValue === undefined && props.checkbox === undefined) {
-    return /*#__PURE__*/React.createElement(_touchable.default, {
-      className: (0, _classnames.default)(classes.rowContent, classes.hover),
-      trackingEvent: props.trackingEvent,
-      onPress: props.onPress,
-      role: role,
-      dataAttributes: dataAttributes
-    }, renderTouchableContent(props));
-  }
-
-  if (props.to) {
-    return /*#__PURE__*/React.createElement(_touchable.default, {
-      className: (0, _classnames.default)(classes.rowContent, classes.hover),
-      trackingEvent: props.trackingEvent,
-      to: props.to,
-      fullPageOnWebView: props.fullPageOnWebView,
-      role: role,
-      dataAttributes: dataAttributes
-    }, renderTouchableContent(props));
-  }
-
-  if (props.href) {
-    return /*#__PURE__*/React.createElement(_touchable.default, {
-      className: (0, _classnames.default)(classes.rowContent, classes.hover),
-      trackingEvent: props.trackingEvent,
-      href: props.href,
-      newTab: props.newTab,
-      role: role,
-      dataAttributes: dataAttributes
-    }, renderTouchableContent(props));
-  }
-
-  var renderRowWithControl = function renderRowWithControl(Control) {
-    var _ref6, _props$switch$name, _props$switch, _props$checkbox;
-
-    var name = (_ref6 = (_props$switch$name = (_props$switch = props.switch) === null || _props$switch === void 0 ? void 0 : _props$switch.name) !== null && _props$switch$name !== void 0 ? _props$switch$name : (_props$checkbox = props.checkbox) === null || _props$checkbox === void 0 ? void 0 : _props$checkbox.name) !== null && _ref6 !== void 0 ? _ref6 : titleId;
-    return props.onPress ? /*#__PURE__*/React.createElement("div", {
-      className: classes.dualActionContainer
-    }, /*#__PURE__*/React.createElement(_touchable.default, {
-      onPress: props.onPress,
-      role: role,
-      className: (0, _classnames.default)(classes.dualActionLeft, classes.hover)
-    }, renderContent({
-      type: 'custom',
-      labelId: titleId
-    })), /*#__PURE__*/React.createElement(_touchable.default, {
-      className: classes.dualActionRight,
-      onPress: toggle,
-      dataAttributes: dataAttributes
-    }, /*#__PURE__*/React.createElement(Control, {
-      name: name,
-      checked: isChecked,
-      "aria-labelledby": titleId
-    }))) : /*#__PURE__*/React.createElement("div", {
-      className: (0, _classnames.default)(classes.rowContent, classes.hover)
-    }, /*#__PURE__*/React.createElement(Control, {
-      dataAttributes: dataAttributes,
-      name: name,
-      checked: isChecked,
-      onChange: toggle,
-      render: function render(control, labelId) {
-        return /*#__PURE__*/React.createElement(_box.default, {
-          paddingX: 16,
-          role: role
-        }, renderContent({
-          labelId: labelId,
-          type: 'custom',
-          right: /*#__PURE__*/React.createElement(_stack.default, {
-            space: "around"
-          }, control)
-        }));
-      }
-    }));
-  };
-
-  if (props.switch) {
-    return renderRowWithControl(_switchComponent.default);
-  }
-
-  if (props.checkbox) {
-    return renderRowWithControl(_checkbox.default);
-  }
-
-  if (props.radioValue) {
-    return /*#__PURE__*/React.createElement("div", {
-      className: (0, _classnames.default)(classes.rowContent, classes.hover),
-      role: role
-    }, /*#__PURE__*/React.createElement(_radioButton.default, {
-      dataAttributes: dataAttributes,
-      value: props.radioValue,
-      "aria-labelledby": titleId,
-      render: function render(radio) {
-        return /*#__PURE__*/React.createElement(_box.default, {
-          paddingX: 16
+    if (props.href) {
+        return(/*#__PURE__*/ React.createElement(_touchable.default, {
+            className: (0, _classnames).default(classes.rowContent, classes.hover),
+            trackingEvent: props.trackingEvent,
+            href: props.href,
+            newTab: props.newTab,
+            role: role,
+            dataAttributes: dataAttributes
+        }, renderTouchableContent(props)));
+    }
+    var renderRowWithControl = function renderRowWithControl(Control) {
+        var ref, ref1;
+        var ref2, ref3;
+        var name = (ref3 = (ref2 = (ref = props.switch) === null || ref === void 0 ? void 0 : ref.name) !== null && ref2 !== void 0 ? ref2 : (ref1 = props.checkbox) === null || ref1 === void 0 ? void 0 : ref1.name) !== null && ref3 !== void 0 ? ref3 : titleId;
+        return props.onPress ? /*#__PURE__*/ React.createElement("div", {
+            className: classes.dualActionContainer
+        }, /*#__PURE__*/ React.createElement(_touchable.default, {
+            onPress: props.onPress,
+            role: role,
+            className: (0, _classnames).default(classes.dualActionLeft, classes.hover)
         }, renderContent({
-          type: 'custom',
-          right: /*#__PURE__*/React.createElement(_stack.default, {
-            space: "around"
-          }, radio)
+            type: 'custom',
+            labelId: titleId
+        })), /*#__PURE__*/ React.createElement(_touchable.default, {
+            className: classes.dualActionRight,
+            onPress: toggle,
+            dataAttributes: dataAttributes
+        }, /*#__PURE__*/ React.createElement(Control, {
+            name: name,
+            checked: isChecked,
+            "aria-labelledby": titleId
+        }))) : /*#__PURE__*/ React.createElement("div", {
+            className: (0, _classnames).default(classes.rowContent, classes.hover)
+        }, /*#__PURE__*/ React.createElement(Control, {
+            dataAttributes: dataAttributes,
+            name: name,
+            checked: isChecked,
+            onChange: toggle,
+            render: function render(control, labelId) {
+                /*#__PURE__*/ return(/*#__PURE__*/ React.createElement(_box.default, {
+                    paddingX: 16,
+                    role: role
+                }, renderContent({
+                    labelId: labelId,
+                    type: 'custom',
+                    right: /*#__PURE__*/ React.createElement(_stack.default, {
+                        space: "around"
+                    }, control)
+                })));
+            }
         }));
-      }
-    }));
-  }
-
-  return /*#__PURE__*/React.createElement(_box.default, {
-    paddingX: 16,
-    className: (0, _classnames.default)(classes.rowContent, classes.hover, classes.hoverDisabled),
-    role: role
-  }, props.right ? renderContent({
-    type: 'custom',
-    right: props.right
-  }) : renderContent({
-    type: 'basic'
-  }));
+    };
+    if (props.switch) {
+        return renderRowWithControl(_switchComponent.default);
+    }
+    if (props.checkbox) {
+        return renderRowWithControl(_checkbox.default);
+    }
+    if (props.radioValue) {
+        return(/*#__PURE__*/ React.createElement("div", {
+            className: (0, _classnames).default(classes.rowContent, classes.hover),
+            role: role
+        }, /*#__PURE__*/ React.createElement(_radioButton.default, {
+            dataAttributes: dataAttributes,
+            value: props.radioValue,
+            "aria-labelledby": titleId,
+            render: function render(radio) {
+                /*#__PURE__*/ return(/*#__PURE__*/ React.createElement(_box.default, {
+                    paddingX: 16
+                }, renderContent({
+                    type: 'custom',
+                    right: /*#__PURE__*/ React.createElement(_stack.default, {
+                        space: "around"
+                    }, radio)
+                })));
+            }
+        })));
+    }
+    return(/*#__PURE__*/ React.createElement(_box.default, {
+        paddingX: 16,
+        className: (0, _classnames).default(classes.rowContent, classes.hover, classes.hoverDisabled),
+        role: role
+    }, props.right ? renderContent({
+        type: 'custom',
+        right: props.right
+    }) : renderContent({
+        type: 'basic'
+    })));
 };
-
 var Row = function Row(props) {
-  return /*#__PURE__*/React.createElement(RowContent, props);
+    /*#__PURE__*/ return(/*#__PURE__*/ React.createElement(RowContent, _extends({
+    }, props)));
 };
-
 exports.Row = Row;
-
-var RowList = function RowList(_ref7) {
-  var children = _ref7.children,
-      ariaLabelledby = _ref7.ariaLabelledby,
-      role = _ref7.role,
-      dataAttributes = _ref7.dataAttributes;
-  return /*#__PURE__*/React.createElement("div", _extends({
-    role: role,
-    "aria-labelledby": ariaLabelledby
-  }, (0, _dom.getPrefixedDataAttributes)(dataAttributes)), React.Children.toArray(children).filter(Boolean).map(function (child, index) {
-    return /*#__PURE__*/React.createElement(React.Fragment, {
-      key: index
-    }, child, /*#__PURE__*/React.createElement(_box.default, {
-      paddingX: 16
-    }, /*#__PURE__*/React.createElement(_divider.default, null)));
-  }));
+var RowList = function RowList(param) {
+    var children = param.children, ariaLabelledby = param.ariaLabelledby, role = param.role, dataAttributes = param.dataAttributes;
+    /*#__PURE__*/ return(/*#__PURE__*/ React.createElement("div", _extends({
+        role: role,
+        "aria-labelledby": ariaLabelledby
+    }, (0, _dom).getPrefixedDataAttributes(dataAttributes)), React.Children.toArray(children).filter(Boolean).map(function(child, index) {
+        /*#__PURE__*/ return(/*#__PURE__*/ React.createElement(React.Fragment, {
+            key: index
+        }, child, /*#__PURE__*/ React.createElement(_box.default, {
+            paddingX: 16
+        }, /*#__PURE__*/ React.createElement(_divider.default, null))));
+    })));
 };
-
 exports.RowList = RowList;
-
 var BoxedRow = function BoxedRow(props) {
-  return /*#__PURE__*/React.createElement(_boxed.Boxed, {
-    isInverse: props.isInverse
-  }, /*#__PURE__*/React.createElement(RowContent, props));
+    /*#__PURE__*/ return(/*#__PURE__*/ React.createElement(_boxed.Boxed, {
+        isInverse: props.isInverse
+    }, /*#__PURE__*/ React.createElement(RowContent, _extends({
+    }, props))));
 };
-
 exports.BoxedRow = BoxedRow;
-
-var BoxedRowList = function BoxedRowList(_ref8) {
-  var children = _ref8.children,
-      ariaLabelledby = _ref8.ariaLabelledby,
-      role = _ref8.role,
-      dataAttributes = _ref8.dataAttributes;
-  return /*#__PURE__*/React.createElement(_stack.default, {
-    space: 16,
-    role: role,
-    "aria-labelledby": ariaLabelledby,
-    dataAttributes: dataAttributes
-  }, children);
+var BoxedRowList = function BoxedRowList(param) {
+    var children = param.children, ariaLabelledby = param.ariaLabelledby, role = param.role, dataAttributes = param.dataAttributes;
+    /*#__PURE__*/ return(/*#__PURE__*/ React.createElement(_stack.default, {
+        space: 16,
+        role: role,
+        "aria-labelledby": ariaLabelledby,
+        dataAttributes: dataAttributes
+    }, children));
 };
-
-exports.BoxedRowList = BoxedRowList;
+exports.BoxedRowList = BoxedRowList;