react-lightning-design-system/lib/scripts/Tree.js

Salesforce Lightning Design System components built with React

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.TreeContext = exports.Tree = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _react = _interopRequireWildcard(require("react"));
var _classnames = _interopRequireDefault(require("classnames"));
var _excluded = ["className", "label", "children", "toggleOnNodeClick", "onNodeClick", "onNodeLabelClick", "onNodeToggle"];
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(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; }
/**
 *
 */
var TreeContext = exports.TreeContext = /*#__PURE__*/(0, _react.createContext)({});

/**
 *
 */

/**
 *
 */
var Tree = exports.Tree = function Tree(props) {
  var className = props.className,
    label = props.label,
    children = props.children,
    toggleOnNodeClick = props.toggleOnNodeClick,
    onNodeClick = props.onNodeClick,
    onNodeLabelClick = props.onNodeLabelClick,
    onNodeToggle = props.onNodeToggle,
    rprops = (0, _objectWithoutProperties2["default"])(props, _excluded);
  var treeClassNames = (0, _classnames["default"])(className, 'slds-tree_container');
  var ctx = (0, _react.useMemo)(function () {
    return {
      toggleOnNodeClick: toggleOnNodeClick,
      onNodeClick: onNodeClick,
      onNodeLabelClick: onNodeLabelClick,
      onNodeToggle: onNodeToggle
    };
  }, [toggleOnNodeClick, onNodeClick, onNodeLabelClick, onNodeToggle]);
  return /*#__PURE__*/_react["default"].createElement("div", (0, _extends2["default"])({
    className: treeClassNames
  }, rprops), label ? /*#__PURE__*/_react["default"].createElement("h4", {
    className: "slds-tree__group-header"
  }, label) : null, /*#__PURE__*/_react["default"].createElement("ul", {
    className: "slds-tree",
    role: "tree"
  }, /*#__PURE__*/_react["default"].createElement(TreeContext.Provider, {
    value: ctx
  }, children)));
};
//# sourceMappingURL=Tree.js.map