Source code
Revision control
Copy as Markdown
Other Tools
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this
"use strict";
// Make this available to both AMD and CJS environments
define(function (require, exports, module) {
const PropTypes = require("devtools/client/shared/vendor/react-prop-types");
const {
wrapRender,
} = require("devtools/client/shared/components/reps/reps/rep-utils");
const {
MODE,
} = require("devtools/client/shared/components/reps/reps/constants");
const {
ModePropType,
} = require("devtools/client/shared/components/reps/reps/array");
const dom = require("devtools/client/shared/vendor/react-dom-factories");
const { span } = dom;
GripLengthBubble.propTypes = {
object: PropTypes.object.isRequired,
maxLengthMap: PropTypes.instanceOf(Map).isRequired,
getLength: PropTypes.func.isRequired,
mode: ModePropType,
visibilityThreshold: PropTypes.number,
};
function GripLengthBubble(props) {
const {
object,
mode = MODE.SHORT,
visibilityThreshold = 2,
maxLengthMap,
getLength,
showZeroLength = false,
} = props;
const length = getLength(object);
const isEmpty = length === 0;
const isObvious =
[MODE.SHORT, MODE.LONG].includes(mode) &&
length > 0 &&
length <= maxLengthMap.get(mode) &&
length <= visibilityThreshold;
if ((isEmpty && !showZeroLength) || isObvious) {
return "";
}
return span(
{
className: "objectLengthBubble",
},
`(${length})`
);
}
module.exports = {
lengthBubble: wrapRender(GripLengthBubble),
};
});