@wix/design-system/dist/cjs/ListItemSection/ListItemSection.js

@wix/design-system

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.listItemSectionBuilder = exports.ListItemSection = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _react = _interopRequireDefault(require("react"));
var _Divider = require("../Divider");
var _Text = require("../Text");
var _TextButton = require("../TextButton");
var _StringUtils = require("../utils/StringUtils");
var _ListItemSection = require("./ListItemSection.constants");
var _ListItemSectionSt = require("./ListItemSection.st.css.js");
var _jsxFileName = "/home/builduser/work/57e038ea7326c1ec/packages/wix-design-system/dist/cjs/ListItemSection/ListItemSection.tsx";
var ListItemSection = _ref => {
  var _ref$type = _ref.type,
    type = _ref$type === void 0 ? _ListItemSection.TYPES.TITLE : _ref$type,
    _ref$ellipsis = _ref.ellipsis,
    ellipsis = _ref$ellipsis === void 0 ? false : _ref$ellipsis,
    dataHook = _ref.dataHook,
    className = _ref.className,
    title = _ref.title,
    suffix = _ref.suffix,
    onClick = _ref.onClick;
  var isSeparatorElement = type === _ListItemSection.TYPES.WHITESPACE || type === _ListItemSection.TYPES.DIVIDER;
  var isSubheader = type === _ListItemSection.TYPES.SUBHEADER;
  if (isSeparatorElement) {
    return /*#__PURE__*/_react.default.createElement("div", {
      className: (0, _ListItemSectionSt.st)(_ListItemSectionSt.classes.root, {
        [type]: true
      }),
      "data-hook": dataHook,
      onClick: e => e.stopPropagation(),
      __self: void 0,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 29,
        columnNumber: 7
      }
    }, type === _ListItemSection.TYPES.DIVIDER && /*#__PURE__*/_react.default.createElement(_Divider.Divider, {
      __self: void 0,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 34,
        columnNumber: 36
      }
    }));
  }
  return /*#__PURE__*/_react.default.createElement("div", {
    className: (0, _ListItemSectionSt.st)(_ListItemSectionSt.classes.root, {
      subheader: isSubheader,
      ellipsis,
      suffix: !!suffix
    }, className),
    "data-hook": dataHook,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 40,
      columnNumber: 5
    }
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: _ListItemSectionSt.classes.titleWrapper,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 52,
      columnNumber: 7
    }
  }, /*#__PURE__*/_react.default.createElement(_Text.Text, {
    dataHook: _ListItemSection.dataHooks.TITLE,
    tagName: "div",
    size: "small",
    className: _ListItemSectionSt.classes.title,
    ellipsis: ellipsis,
    enterDelay: 300,
    weight: isSubheader ? _Text.WEIGHTS.normal : _Text.WEIGHTS.bold,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 53,
      columnNumber: 9
    }
  }, title)), suffix && (0, _StringUtils.isString)(suffix) && /*#__PURE__*/_react.default.createElement("div", {
    className: _ListItemSectionSt.classes.suffixWrapper,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 66,
      columnNumber: 9
    }
  }, /*#__PURE__*/_react.default.createElement(_TextButton.TextButton, {
    ellipsis: ellipsis,
    dataHook: _ListItemSection.dataHooks.SUFFIX,
    size: "tiny",
    onClick: onClick,
    className: _ListItemSectionSt.classes.suffix,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 67,
      columnNumber: 11
    }
  }, suffix)), suffix && !(0, _StringUtils.isString)(suffix) && /*#__PURE__*/_react.default.createElement("div", {
    "data-hook": _ListItemSection.dataHooks.SUFFIX,
    className: _ListItemSectionSt.classes.suffixWrapper,
    onClick: onClick,
    __self: void 0,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 79,
      columnNumber: 9
    }
  }, suffix));
};
exports.ListItemSection = ListItemSection;
ListItemSection.displayName = 'ListItemSection';
var listItemSectionBuilder = _ref2 => {
  var id = _ref2.id,
    className = _ref2.className,
    dataHook = _ref2.dataHook,
    type = _ref2.type,
    title = _ref2.title,
    suffix = _ref2.suffix,
    ellipsis = _ref2.ellipsis;
  return {
    id,
    overrideOptionStyle: true,
    disabled: true,
    prefix: undefined,
    label: undefined,
    value: props => /*#__PURE__*/_react.default.createElement(ListItemSection, (0, _extends2.default)({
      className: className,
      dataHook: dataHook,
      type: type,
      title: title,
      suffix: suffix,
      ellipsis: ellipsis
    }, props, {
      __self: void 0,
      __source: {
        fileName: _jsxFileName,
        lineNumber: 109,
        columnNumber: 5
      }
    }))
  };
};
exports.listItemSectionBuilder = listItemSectionBuilder;
//# sourceMappingURL=ListItemSection.js.map