@enact/moonstone/Panels/ActivityPanels.js

Large-screen/TV support library for Enact, containing a variety of UI components.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = exports.ActivityPanels = void 0;
var _Slottable = _interopRequireDefault(require("@enact/ui/Slottable"));
var _Measurable = _interopRequireDefault(require("@enact/ui/Measurable"));
var _compose = _interopRequireDefault(require("ramda/src/compose"));
var _Skinnable = _interopRequireDefault(require("../Skinnable"));
var _Arrangers = require("./Arrangers");
var _BreadcrumbDecorator = _interopRequireDefault(require("./BreadcrumbDecorator"));
var _Panels = require("./Panels");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
var ActivityPanelsDecorator = (0, _compose["default"])((0, _Slottable["default"])({
  slots: ['controls']
}), (0, _Measurable["default"])({
  refProp: 'controlsRef',
  measurementProp: 'controlsMeasurements'
}), _Skinnable["default"], (0, _BreadcrumbDecorator["default"])({
  className: 'panels activity enact-fit',
  max: 1,
  panelArranger: _Arrangers.ActivityArranger
}));

/**
 * An instance of Panels in which the Panel uses the entire viewable screen with a single breadcrumb
 * for the previous panel when viewing any panel beyond the first.
 *
 * **Note** ActivityPanels requires that the `data-index` property that all panels variations add to
 * its children be applied to the root DOM node of each child in order to manage layout correctly.
 * It is recommended that you spread any extra props on the root node but you may also handle this
 * property explicitly if necessary.
 *
 * @class ActivityPanels
 * @memberof moonstone/Panels
 * @ui
 * @public
 */
var ActivityPanels = exports.ActivityPanels = ActivityPanelsDecorator(_Panels.PanelsBase);
var _default = exports["default"] = ActivityPanels;