From 95876f2be7e9d0dda4c164fad5e71f5042ab0239 Mon Sep 17 00:00:00 2001
From: Ivana Huckova <30407135+ivanahuckova@users.noreply.github.com>
Date: Wed, 15 Apr 2020 21:33:07 +0200
Subject: [PATCH] @grafana/ui: Remove ColorPallete component (#23592)

* Remove ColorPalette and its tests as it is not used anywhere

* Remove obsolete snapshot test
---
 .../ColorPicker/ColorPalette.test.tsx         |  10 -
 .../components/ColorPicker/ColorPalette.tsx   |  44 --
 .../__snapshots__/ColorPalette.test.tsx.snap  | 628 ------------------
 3 files changed, 682 deletions(-)
 delete mode 100644 packages/grafana-ui/src/components/ColorPicker/ColorPalette.test.tsx
 delete mode 100644 packages/grafana-ui/src/components/ColorPicker/ColorPalette.tsx
 delete mode 100644 packages/grafana-ui/src/components/ColorPicker/__snapshots__/ColorPalette.test.tsx.snap

diff --git a/packages/grafana-ui/src/components/ColorPicker/ColorPalette.test.tsx b/packages/grafana-ui/src/components/ColorPicker/ColorPalette.test.tsx
deleted file mode 100644
index 0714180de54..00000000000
--- a/packages/grafana-ui/src/components/ColorPicker/ColorPalette.test.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-import React from 'react';
-import renderer from 'react-test-renderer';
-import { ColorPalette } from './ColorPalette';
-
-describe('CollorPalette', () => {
-  it('renders correctly', () => {
-    const tree = renderer.create(<ColorPalette color="#EAB839" onColorSelect={jest.fn()} />).toJSON();
-    expect(tree).toMatchSnapshot();
-  });
-});
diff --git a/packages/grafana-ui/src/components/ColorPicker/ColorPalette.tsx b/packages/grafana-ui/src/components/ColorPicker/ColorPalette.tsx
deleted file mode 100644
index 03ed9949361..00000000000
--- a/packages/grafana-ui/src/components/ColorPicker/ColorPalette.tsx
+++ /dev/null
@@ -1,44 +0,0 @@
-import React from 'react';
-import { sortedColors } from '../../utils';
-
-export interface Props {
-  color: string;
-  onColorSelect: (c: string) => void;
-}
-
-export class ColorPalette extends React.Component<Props, any> {
-  paletteColors: string[];
-
-  constructor(props: Props) {
-    super(props);
-    this.paletteColors = sortedColors;
-    this.onColorSelect = this.onColorSelect.bind(this);
-  }
-
-  onColorSelect(color: string) {
-    return () => {
-      this.props.onColorSelect(color);
-    };
-  }
-
-  render() {
-    const colorPaletteItems = this.paletteColors.map(paletteColor => {
-      const cssClass = paletteColor.toLowerCase() === this.props.color.toLowerCase() ? 'fa-circle-o' : 'fa-circle';
-      return (
-        <i
-          key={paletteColor}
-          className={'pointer fa ' + cssClass}
-          style={{ color: paletteColor }}
-          onClick={this.onColorSelect(paletteColor)}
-        >
-          &nbsp;
-        </i>
-      );
-    });
-    return (
-      <div className="graph-legend-popover">
-        <p className="m-b-0">{colorPaletteItems}</p>
-      </div>
-    );
-  }
-}
diff --git a/packages/grafana-ui/src/components/ColorPicker/__snapshots__/ColorPalette.test.tsx.snap b/packages/grafana-ui/src/components/ColorPicker/__snapshots__/ColorPalette.test.tsx.snap
deleted file mode 100644
index 38611cab7cc..00000000000
--- a/packages/grafana-ui/src/components/ColorPicker/__snapshots__/ColorPalette.test.tsx.snap
+++ /dev/null
@@ -1,628 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`CollorPalette renders correctly 1`] = `
-<div
-  className="graph-legend-popover"
->
-  <p
-    className="m-b-0"
-  >
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#890f02",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#58140c",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#99440a",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#c15c17",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#967302",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#cca300",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#3f6833",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#2f575e",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#64b0c8",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#052b51",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#0a50a1",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#584477",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#3f2b5b",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#511749",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#e24d42",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#bf1b00",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#ef843c",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#f4d598",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#e5ac0e",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#9ac48a",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#508642",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#6ed0e0",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#65c5db",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#0a437c",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#447ebc",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#614d93",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#d683ce",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#6d1f62",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#ea6460",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#e0752d",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#f9934e",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#fceaca",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle-o"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#eab839",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#b7dbab",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#629e51",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#70dbed",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#82b5d8",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#1f78c1",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#aea2e0",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#705da0",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#e5a8e2",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#962d82",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#f29191",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#fce2de",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#f9ba8f",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#f9e2d2",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#f2c96d",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#e0f9d7",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#7eb26d",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#cffaff",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#badff4",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#5195ce",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#dedaf7",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#806eb7",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#f9d9f9",
-        }
-      }
-    >
-       
-    </i>
-    <i
-      className="pointer fa fa-circle"
-      onClick={[Function]}
-      style={
-        Object {
-          "color": "#ba43a9",
-        }
-      }
-    >
-       
-    </i>
-  </p>
-</div>
-`;