mirror of
https://github.com/apache/superset.git
synced 2026-06-02 06:09:21 +00:00
bcad1acec2
* fix:fix get permission function * feat: dynamic loading of dashboard components * fix: revert image * fix: fix py * fix: fix py * fix: pass state to dynamic component * lint: add typing * lint: fix lint * lint: fix lint * refactor: re-run pipeline * fix: fix CR notes * fix: fix CR notes * move types and interfaces to core * reorder exports * rename Scope and Target Co-authored-by: Ville Brofeldt <ville.v.brofeldt@gmail.com>
97 lines
2.9 KiB
JavaScript
97 lines
2.9 KiB
JavaScript
/**
|
|
* Licensed to the Apache Software Foundation (ASF) under one
|
|
* or more contributor license agreements. See the NOTICE file
|
|
* distributed with this work for additional information
|
|
* regarding copyright ownership. The ASF licenses this file
|
|
* to you under the Apache License, Version 2.0 (the
|
|
* "License"); you may not use this file except in compliance
|
|
* with the License. You may obtain a copy of the License at
|
|
*
|
|
* http://www.apache.org/licenses/LICENSE-2.0
|
|
*
|
|
* Unless required by applicable law or agreed to in writing,
|
|
* software distributed under the License is distributed on an
|
|
* "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY
|
|
* KIND, either express or implied. See the License for the
|
|
* specific language governing permissions and limitations
|
|
* under the License.
|
|
*/
|
|
import findParentId from './findParentId';
|
|
import { GRID_MIN_COLUMN_COUNT, GRID_COLUMN_COUNT } from './constants';
|
|
import {
|
|
ROW_TYPE,
|
|
COLUMN_TYPE,
|
|
MARKDOWN_TYPE,
|
|
CHART_TYPE,
|
|
DYNAMIC_TYPE,
|
|
} from './componentTypes';
|
|
|
|
function getTotalChildWidth({ id, components }) {
|
|
const component = components[id];
|
|
if (!component) return 0;
|
|
|
|
let width = 0;
|
|
|
|
(component.children || []).forEach(childId => {
|
|
const child = components[childId] || {};
|
|
width += (child.meta || {}).width || 0;
|
|
});
|
|
|
|
return width;
|
|
}
|
|
|
|
export default function getDetailedComponentWidth({
|
|
// pass either an id, or a component
|
|
id,
|
|
component: passedComponent,
|
|
components = {},
|
|
}) {
|
|
const result = {
|
|
width: undefined,
|
|
occupiedWidth: undefined,
|
|
minimumWidth: undefined,
|
|
};
|
|
|
|
const component = passedComponent || components[id];
|
|
if (!component) return result;
|
|
|
|
// note these remain as undefined if the component has no defined width
|
|
result.width = (component.meta || {}).width;
|
|
result.occupiedWidth = result.width;
|
|
|
|
if (component.type === ROW_TYPE) {
|
|
// not all rows have width 12, e
|
|
result.width =
|
|
getDetailedComponentWidth({
|
|
id: findParentId({
|
|
childId: component.id,
|
|
layout: components,
|
|
}),
|
|
components,
|
|
}).width || GRID_COLUMN_COUNT;
|
|
result.occupiedWidth = getTotalChildWidth({ id: component.id, components });
|
|
result.minimumWidth = result.occupiedWidth || GRID_MIN_COLUMN_COUNT;
|
|
} else if (component.type === COLUMN_TYPE) {
|
|
// find the width of the largest child, only rows count
|
|
result.minimumWidth = GRID_MIN_COLUMN_COUNT;
|
|
result.occupiedWidth = 0;
|
|
(component.children || []).forEach(childId => {
|
|
// rows don't have widths, so find the width of its children
|
|
if (components[childId].type === ROW_TYPE) {
|
|
result.minimumWidth = Math.max(
|
|
result.minimumWidth,
|
|
getTotalChildWidth({ id: childId, components }),
|
|
);
|
|
}
|
|
});
|
|
} else if (
|
|
component.type === DYNAMIC_TYPE ||
|
|
component.type === MARKDOWN_TYPE ||
|
|
component.type === CHART_TYPE
|
|
) {
|
|
result.minimumWidth = GRID_MIN_COLUMN_COUNT;
|
|
}
|
|
|
|
return result;
|
|
}
|