@haniffalab/cherita-react 1.3.0-dev.2025-06-04.d986a94b → 1.3.0

package/dist/cjs/components/full-page/PlotTypeSelector.js

@@ -1,57 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.PlotTypeSelector = PlotTypeSelector;
-var _react = _interopRequireDefault(require("react"));
-var _dotplot = _interopRequireDefault(require("../../../assets/images/plots/dotplot.svg"));
-var _heatmap = _interopRequireDefault(require("../../../assets/images/plots/heatmap.svg"));
-var _matrixplot = _interopRequireDefault(require("../../../assets/images/plots/matrixplot.svg"));
-var _scatterplot = _interopRequireDefault(require("../../../assets/images/plots/scatterplot.svg"));
-var _violin = _interopRequireDefault(require("../../../assets/images/plots/violin.svg"));
-var _constants = require("../../constants/constants");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const iconMap = {
-  [_constants.PLOT_TYPES.DOTPLOT]: _dotplot.default,
-  [_constants.PLOT_TYPES.MATRIXPLOT]: _matrixplot.default,
-  [_constants.PLOT_TYPES.VIOLINPLOT]: _violin.default,
-  [_constants.PLOT_TYPES.SCATTERPLOT]: _scatterplot.default,
-  [_constants.PLOT_TYPES.HEATMAP]: _heatmap.default
-};
-const plotTypes = Object.entries(iconMap).map(_ref => {
-  let [type, icon] = _ref;
-  return {
-    type,
-    icon,
-    alt: type.charAt(0).toUpperCase() + type.slice(1)
-  };
-});
-function PlotTypeSelector(_ref2) {
-  let {
-    currentType,
-    onChange
-  } = _ref2;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "d-flex gap-2 justify-content-between"
-  }, plotTypes.map(_ref3 => {
-    let {
-      type,
-      icon,
-      alt
-    } = _ref3;
-    return /*#__PURE__*/_react.default.createElement("img", {
-      key: type,
-      src: icon,
-      alt: alt,
-      height: 32,
-      width: 32,
-      className: "plotselector-icon".concat(currentType === type ? " active" : ""),
-      onClick: () => onChange(type),
-      style: {
-        borderBottom: currentType === type ? "2px solid #007bff" : "none"
-      },
-      title: alt
-    });
-  }));
-}

package/dist/cjs/components/toolbar/Toolbar.js

@@ -1,102 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.VarPlotlyToolbar = exports.Toolbar = exports.ObsPlotlyToolbar = exports.ControlsPlotlyToolbar = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
-var _reactFontawesome = require("@fortawesome/react-fontawesome");
-var _reactBootstrap = require("react-bootstrap");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const Toolbar = _ref => {
-  let {
-    showObsBtn = true,
-    showVarsBtn = true,
-    showCtrlsBtn = true,
-    setShowObs,
-    setShowVars,
-    setShowControls
-  } = _ref;
-  return /*#__PURE__*/_react.default.createElement(_reactBootstrap.Navbar, {
-    expand: "md",
-    bg: "primary",
-    variant: "dark",
-    className: "cherita-navbar"
-  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Container, {
-    fluid: true
-  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Navbar.Toggle, {
-    "aria-controls": "navbarScroll"
-  }), /*#__PURE__*/_react.default.createElement(_reactBootstrap.Navbar.Collapse, {
-    id: "navbarScroll"
-  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Nav, {
-    navbarScroll: true
-  }, showObsBtn && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Nav.Item, {
-    className: "me-2"
-  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Nav.Link, {
-    onClick: () => setShowObs(true)
-  }, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
-    icon: _freeSolidSvgIcons.faList,
-    className: "me-2"
-  }), "Explore Categories")), showVarsBtn && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Nav.Item, {
-    className: "me-2"
-  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Nav.Link, {
-    onClick: () => setShowVars(true)
-  }, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
-    icon: _freeSolidSvgIcons.faSearch,
-    className: "me-2"
-  }), "Search Genes")), showCtrlsBtn && /*#__PURE__*/_react.default.createElement(_reactBootstrap.Nav.Item, {
-    className: "me-2"
-  }, /*#__PURE__*/_react.default.createElement(_reactBootstrap.Nav.Link, {
-    onClick: () => setShowControls(true)
-  }, /*#__PURE__*/_react.default.createElement(_reactFontawesome.FontAwesomeIcon, {
-    icon: _freeSolidSvgIcons.faSliders,
-    className: "me-2"
-  }), "Controls"))))));
-};
-exports.Toolbar = Toolbar;
-const ObsPlotlyToolbar = _ref2 => {
-  let {
-    onClick
-  } = _ref2;
-  return {
-    name: "Categories",
-    icon: {
-      width: 512,
-      height: 512,
-      path: _freeSolidSvgIcons.faList.icon[4]
-    },
-    click: onClick
-  };
-};
-exports.ObsPlotlyToolbar = ObsPlotlyToolbar;
-const VarPlotlyToolbar = _ref3 => {
-  let {
-    onClick
-  } = _ref3;
-  return {
-    name: "Features",
-    icon: {
-      width: 512,
-      height: 512,
-      path: _freeSolidSvgIcons.faSearch.icon[4]
-    },
-    click: onClick
-  };
-};
-exports.VarPlotlyToolbar = VarPlotlyToolbar;
-const ControlsPlotlyToolbar = _ref4 => {
-  let {
-    onClick
-  } = _ref4;
-  return {
-    name: "Controls",
-    icon: {
-      width: 512,
-      height: 512,
-      path: _freeSolidSvgIcons.faSliders.icon[4]
-    },
-    click: onClick
-  };
-};
-exports.ControlsPlotlyToolbar = ControlsPlotlyToolbar;

package/dist/esm/components/full-page/PlotTypeSelector.js

@@ -1,50 +0,0 @@
-import React from "react";
-import dotplotIcon from "../../../assets/images/plots/dotplot.svg";
-import heatmapIcon from "../../../assets/images/plots/heatmap.svg";
-import matrixplotIcon from "../../../assets/images/plots/matrixplot.svg";
-import scatterplotIcon from "../../../assets/images/plots/scatterplot.svg";
-import violinIcon from "../../../assets/images/plots/violin.svg";
-import { PLOT_TYPES } from "../../constants/constants";
-const iconMap = {
-  [PLOT_TYPES.DOTPLOT]: dotplotIcon,
-  [PLOT_TYPES.MATRIXPLOT]: matrixplotIcon,
-  [PLOT_TYPES.VIOLINPLOT]: violinIcon,
-  [PLOT_TYPES.SCATTERPLOT]: scatterplotIcon,
-  [PLOT_TYPES.HEATMAP]: heatmapIcon
-};
-const plotTypes = Object.entries(iconMap).map(_ref => {
-  let [type, icon] = _ref;
-  return {
-    type,
-    icon,
-    alt: type.charAt(0).toUpperCase() + type.slice(1)
-  };
-});
-export function PlotTypeSelector(_ref2) {
-  let {
-    currentType,
-    onChange
-  } = _ref2;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "d-flex gap-2 justify-content-between"
-  }, plotTypes.map(_ref3 => {
-    let {
-      type,
-      icon,
-      alt
-    } = _ref3;
-    return /*#__PURE__*/React.createElement("img", {
-      key: type,
-      src: icon,
-      alt: alt,
-      height: 32,
-      width: 32,
-      className: "plotselector-icon".concat(currentType === type ? " active" : ""),
-      onClick: () => onChange(type),
-      style: {
-        borderBottom: currentType === type ? "2px solid #007bff" : "none"
-      },
-      title: alt
-    });
-  }));
-}

package/dist/esm/components/toolbar/Toolbar.js

@@ -1,91 +0,0 @@
-import React from "react";
-import { faList, faSearch, faSliders } from "@fortawesome/free-solid-svg-icons";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { Container, Nav, Navbar } from "react-bootstrap";
-export const Toolbar = _ref => {
-  let {
-    showObsBtn = true,
-    showVarsBtn = true,
-    showCtrlsBtn = true,
-    setShowObs,
-    setShowVars,
-    setShowControls
-  } = _ref;
-  return /*#__PURE__*/React.createElement(Navbar, {
-    expand: "md",
-    bg: "primary",
-    variant: "dark",
-    className: "cherita-navbar"
-  }, /*#__PURE__*/React.createElement(Container, {
-    fluid: true
-  }, /*#__PURE__*/React.createElement(Navbar.Toggle, {
-    "aria-controls": "navbarScroll"
-  }), /*#__PURE__*/React.createElement(Navbar.Collapse, {
-    id: "navbarScroll"
-  }, /*#__PURE__*/React.createElement(Nav, {
-    navbarScroll: true
-  }, showObsBtn && /*#__PURE__*/React.createElement(Nav.Item, {
-    className: "me-2"
-  }, /*#__PURE__*/React.createElement(Nav.Link, {
-    onClick: () => setShowObs(true)
-  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-    icon: faList,
-    className: "me-2"
-  }), "Explore Categories")), showVarsBtn && /*#__PURE__*/React.createElement(Nav.Item, {
-    className: "me-2"
-  }, /*#__PURE__*/React.createElement(Nav.Link, {
-    onClick: () => setShowVars(true)
-  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-    icon: faSearch,
-    className: "me-2"
-  }), "Search Genes")), showCtrlsBtn && /*#__PURE__*/React.createElement(Nav.Item, {
-    className: "me-2"
-  }, /*#__PURE__*/React.createElement(Nav.Link, {
-    onClick: () => setShowControls(true)
-  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
-    icon: faSliders,
-    className: "me-2"
-  }), "Controls"))))));
-};
-export const ObsPlotlyToolbar = _ref2 => {
-  let {
-    onClick
-  } = _ref2;
-  return {
-    name: "Categories",
-    icon: {
-      width: 512,
-      height: 512,
-      path: faList.icon[4]
-    },
-    click: onClick
-  };
-};
-export const VarPlotlyToolbar = _ref3 => {
-  let {
-    onClick
-  } = _ref3;
-  return {
-    name: "Features",
-    icon: {
-      width: 512,
-      height: 512,
-      path: faSearch.icon[4]
-    },
-    click: onClick
-  };
-};
-export const ControlsPlotlyToolbar = _ref4 => {
-  let {
-    onClick
-  } = _ref4;
-  return {
-    name: "Controls",
-    icon: {
-      width: 512,
-      height: 512,
-      path: faSliders.icon[4]
-    },
-    click: onClick
-  };
-};