@oliasoft-open-source/charts-library 2.13.5 → 2.14.0-beta-1

package/src/components/controls/drag-options.jsx

@@ -1,98 +0,0 @@
-import React from 'react';
-import {
-  Button,
-  Flex,
-  Menu,
-  Text,
-  Tooltip,
-} from '@oliasoft-open-source/react-ui-library';
-import { RiDragMove2Line, RiForbidLine, RiZoomInLine } from 'react-icons/ri';
-import { TbHandStop } from 'react-icons/tb';
-
-export const DragOptions = ({
-  onTogglePan,
-  onToggleZoom,
-  panEnabled,
-  zoomEnabled,
-  enableDragPoints,
-  isDragDataAllowed,
-  onToggleDragPoints,
-  onDisableDragOptions,
-}) => {
-  // TODO: Translate strings
-  const options = [
-    {
-      buttonLabel: 'Drag to zoom',
-      label: (
-        <Flex direction="column">
-          <Text>Drag to zoom</Text>
-          {/* <Text small muted>
-            Hold shift to change axis
-          </Text> */}
-          <Text small muted>
-            Double click on canvas to reset
-          </Text>
-        </Flex>
-      ),
-      icon: <RiZoomInLine />,
-      selected: zoomEnabled,
-      onClick: onToggleZoom,
-    },
-    {
-      buttonLabel: 'Drag to pan',
-      label: (
-        <Flex direction="column">
-          <Text>Drag to pan</Text>
-          {/* <Text small muted>
-            Hold shift to change axis
-          </Text> */}
-          <Text small muted>
-            Double click on canvas to reset
-          </Text>
-        </Flex>
-      ),
-      icon: <RiDragMove2Line />,
-      selected: panEnabled,
-      onClick: onTogglePan,
-    },
-    ...(isDragDataAllowed
-      ? [
-          {
-            label: 'Drag to move points',
-            icon: <TbHandStop />,
-            selected: enableDragPoints,
-            type: 'Option',
-            onClick: onToggleDragPoints,
-          },
-        ]
-      : []),
-    {
-      label: 'Drag disabled',
-      icon: <RiForbidLine />,
-      selected: !zoomEnabled && !panEnabled && !enableDragPoints,
-      onClick: onDisableDragOptions,
-    },
-  ];
-
-  const selectedOption = options.filter((option) => option.selected)[0];
-  const optionsWithDragPoints = options.map(
-    ({ icon, label, onClick, selected }) => ({
-      icon,
-      label,
-      type: 'Option',
-      onClick,
-      disabled: selected,
-    }),
-  );
-
-  return (
-    <Menu
-      menu={{
-        label: selectedOption.buttonLabel || selectedOption.label,
-        sections: optionsWithDragPoints,
-        trigger: 'DropDownButton',
-        small: true,
-      }}
-    />
-  );
-};

package/src/components/controls/legend-options.jsx

@@ -1,25 +0,0 @@
-import React from 'react';
-import { Button, Icon, Tooltip } from '@oliasoft-open-source/react-ui-library';
-import { RiListUnordered } from 'react-icons/ri';
-import listHideIcon from '../../assets/icons/list-hide.svg';
-
-export const LegendOptions = ({ legendEnabled, onToggleLegend }) => {
-  // TODO: Translate strings
-  return (
-    <Tooltip
-      text={legendEnabled ? 'Legend shown' : 'Legend hidden'}
-      placement="bottom"
-    >
-      <Button
-        small
-        basic
-        colored="muted"
-        round
-        icon={
-          legendEnabled ? <RiListUnordered /> : <Icon icon={listHideIcon} />
-        }
-        onClick={onToggleLegend}
-      />
-    </Tooltip>
-  );
-};