Socket
Socket
Sign inDemoInstall

@superset-ui/dimension

Package Overview
Dependencies
Maintainers
12
Versions
26
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@superset-ui/dimension - npm Package Compare versions

Comparing version 0.12.21 to 0.13.0

15

lib/computeMaxFontSize.js

@@ -1,10 +0,1 @@

"use strict";
exports.__esModule = true;
exports.default = computeMaxFontSize;
var _getTextDimension = _interopRequireDefault(require("./getTextDimension"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function _extends() { _extends = Object.assign || 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); }

@@ -14,2 +5,4 @@

import getTextDimension from './getTextDimension';
function decreaseSizeUntil(startSize, computeDimension, condition) {

@@ -27,3 +20,3 @@ let size = startSize;

function computeMaxFontSize(input) {
export default function computeMaxFontSize(input) {
const {

@@ -48,3 +41,3 @@ idealFontSize,

function computeDimension(fontSize) {
return (0, _getTextDimension.default)(_extends({}, rest, {
return getTextDimension(_extends({}, rest, {
style: _extends({}, style, {

@@ -51,0 +44,0 @@ fontSize: fontSize + "px"

@@ -1,14 +0,4 @@

"use strict";
exports.__esModule = true;
exports.default = getMultipleTextDimensions;
var _getBBoxCeil = _interopRequireDefault(require("./svg/getBBoxCeil"));
var _factories = require("./svg/factories");
var _updateTextNode = _interopRequireDefault(require("./svg/updateTextNode"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
import getBBoxCeil from './svg/getBBoxCeil';
import { hiddenSvgFactory, textFactory } from './svg/factories';
import updateTextNode from './svg/updateTextNode';
/**

@@ -19,3 +9,4 @@ * get dimensions of multiple texts with same style

*/
function getMultipleTextDimensions(input, defaultDimension) {
export default function getMultipleTextDimensions(input, defaultDimension) {
const {

@@ -43,8 +34,8 @@ texts,

if (!textNode) {
svgNode = _factories.hiddenSvgFactory.createInContainer(container);
textNode = _factories.textFactory.createInContainer(svgNode);
svgNode = hiddenSvgFactory.createInContainer(container);
textNode = textFactory.createInContainer(svgNode);
} // Update text and get dimension
(0, _updateTextNode.default)(textNode, {
updateTextNode(textNode, {
className,

@@ -54,3 +45,3 @@ style,

});
const dimension = (0, _getBBoxCeil.default)(textNode, defaultDimension); // Store result to cache
const dimension = getBBoxCeil(textNode, defaultDimension); // Store result to cache

@@ -70,5 +61,4 @@ cache.set(text, dimension);

setTimeout(() => {
_factories.textFactory.removeFromContainer(svgNode);
_factories.hiddenSvgFactory.removeFromContainer(container);
textFactory.removeFromContainer(svgNode);
hiddenSvgFactory.removeFromContainer(container);
}, 500);

@@ -75,0 +65,0 @@ }

@@ -1,15 +0,5 @@

"use strict";
exports.__esModule = true;
exports.default = getTextDimension;
var _updateTextNode = _interopRequireDefault(require("./svg/updateTextNode"));
var _getBBoxCeil = _interopRequireDefault(require("./svg/getBBoxCeil"));
var _factories = require("./svg/factories");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function getTextDimension(input, defaultDimension) {
import updateTextNode from './svg/updateTextNode';
import getBBoxCeil from './svg/getBBoxCeil';
import { hiddenSvgFactory, textFactory } from './svg/factories';
export default function getTextDimension(input, defaultDimension) {
const {

@@ -29,7 +19,5 @@ text,

const svgNode = _factories.hiddenSvgFactory.createInContainer(container);
const textNode = _factories.textFactory.createInContainer(svgNode);
(0, _updateTextNode.default)(textNode, {
const svgNode = hiddenSvgFactory.createInContainer(container);
const textNode = textFactory.createInContainer(svgNode);
updateTextNode(textNode, {
className,

@@ -39,3 +27,3 @@ style,

});
const dimension = (0, _getBBoxCeil.default)(textNode, defaultDimension); // The nodes are added to the DOM briefly only to make getBBox works.
const dimension = getBBoxCeil(textNode, defaultDimension); // The nodes are added to the DOM briefly only to make getBBox works.
// (If not added to DOM getBBox will always return 0x0.)

@@ -49,7 +37,6 @@ // After that the svg nodes are not needed.

setTimeout(() => {
_factories.textFactory.removeFromContainer(svgNode);
_factories.hiddenSvgFactory.removeFromContainer(container);
textFactory.removeFromContainer(svgNode);
hiddenSvgFactory.removeFromContainer(container);
}, 500);
return dimension;
}

@@ -1,41 +0,6 @@

"use strict";
exports.__esModule = true;
var _exportNames = {
getTextDimension: true,
getMultipleTextDimensions: true,
computeMaxFontSize: true,
mergeMargin: true,
parseLength: true
};
exports.parseLength = exports.mergeMargin = exports.computeMaxFontSize = exports.getMultipleTextDimensions = exports.getTextDimension = void 0;
var _getTextDimension = _interopRequireDefault(require("./getTextDimension"));
exports.getTextDimension = _getTextDimension.default;
var _getMultipleTextDimensions = _interopRequireDefault(require("./getMultipleTextDimensions"));
exports.getMultipleTextDimensions = _getMultipleTextDimensions.default;
var _computeMaxFontSize = _interopRequireDefault(require("./computeMaxFontSize"));
exports.computeMaxFontSize = _computeMaxFontSize.default;
var _mergeMargin = _interopRequireDefault(require("./mergeMargin"));
exports.mergeMargin = _mergeMargin.default;
var _parseLength = _interopRequireDefault(require("./parseLength"));
exports.parseLength = _parseLength.default;
var _types = require("./types");
Object.keys(_types).forEach(function (key) {
if (key === "default" || key === "__esModule") return;
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
exports[key] = _types[key];
});
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
export { default as getTextDimension } from './getTextDimension';
export { default as getMultipleTextDimensions } from './getMultipleTextDimensions';
export { default as computeMaxFontSize } from './computeMaxFontSize';
export { default as mergeMargin } from './mergeMargin';
export { default as parseLength } from './parseLength';
export * from './types';

@@ -1,6 +0,1 @@

"use strict";
exports.__esModule = true;
exports.default = mergeMargin;
function mergeOneSide(operation, a = 0, b = 0) {

@@ -12,3 +7,3 @@ if (Number.isNaN(a) || a === null) return b;

function mergeMargin(margin1 = {}, margin2 = {}, mode = 'expand') {
export default function mergeMargin(margin1 = {}, margin2 = {}, mode = 'expand') {
const {

@@ -15,0 +10,0 @@ top,

@@ -1,5 +0,1 @@

"use strict";
exports.__esModule = true;
exports.default = parseLength;
const HUNDRED_PERCENT = {

@@ -9,4 +5,3 @@ isDynamic: true,

};
function parseLength(input) {
export default function parseLength(input) {
if (input === 'auto' || input === '100%') {

@@ -13,0 +8,0 @@ return HUNDRED_PERCENT;

@@ -1,7 +0,2 @@

"use strict";
exports.__esModule = true;
exports.SVG_NS = void 0;
// eslint-disable-next-line import/prefer-default-export
const SVG_NS = 'http://www.w3.org/2000/svg';
exports.SVG_NS = SVG_NS;
export const SVG_NS = 'http://www.w3.org/2000/svg';

@@ -1,10 +0,4 @@

"use strict";
exports.__esModule = true;
exports.default = createHiddenSvgNode;
var _constants = require("./constants");
function createHiddenSvgNode() {
const svgNode = document.createElementNS(_constants.SVG_NS, 'svg');
import { SVG_NS } from './constants';
export default function createHiddenSvgNode() {
const svgNode = document.createElementNS(SVG_NS, 'svg');
svgNode.style.position = 'absolute'; // so it won't disrupt page layout

@@ -11,0 +5,0 @@

@@ -1,10 +0,4 @@

"use strict";
exports.__esModule = true;
exports.default = createTextNode;
var _constants = require("./constants");
function createTextNode() {
return document.createElementNS(_constants.SVG_NS, 'text');
import { SVG_NS } from './constants';
export default function createTextNode() {
return document.createElementNS(SVG_NS, 'text');
}

@@ -1,17 +0,5 @@

"use strict";
exports.__esModule = true;
exports.textFactory = exports.hiddenSvgFactory = void 0;
var _LazyFactory = _interopRequireDefault(require("./LazyFactory"));
var _createHiddenSvgNode = _interopRequireDefault(require("./createHiddenSvgNode"));
var _createTextNode = _interopRequireDefault(require("./createTextNode"));
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
const hiddenSvgFactory = new _LazyFactory.default(_createHiddenSvgNode.default);
exports.hiddenSvgFactory = hiddenSvgFactory;
const textFactory = new _LazyFactory.default(_createTextNode.default);
exports.textFactory = textFactory;
import LazyFactory from './LazyFactory';
import createHiddenSvgNode from './createHiddenSvgNode';
import createTextNode from './createTextNode';
export const hiddenSvgFactory = new LazyFactory(createHiddenSvgNode);
export const textFactory = new LazyFactory(createTextNode);

@@ -1,5 +0,1 @@

"use strict";
exports.__esModule = true;
exports.default = getBBoxCeil;
const DEFAULT_DIMENSION = {

@@ -9,4 +5,3 @@ height: 20,

};
function getBBoxCeil(node, defaultDimension = DEFAULT_DIMENSION) {
export default function getBBoxCeil(node, defaultDimension = DEFAULT_DIMENSION) {
const {

@@ -13,0 +8,0 @@ width,

@@ -1,9 +0,4 @@

"use strict";
exports.__esModule = true;
exports.default = void 0;
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
class LazyFactory {
export default class LazyFactory {
constructor(factoryFn) {

@@ -45,4 +40,2 @@ _defineProperty(this, "activeNodes", new Map());

}
exports.default = LazyFactory;
}

@@ -1,8 +0,3 @@

"use strict";
exports.__esModule = true;
exports.default = updateTextNode;
const STYLE_FIELDS = ['font', 'fontWeight', 'fontStyle', 'fontSize', 'fontFamily', 'letterSpacing'];
function updateTextNode(node, {
export default function updateTextNode(node, {
className,

@@ -9,0 +4,0 @@ style = {},

{
"name": "@superset-ui/dimension",
"version": "0.12.21",
"version": "0.13.0",
"description": "Superset UI dimension",

@@ -28,3 +28,3 @@ "sideEffects": false,

},
"gitHead": "fb9cce364fa6046e774d76dda07947be62347c2f"
"gitHead": "72b0c99f843add947371c6ee45cc32d57db6b027"
}
SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc