sea-chart 0.0.1

package/lib/utils/custom-g2.js

@@ -0,0 +1,612 @@
+// 注册主题
+import * as CanvasEngine from '@antv/g-canvas/esm/index';
+import Area from '@antv/g2/esm/geometry/area';
+import Edge from '@antv/g2/esm/geometry/edge';
+import HeatMap from '@antv/g2/esm/geometry/heatmap';
+import Interval from '@antv/g2/esm/geometry/interval';
+import Line from '@antv/g2/esm/geometry/line';
+import Path from '@antv/g2/esm/geometry/path';
+import Point from '@antv/g2/esm/geometry/point';
+import Polygon from '@antv/g2/esm/geometry/polygon';
+import Schema from '@antv/g2/esm/geometry/schema';
+// 引入所有内置的 shapes
+import '@antv/g2/esm/geometry/shape/area/line';
+import '@antv/g2/esm/geometry/shape/area/smooth';
+import '@antv/g2/esm/geometry/shape/area/smooth-line';
+import '@antv/g2/esm/geometry/shape/edge/arc';
+import '@antv/g2/esm/geometry/shape/edge/smooth';
+import '@antv/g2/esm/geometry/shape/edge/vhv';
+import '@antv/g2/esm/geometry/shape/interval/funnel';
+import '@antv/g2/esm/geometry/shape/interval/hollow-rect';
+import '@antv/g2/esm/geometry/shape/interval/line';
+import '@antv/g2/esm/geometry/shape/interval/pyramid';
+import '@antv/g2/esm/geometry/shape/interval/tick';
+import '@antv/g2/esm/geometry/shape/line/step';
+import '@antv/g2/esm/geometry/shape/point/hollow';
+import '@antv/g2/esm/geometry/shape/point/image';
+import '@antv/g2/esm/geometry/shape/point/solid';
+import '@antv/g2/esm/geometry/shape/schema/box';
+import '@antv/g2/esm/geometry/shape/schema/candle';
+import GeometryLabel from '@antv/g2/esm/geometry/label/base';
+import IntervalLabel from '@antv/g2/esm/geometry/label/interval';
+import PieLabel from '@antv/g2/esm/geometry/label/pie';
+import PolarLabel from '@antv/g2/esm/geometry/label/polar';
+import { limitInCanvas } from '@antv/g2/esm/geometry/label/layout/limit-in-canvas';
+import { limitInShape } from '@antv/g2/esm/geometry/label/layout/limit-in-shape';
+import { fixedOverlap, overlap } from '@antv/g2/esm/geometry/label/layout/overlap';
+import { fadeIn, fadeOut } from '@antv/g2/esm/animate/animation/fade';
+import { growInX, growInXY, growInY } from '@antv/g2/esm/animate/animation/grow-in';
+import { pathIn } from '@antv/g2/esm/animate/animation/path-in';
+import { positionUpdate } from '@antv/g2/esm/animate/animation/position-update';
+import { scaleInX, scaleInY } from '@antv/g2/esm/animate/animation/scale-in';
+import { sectorPathUpdate } from '@antv/g2/esm/animate/animation/sector-path-update';
+import { waveIn } from '@antv/g2/esm/animate/animation/wave-in';
+import { zoomIn, zoomOut } from '@antv/g2/esm/animate/animation/zoom';
+import { registerEngine, registerGeometry, registerAnimation, registerFacet, registerComponentController, registerAction, registerInteraction, registerGeometryLabelLayout, registerGeometryLabel } from '@antv/g2/esm/core';
+import Circle from '@antv/g2/esm/facet/circle';
+import List from '@antv/g2/esm/facet/list';
+import Matrix from '@antv/g2/esm/facet/matrix';
+import Mirror from '@antv/g2/esm/facet/mirror';
+import Rect from '@antv/g2/esm/facet/rect';
+import Tree from '@antv/g2/esm/facet/tree';
+import Annotation from '@antv/g2/esm/chart/controller/annotation';
+import Axis from '@antv/g2/esm/chart/controller/axis';
+import Legend from '@antv/g2/esm/chart/controller/legend';
+import Slider from '@antv/g2/esm/chart/controller/slider';
+import Tooltip from '@antv/g2/esm/chart/controller/tooltip';
+import ActiveRegion from '@antv/g2/esm/interaction/action/active-region';
+import SiblingTooltip from '@antv/g2/esm/interaction/action/component/tooltip/sibling';
+import TooltipAction from '@antv/g2/esm/interaction/action/component/tooltip/geometry';
+import ElementActive from '@antv/g2/esm/interaction/action/element/active';
+import ElementLinkByColor from '@antv/g2/esm/interaction/action/element/link-by-color';
+import ElementRangeActive from '@antv/g2/esm/interaction/action/element/range-active';
+import ElementSingleActive from '@antv/g2/esm/interaction/action/element/single-active';
+import ElementHighlight from '@antv/g2/esm/interaction/action/element/highlight';
+import ElementHighlightByColor from '@antv/g2/esm/interaction/action/element/highlight-by-color';
+import ElementHighlightByX from '@antv/g2/esm/interaction/action/element/highlight-by-x';
+import ElementRangeHighlight from '@antv/g2/esm/interaction/action/element/range-highlight';
+import ElementSingleHighlight from '@antv/g2/esm/interaction/action/element/single-highlight';
+import ElementRangeSelected from '@antv/g2/esm/interaction/action/element/range-selected';
+import ElementSelected from '@antv/g2/esm/interaction/action/element/selected';
+import ElementSingleSelected from '@antv/g2/esm/interaction/action/element/single-selected';
+import ListActive from '@antv/g2/esm/interaction/action/component/list-active';
+import ListHighlight from '@antv/g2/esm/interaction/action/component/list-highlight';
+import ListSelected from '@antv/g2/esm/interaction/action/component/list-selected';
+import ListUnchecked from '@antv/g2/esm/interaction/action/component/list-unchecked';
+import CircleMask from '@antv/g2/esm/interaction/action/mask/circle';
+import DimMask from '@antv/g2/esm/interaction/action/mask/dim-rect';
+import PathMask from '@antv/g2/esm/interaction/action/mask/path';
+import RectMask from '@antv/g2/esm/interaction/action/mask/rect';
+import SmoothPathMask from '@antv/g2/esm/interaction/action/mask/smooth-path';
+import CursorAction from '@antv/g2/esm/interaction/action/cursor';
+import DataFilter from '@antv/g2/esm/interaction/action/data/filter';
+import DataRangeFilter from '@antv/g2/esm/interaction/action/data/range-filter';
+import SiblingFilter from '@antv/g2/esm/interaction/action/data/sibling-filter';
+import ElementFilter from '@antv/g2/esm/interaction/action/element/filter';
+import ElementSiblingFilter from '@antv/g2/esm/interaction/action/element/sibling-filter';
+import ButtonAction from '@antv/g2/esm/interaction/action/view/button';
+import ViewDrag from '@antv/g2/esm/interaction/action/view/drag';
+import ViewMove from '@antv/g2/esm/interaction/action/view/move';
+import ScaleTranslate from '@antv/g2/esm/interaction/action/view/scale-translate';
+import ScaleZoom from '@antv/g2/esm/interaction/action/view/scale-zoom';
+import { getAngle, polarToCartesian } from '@antv/g2/esm/util/graphics';
+import { rotate, transform, translate, zoom } from '@antv/g2/esm/util/transform';
+export { getRectWithCornerRadius } from '@antv/g2/esm/geometry/shape/interval/util';
+// 注册 G 渲染引擎
+registerEngine('canvas', CanvasEngine);
+
+// 注册 G2 内置的 geometry
+registerGeometry('Polygon', Polygon);
+registerGeometry('Interval', Interval);
+registerGeometry('Schema', Schema);
+registerGeometry('Path', Path);
+registerGeometry('Point', Point);
+registerGeometry('Line', Line);
+registerGeometry('Area', Area);
+registerGeometry('Edge', Edge);
+registerGeometry('Heatmap', HeatMap);
+
+// 注册 Geometry 内置的 label
+registerGeometryLabel('base', GeometryLabel);
+registerGeometryLabel('interval', IntervalLabel);
+registerGeometryLabel('pie', PieLabel);
+registerGeometryLabel('polar', PolarLabel);
+
+// 注册 Geometry label 内置的布局函数
+registerGeometryLabelLayout('overlap', overlap);
+registerGeometryLabelLayout('fixed-overlap', fixedOverlap);
+registerGeometryLabelLayout('limit-in-shape', limitInShape);
+registerGeometryLabelLayout('limit-in-canvas', limitInCanvas);
+
+// 注册需要的动画执行函数
+registerAnimation('fade-in', fadeIn);
+registerAnimation('fade-out', fadeOut);
+registerAnimation('grow-in-x', growInX);
+registerAnimation('grow-in-xy', growInXY);
+registerAnimation('grow-in-y', growInY);
+registerAnimation('scale-in-x', scaleInX);
+registerAnimation('scale-in-y', scaleInY);
+registerAnimation('wave-in', waveIn);
+registerAnimation('zoom-in', zoomIn);
+registerAnimation('zoom-out', zoomOut);
+registerAnimation('position-update', positionUpdate);
+registerAnimation('sector-path-update', sectorPathUpdate);
+registerAnimation('path-in', pathIn);
+
+// 注册内置的 Facet
+registerFacet('rect', Rect);
+registerFacet('mirror', Mirror);
+registerFacet('list', List);
+registerFacet('matrix', Matrix);
+registerFacet('circle', Circle);
+registerFacet('tree', Tree);
+
+// 注册内置的 Component
+// register build-in components
+registerComponentController('axis', Axis);
+registerComponentController('legend', Legend);
+registerComponentController('tooltip', Tooltip);
+registerComponentController('annotation', Annotation);
+registerComponentController('slider', Slider);
+
+// 注册 Interaction Action
+registerAction('tooltip', TooltipAction);
+registerAction('sibling-tooltip', SiblingTooltip);
+registerAction('element-active', ElementActive);
+registerAction('element-single-active', ElementSingleActive);
+registerAction('element-range-active', ElementRangeActive);
+registerAction('element-highlight', ElementHighlight);
+registerAction('element-highlight-by-x', ElementHighlightByX);
+registerAction('element-highlight-by-color', ElementHighlightByColor);
+registerAction('element-single-highlight', ElementSingleHighlight);
+registerAction('element-range-highlight', ElementRangeHighlight);
+registerAction('element-sibling-highlight', ElementRangeHighlight, {
+  effectSiblings: true,
+  effectByRecord: true
+});
+registerAction('element-selected', ElementSelected);
+registerAction('element-single-selected', ElementSingleSelected);
+registerAction('element-range-selected', ElementRangeSelected);
+registerAction('element-link-by-color', ElementLinkByColor);
+registerAction('active-region', ActiveRegion);
+registerAction('list-active', ListActive);
+registerAction('list-selected', ListSelected);
+registerAction('list-highlight', ListHighlight);
+registerAction('list-unchecked', ListUnchecked);
+registerAction('rect-mask', RectMask);
+registerAction('x-rect-mask', DimMask, {
+  dim: 'x'
+});
+registerAction('y-rect-mask', DimMask, {
+  dim: 'y'
+});
+registerAction('circle-mask', CircleMask);
+registerAction('path-mask', PathMask);
+registerAction('smooth-path-mask', SmoothPathMask);
+registerAction('cursor', CursorAction);
+registerAction('data-filter', DataFilter);
+registerAction('brush', DataRangeFilter);
+registerAction('brush-x', DataRangeFilter, {
+  dims: ['x']
+});
+registerAction('brush-y', DataRangeFilter, {
+  dims: ['y']
+});
+registerAction('sibling-filter', SiblingFilter);
+registerAction('sibling-x-filter', SiblingFilter);
+registerAction('sibling-y-filter', SiblingFilter);
+registerAction('element-filter', ElementFilter);
+registerAction('element-sibling-filter', ElementSiblingFilter);
+registerAction('element-sibling-filter-record', ElementSiblingFilter, {
+  byRecord: true
+});
+registerAction('view-drag', ViewDrag);
+registerAction('view-move', ViewMove);
+registerAction('scale-translate', ScaleTranslate);
+registerAction('scale-zoom', ScaleZoom);
+registerAction('reset-button', ButtonAction, {
+  name: 'reset-button',
+  text: 'reset'
+});
+
+// 注册默认的 Interaction 交互行为
+function isPointInView(context) {
+  return context.isInPlot();
+}
+
+// 注册 tooltip 的 interaction
+registerInteraction('tooltip', {
+  start: [{
+    trigger: 'plot:mousemove',
+    action: 'tooltip:show'
+  }],
+  end: [{
+    trigger: 'plot:mouseleave',
+    action: 'tooltip:hide'
+  }]
+});
+
+// 移动到 element 上 active
+registerInteraction('element-active', {
+  start: [{
+    trigger: 'element:mouseenter',
+    action: 'element-active:active'
+  }],
+  end: [{
+    trigger: 'element:mouseleave',
+    action: 'element-active:reset'
+  }]
+});
+
+// 点击选中，允许取消
+registerInteraction('element-selected', {
+  start: [{
+    trigger: 'element:click',
+    action: 'element-selected:toggle'
+  }]
+});
+
+// hover highlight，允许取消
+registerInteraction('element-highlight', {
+  start: [{
+    trigger: 'element:mouseenter',
+    action: 'element-highlight:highlight'
+  }],
+  end: [{
+    trigger: 'element:mouseleave',
+    action: 'element-highlight:reset'
+  }]
+});
+
+// hover highlight by x，允许取消
+registerInteraction('element-highlight-by-x', {
+  start: [{
+    trigger: 'element:mouseenter',
+    action: 'element-highlight-by-x:highlight'
+  }],
+  end: [{
+    trigger: 'element:mouseleave',
+    action: 'element-highlight-by-x:reset'
+  }]
+});
+
+// hover highlight by y，允许取消
+registerInteraction('element-highlight-by-color', {
+  start: [{
+    trigger: 'element:mouseenter',
+    action: 'element-highlight-by-color:highlight'
+  }],
+  end: [{
+    trigger: 'element:mouseleave',
+    action: 'element-highlight-by-color:reset'
+  }]
+});
+
+// legend hover，element active
+registerInteraction('legend-active', {
+  start: [{
+    trigger: 'legend-item:mouseenter',
+    action: ['list-active:active', 'element-active:active']
+  }],
+  end: [{
+    trigger: 'legend-item:mouseleave',
+    action: ['list-active:reset', 'element-active:reset']
+  }]
+});
+
+// legend hover，element active
+registerInteraction('legend-highlight', {
+  start: [{
+    trigger: 'legend-item:mouseenter',
+    action: ['list-highlight:highlight', 'element-highlight:highlight']
+  }],
+  end: [{
+    trigger: 'legend-item:mouseleave',
+    action: ['list-highlight:reset', 'element-highlight:reset']
+  }]
+});
+
+// legend hover，element active
+registerInteraction('axis-label-highlight', {
+  start: [{
+    trigger: 'axis-label:mouseenter',
+    action: ['list-highlight:highlight', 'element-highlight:highlight']
+  }],
+  end: [{
+    trigger: 'axis-label:mouseleave',
+    action: ['list-highlight:reset', 'element-highlight:reset']
+  }]
+});
+
+// legend hover，element active
+registerInteraction('element-list-highlight', {
+  start: [{
+    trigger: 'element:mouseenter',
+    action: ['list-highlight:highlight', 'element-highlight:highlight']
+  }],
+  end: [{
+    trigger: 'element:mouseleave',
+    action: ['list-highlight:reset', 'element-highlight:reset']
+  }]
+});
+
+// 框选
+registerInteraction('element-range-highlight', {
+  showEnable: [{
+    trigger: 'plot:mouseenter',
+    action: 'cursor:crosshair'
+  }, {
+    trigger: 'mask:mouseenter',
+    action: 'cursor:move'
+  }, {
+    trigger: 'plot:mouseleave',
+    action: 'cursor:default'
+  }, {
+    trigger: 'mask:mouseleave',
+    action: 'cursor:crosshair'
+  }],
+  start: [{
+    trigger: 'plot:mousedown',
+    isEnable: function isEnable(context) {
+      return !context.isInShape('mask');
+    },
+    action: ['rect-mask:start', 'rect-mask:show']
+  }, {
+    trigger: 'mask:dragstart',
+    action: ['rect-mask:moveStart']
+  }],
+  processing: [{
+    trigger: 'plot:mousemove',
+    action: ['rect-mask:resize']
+  }, {
+    trigger: 'mask:drag',
+    action: ['rect-mask:move']
+  }, {
+    trigger: 'mask:change',
+    action: ['element-range-highlight:highlight']
+  }],
+  end: [{
+    trigger: 'plot:mouseup',
+    action: ['rect-mask:end']
+  }, {
+    trigger: 'mask:dragend',
+    action: ['rect-mask:moveEnd']
+  }, {
+    trigger: 'document:mouseup',
+    isEnable: function isEnable(context) {
+      return !context.isInPlot();
+    },
+    action: ['element-range-highlight:clear', 'rect-mask:end', 'rect-mask:hide']
+  }],
+  rollback: [{
+    trigger: 'dblclick',
+    action: ['element-range-highlight:clear', 'rect-mask:hide']
+  }]
+});
+registerInteraction('brush', {
+  showEnable: [{
+    trigger: 'plot:mouseenter',
+    action: 'cursor:crosshair'
+  }, {
+    trigger: 'plot:mouseleave',
+    action: 'cursor:default'
+  }],
+  start: [{
+    trigger: 'mousedown',
+    isEnable: isPointInView,
+    action: ['brush:start', 'rect-mask:start', 'rect-mask:show']
+  }],
+  processing: [{
+    trigger: 'mousemove',
+    isEnable: isPointInView,
+    action: ['rect-mask:resize']
+  }],
+  end: [{
+    trigger: 'mouseup',
+    isEnable: isPointInView,
+    action: ['brush:filter', 'brush:end', 'rect-mask:end', 'rect-mask:hide', 'reset-button:show']
+  }],
+  rollback: [{
+    trigger: 'reset-button:click',
+    action: ['brush:reset', 'reset-button:hide', 'cursor:crosshair']
+  }]
+});
+registerInteraction('brush-visible', {
+  showEnable: [{
+    trigger: 'plot:mouseenter',
+    action: 'cursor:crosshair'
+  }, {
+    trigger: 'plot:mouseleave',
+    action: 'cursor:default'
+  }],
+  start: [{
+    trigger: 'plot:mousedown',
+    action: ['rect-mask:start', 'rect-mask:show', 'element-range-highlight:start']
+  }],
+  processing: [{
+    trigger: 'plot:mousemove',
+    action: ['rect-mask:resize', 'element-range-highlight:highlight']
+  }, {
+    trigger: 'mask:end',
+    action: ['element-filter:filter']
+  }],
+  end: [{
+    trigger: 'mouseup',
+    isEnable: isPointInView,
+    action: ['rect-mask:end', 'rect-mask:hide', 'element-range-highlight:end', 'element-range-highlight:clear']
+  }],
+  rollback: [{
+    trigger: 'dblclick',
+    action: ['element-filter:clear']
+  }]
+});
+registerInteraction('brush-x', {
+  showEnable: [{
+    trigger: 'plot:mouseenter',
+    action: 'cursor:crosshair'
+  }, {
+    trigger: 'plot:mouseleave',
+    action: 'cursor:default'
+  }],
+  start: [{
+    trigger: 'mousedown',
+    isEnable: isPointInView,
+    action: ['brush-x:start', 'x-rect-mask:start', 'x-rect-mask:show']
+  }],
+  processing: [{
+    trigger: 'mousemove',
+    isEnable: isPointInView,
+    action: ['x-rect-mask:resize']
+  }],
+  end: [{
+    trigger: 'mouseup',
+    isEnable: isPointInView,
+    action: ['brush-x:filter', 'brush-x:end', 'x-rect-mask:end', 'x-rect-mask:hide']
+  }],
+  rollback: [{
+    trigger: 'dblclick',
+    action: ['brush-x:reset']
+  }]
+});
+registerInteraction('element-path-highlight', {
+  showEnable: [{
+    trigger: 'plot:mouseenter',
+    action: 'cursor:crosshair'
+  }, {
+    trigger: 'plot:mouseleave',
+    action: 'cursor:default'
+  }],
+  start: [{
+    trigger: 'mousedown',
+    isEnable: isPointInView,
+    action: 'path-mask:start'
+  }, {
+    trigger: 'mousedown',
+    isEnable: isPointInView,
+    action: 'path-mask:show'
+  }],
+  processing: [{
+    trigger: 'mousemove',
+    action: 'path-mask:addPoint'
+  }],
+  end: [{
+    trigger: 'mouseup',
+    action: 'path-mask:end'
+  }],
+  rollback: [{
+    trigger: 'dblclick',
+    action: 'path-mask:hide'
+  }]
+});
+
+// 点击选中，允许取消
+registerInteraction('element-single-selected', {
+  start: [{
+    trigger: 'element:click',
+    action: 'element-single-selected:toggle'
+  }]
+});
+
+// 筛选数据
+registerInteraction('legend-filter', {
+  showEnable: [{
+    trigger: 'legend-item:mouseenter',
+    action: 'cursor:pointer'
+  }, {
+    trigger: 'legend-item:mouseleave',
+    action: 'cursor:default'
+  }],
+  start: [{
+    trigger: 'legend-item:click',
+    action: 'list-unchecked:toggle'
+  }, {
+    trigger: 'legend-item:click',
+    action: 'data-filter:filter'
+  }]
+});
+
+// 筛选数据
+registerInteraction('continuous-filter', {
+  start: [{
+    trigger: 'legend:valuechanged',
+    action: 'data-filter:filter'
+  }]
+});
+
+// 筛选数据
+registerInteraction('continuous-visible-filter', {
+  start: [{
+    trigger: 'legend:valuechanged',
+    action: 'element-filter:filter'
+  }]
+});
+
+// 筛选图形
+registerInteraction('legend-visible-filter', {
+  showEnable: [{
+    trigger: 'legend-item:mouseenter',
+    action: 'cursor:pointer'
+  }, {
+    trigger: 'legend-item:mouseleave',
+    action: 'cursor:default'
+  }],
+  start: [{
+    trigger: 'legend-item:click',
+    action: 'list-unchecked:toggle'
+  }, {
+    trigger: 'legend-item:click',
+    action: 'element-filter:filter'
+  }]
+});
+
+// 出现背景框
+registerInteraction('active-region', {
+  start: [{
+    trigger: 'plot:mousemove',
+    action: 'active-region:show'
+  }],
+  end: [{
+    trigger: 'plot:mouseleave',
+    action: 'active-region:hide'
+  }]
+});
+function isWheelDown(event) {
+  event.gEvent.preventDefault();
+  return event.gEvent.originalEvent.deltaY > 0;
+}
+registerInteraction('view-zoom', {
+  start: [{
+    trigger: 'plot:mousewheel',
+    isEnable: function isEnable(context) {
+      return isWheelDown(context.event);
+    },
+    action: 'scale-zoom:zoomOut'
+  }, {
+    trigger: 'plot:mousewheel',
+    isEnable: function isEnable(context) {
+      return !isWheelDown(context.event);
+    },
+    action: 'scale-zoom:zoomIn'
+  }]
+});
+registerInteraction('sibling-tooltip', {
+  start: [{
+    trigger: 'plot:mousemove',
+    action: 'sibling-tooltip:show'
+  }],
+  end: [{
+    trigger: 'plot:mouseleave',
+    action: 'sibling-tooltip:hide'
+  }]
+});
+export * from '@antv/g2/esm/core';
+
+// 一些工具方法导出
+export var Util = {
+  translate: translate,
+  rotate: rotate,
+  zoom: zoom,
+  transform: transform,
+  getAngle: getAngle,
+  polarToCartesian: polarToCartesian
+};

package/lib/utils/data-filter/filter-item-utils.js

@@ -0,0 +1,80 @@
+import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
+import _createClass from "@babel/runtime/helpers/esm/createClass";
+import React from 'react';
+import intl from '../../intl';
+var FilterItemUtils = /*#__PURE__*/function () {
+  function FilterItemUtils() {
+    _classCallCheck(this, FilterItemUtils);
+  }
+  _createClass(FilterItemUtils, null, [{
+    key: "generatorPredicateOption",
+    value: function generatorPredicateOption(filterPredicate) {
+      return {
+        value: {
+          filterPredicate: filterPredicate
+        },
+        label: /*#__PURE__*/React.createElement("span", {
+          className: "select-option-name"
+        }, intl.get(filterPredicate))
+      };
+    }
+  }, {
+    key: "generatorTermModifierOption",
+    value: function generatorTermModifierOption(filterTermModifier) {
+      return {
+        value: {
+          filterTermModifier: filterTermModifier
+        },
+        label: /*#__PURE__*/React.createElement("span", {
+          className: "select-option-name"
+        }, intl.get(filterTermModifier))
+      };
+    }
+  }, {
+    key: "generatorSingleSelectOption",
+    value: function generatorSingleSelectOption(option) {
+      return {
+        value: {
+          columnOption: option
+        },
+        label: /*#__PURE__*/React.createElement("div", {
+          className: "select-option-name"
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "single-select-option",
+          style: {
+            background: option.color,
+            color: option.textColor || null
+          },
+          title: option.name,
+          "aria-label": option.name
+        }, option.name))
+      };
+    }
+  }, {
+    key: "generatorMultipleSelectOption",
+    value: function generatorMultipleSelectOption(option, filterTerm) {
+      return {
+        value: {
+          columnOption: option
+        },
+        label: /*#__PURE__*/React.createElement("div", {
+          className: "select-option-name multiple-option-name"
+        }, /*#__PURE__*/React.createElement("div", {
+          className: "multiple-select-option",
+          style: {
+            background: option.color,
+            color: option.textColor
+          },
+          title: option.name,
+          "aria-label": option.name
+        }, option.name), /*#__PURE__*/React.createElement("div", {
+          className: "multiple-check-icon"
+        }, filterTerm.indexOf(option.id) > -1 && /*#__PURE__*/React.createElement("i", {
+          className: "option-edit dtable-font dtable-icon-check-mark"
+        })))
+      };
+    }
+  }]);
+  return FilterItemUtils;
+}();
+export default FilterItemUtils;