mirror of
https://github.com/apache/superset.git
synced 2024-09-18 19:49:37 -04:00
refactor: Removes the CSS files from the Partition plugin (#19521)
* refactor: Removes the CSS files from the Partition plugin * Fixes bullet * Always use the color of the partitions
This commit is contained in:
parent
06dee825a4
commit
97850a80c8
@ -2,31 +2,25 @@
|
|||||||
"name": "@superset-ui/legacy-plugin-chart-partition",
|
"name": "@superset-ui/legacy-plugin-chart-partition",
|
||||||
"version": "0.18.25",
|
"version": "0.18.25",
|
||||||
"description": "Superset Legacy Chart - Partition",
|
"description": "Superset Legacy Chart - Partition",
|
||||||
"sideEffects": [
|
"keywords": [
|
||||||
"*.css"
|
"superset"
|
||||||
],
|
],
|
||||||
|
"homepage": "https://github.com/apache-superset/superset-ui#readme",
|
||||||
|
"bugs": {
|
||||||
|
"url": "https://github.com/apache-superset/superset-ui/issues"
|
||||||
|
},
|
||||||
|
"repository": {
|
||||||
|
"type": "git",
|
||||||
|
"url": "git+https://github.com/apache-superset/superset-ui.git"
|
||||||
|
},
|
||||||
|
"license": "Apache-2.0",
|
||||||
|
"author": "Superset",
|
||||||
"main": "lib/index.js",
|
"main": "lib/index.js",
|
||||||
"module": "esm/index.js",
|
"module": "esm/index.js",
|
||||||
"files": [
|
"files": [
|
||||||
"esm",
|
"esm",
|
||||||
"lib"
|
"lib"
|
||||||
],
|
],
|
||||||
"repository": {
|
|
||||||
"type": "git",
|
|
||||||
"url": "git+https://github.com/apache-superset/superset-ui.git"
|
|
||||||
},
|
|
||||||
"keywords": [
|
|
||||||
"superset"
|
|
||||||
],
|
|
||||||
"author": "Superset",
|
|
||||||
"license": "Apache-2.0",
|
|
||||||
"bugs": {
|
|
||||||
"url": "https://github.com/apache-superset/superset-ui/issues"
|
|
||||||
},
|
|
||||||
"homepage": "https://github.com/apache-superset/superset-ui#readme",
|
|
||||||
"publishConfig": {
|
|
||||||
"access": "public"
|
|
||||||
},
|
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"d3": "^3.5.17",
|
"d3": "^3.5.17",
|
||||||
"d3-hierarchy": "^1.1.8",
|
"d3-hierarchy": "^1.1.8",
|
||||||
@ -35,7 +29,10 @@
|
|||||||
"peerDependencies": {
|
"peerDependencies": {
|
||||||
"@superset-ui/chart-controls": "*",
|
"@superset-ui/chart-controls": "*",
|
||||||
"@superset-ui/core": "*",
|
"@superset-ui/core": "*",
|
||||||
"react": "^16.13.1",
|
"enzyme": "*",
|
||||||
"enzyme": "*"
|
"react": "^16.13.1"
|
||||||
|
},
|
||||||
|
"publishConfig": {
|
||||||
|
"access": "public"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -1,64 +0,0 @@
|
|||||||
/**
|
|
||||||
* 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.
|
|
||||||
*/
|
|
||||||
.superset-legacy-chart-partition {
|
|
||||||
position: relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
.superset-legacy-chart-partition .chart {
|
|
||||||
display: block;
|
|
||||||
margin: auto;
|
|
||||||
font-size: 11px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.superset-legacy-chart-partition rect {
|
|
||||||
stroke: #eee;
|
|
||||||
fill: #aaa;
|
|
||||||
fill-opacity: 0.8;
|
|
||||||
transition: fill-opacity 180ms linear;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
|
|
||||||
.superset-legacy-chart-partition rect:hover {
|
|
||||||
fill-opacity: 1;
|
|
||||||
}
|
|
||||||
|
|
||||||
.superset-legacy-chart-partition g text {
|
|
||||||
font-weight: bold;
|
|
||||||
fill: rgba(0, 0, 0, 0.8);
|
|
||||||
}
|
|
||||||
|
|
||||||
.superset-legacy-chart-partition g:hover text {
|
|
||||||
fill: rgba(0, 0, 0, 1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.superset-legacy-chart-partition .partition-tooltip {
|
|
||||||
position: absolute;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
opacity: 0;
|
|
||||||
padding: 5px;
|
|
||||||
pointer-events: none;
|
|
||||||
background-color: rgba(255, 255, 255, 0.75);
|
|
||||||
border-radius: 5px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.partition-tooltip td {
|
|
||||||
padding-left: 5px;
|
|
||||||
font-size: 11px;
|
|
||||||
}
|
|
@ -26,7 +26,6 @@ import {
|
|||||||
getTimeFormatter,
|
getTimeFormatter,
|
||||||
CategoricalColorNamespace,
|
CategoricalColorNamespace,
|
||||||
} from '@superset-ui/core';
|
} from '@superset-ui/core';
|
||||||
import './Partition.css';
|
|
||||||
|
|
||||||
// Compute dx, dy, x, y for each node and
|
// Compute dx, dy, x, y for each node and
|
||||||
// return an array of nodes in breadth-first order
|
// return an array of nodes in breadth-first order
|
||||||
@ -268,13 +267,12 @@ function Icicle(element, props) {
|
|||||||
if (useRichTooltip) {
|
if (useRichTooltip) {
|
||||||
const nodes = getAncestors(d);
|
const nodes = getAncestors(d);
|
||||||
nodes.reverse().forEach(n => {
|
nodes.reverse().forEach(n => {
|
||||||
const atNode = n.depth === d.depth;
|
|
||||||
t += '<tbody>';
|
t += '<tbody>';
|
||||||
t +=
|
t +=
|
||||||
'<tr>' +
|
'<tr>' +
|
||||||
'<td>' +
|
'<td>' +
|
||||||
'<div ' +
|
'<div ' +
|
||||||
`style='border: 2px solid ${atNode ? 'black' : 'transparent'};` +
|
`style='border: 2px solid transparent;` +
|
||||||
`background-color: ${n.color};'` +
|
`background-color: ${n.color};'` +
|
||||||
'></div>' +
|
'></div>' +
|
||||||
'</td>' +
|
'</td>' +
|
||||||
|
@ -1,22 +0,0 @@
|
|||||||
/**
|
|
||||||
* 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 { reactify } from '@superset-ui/core';
|
|
||||||
import Component from './Partition';
|
|
||||||
|
|
||||||
export default reactify(Component);
|
|
@ -0,0 +1,81 @@
|
|||||||
|
/**
|
||||||
|
* 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 React from 'react';
|
||||||
|
import { reactify, styled } from '@superset-ui/core';
|
||||||
|
import Component from './Partition';
|
||||||
|
|
||||||
|
const ReactComponent = reactify(Component);
|
||||||
|
|
||||||
|
const Partition = ({ className, ...otherProps }) => (
|
||||||
|
<div className={className}>
|
||||||
|
<ReactComponent {...otherProps} />
|
||||||
|
</div>
|
||||||
|
);
|
||||||
|
|
||||||
|
export default styled(Partition)`
|
||||||
|
${({ theme }) => `
|
||||||
|
.superset-legacy-chart-partition {
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
.superset-legacy-chart-partition .chart {
|
||||||
|
display: block;
|
||||||
|
margin: auto;
|
||||||
|
font-size: ${theme.typography.sizes.s}px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.superset-legacy-chart-partition rect {
|
||||||
|
stroke: ${theme.colors.grayscale.light2};
|
||||||
|
fill: ${theme.colors.grayscale.light1};
|
||||||
|
fill-opacity: ${theme.opacity.heavy};
|
||||||
|
transition: fill-opacity 180ms linear;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
|
||||||
|
.superset-legacy-chart-partition rect:hover {
|
||||||
|
fill-opacity: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.superset-legacy-chart-partition g text {
|
||||||
|
font-weight: ${theme.typography.weights.bold};
|
||||||
|
fill: ${theme.colors.grayscale.dark1};
|
||||||
|
}
|
||||||
|
|
||||||
|
.superset-legacy-chart-partition g:hover text {
|
||||||
|
fill: ${theme.colors.grayscale.dark2};
|
||||||
|
}
|
||||||
|
|
||||||
|
.superset-legacy-chart-partition .partition-tooltip {
|
||||||
|
position: absolute;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
opacity: 0;
|
||||||
|
padding: ${theme.gridUnit}px;
|
||||||
|
pointer-events: none;
|
||||||
|
background-color: ${theme.colors.grayscale.dark2};
|
||||||
|
border-radius: ${theme.gridUnit}px;
|
||||||
|
}
|
||||||
|
|
||||||
|
.partition-tooltip td {
|
||||||
|
padding-left: ${theme.gridUnit}px;
|
||||||
|
font-size: ${theme.typography.sizes.s}px;
|
||||||
|
color: ${theme.colors.grayscale.light5};
|
||||||
|
}
|
||||||
|
`}
|
||||||
|
`;
|
Loading…
Reference in New Issue
Block a user