@zohodesk/components/lib/shared/ArrowIcon/ArrowIcon.js

Dot UI is a customizable React component library built to deliver a clean, accessible, and developer-friendly UI experience. It offers a growing set of reusable components designed to align with modern design systems and streamline application development

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;

var _react = _interopRequireDefault(require("react"));

var _Layout = require("../../Layout");

var _Icon = _interopRequireDefault(require("@zohodesk/icons/es/Icon"));

var _utils = require("@zohodesk/utils");

var _defaultProps = _interopRequireDefault(require("./props/defaultProps"));

var _propTypes = _interopRequireDefault(require("./props/propTypes"));

var _ArrowIconModule = _interopRequireDefault(require("./ArrowIcon.module.css"));

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }

function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }

var ArrowIcon = function ArrowIcon(props) {
  var dataId = props.dataId,
      isRotated = props.isRotated,
      isActive = props.isActive,
      customClass = props.customClass,
      customProps = props.customProps,
      tagAttributes = props.tagAttributes,
      a11yAttributes = props.a11yAttributes,
      iconSize = props.iconSize,
      isDisabled = props.isDisabled,
      isReadOnly = props.isReadOnly,
      renderCustomToggleIndicator = props.renderCustomToggleIndicator;
  var _customClass$iconClas = customClass.iconClass,
      iconClass = _customClass$iconClas === void 0 ? '' : _customClass$iconClas,
      _customClass$containe = customClass.containerClass,
      containerClass = _customClass$containe === void 0 ? '' : _customClass$containe;
  return (0, _utils.isRenderable)(renderCustomToggleIndicator) ? (0, _utils.renderNode)(renderCustomToggleIndicator, {
    isRotated: isRotated,
    isActive: isActive,
    isReadOnly: isReadOnly,
    isDisabled: isDisabled
  }) : /*#__PURE__*/_react["default"].createElement(_Layout.Container, _extends({
    isInline: true,
    isCover: false,
    align: "both",
    "aria-hidden": true
  }, tagAttributes, a11yAttributes, customProps, {
    dataId: "".concat(dataId, "_downIcon"),
    className: "".concat(_ArrowIconModule["default"].arrowIcon, " ").concat(isRotated ? _ArrowIconModule["default"].rotated : '', " ").concat(isActive ? _ArrowIconModule["default"].active : '', " ").concat(isDisabled ? _ArrowIconModule["default"].disabled : '', " ").concat(isReadOnly ? _ArrowIconModule["default"].readonly : '', " ").concat(containerClass)
  }), /*#__PURE__*/_react["default"].createElement(_Icon["default"], {
    name: "ZD-down",
    size: iconSize,
    iconClass: iconClass
  }));
};

ArrowIcon.defaultProps = _defaultProps["default"];
ArrowIcon.propTypes = _propTypes["default"];
var _default = ArrowIcon;
exports["default"] = _default;