@datarobot/design-system 28.6.1 → 28.7.0

package/cjs/icon-sidebar/icon-sidebar-button.d.ts

@@ -1,14 +0,0 @@
-import { IconProp } from '@fortawesome/fontawesome-svg-core';
-import { DropdownMenuOption } from '../dropdown-menu';
-import './icon-sidebar.less';
-export type IconSidebarButtonProps = {
-    option: DropdownMenuOption & {
-        selectedIcon?: IconProp;
-        divider?: boolean;
-        ariaLabel?: string;
-    };
-    onSelect?: (option: DropdownMenuOption) => void;
-    selected?: number | string | (number | string)[];
-    isLimited?: boolean;
-};
-export declare function IconSidebarButton({ option, selected, isLimited, onSelect, }: IconSidebarButtonProps): import("react/jsx-runtime").JSX.Element;

package/cjs/icon-sidebar/icon-sidebar-button.js

@@ -1,66 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.IconSidebarButton = IconSidebarButton;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _tooltip = require("../tooltip");
-var _fontAwesomeIcon = require("../font-awesome-icon");
-var _truncateWithTooltip = require("../truncate-with-tooltip");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function IconSidebarButton({
-  option,
-  selected,
-  isLimited,
-  onSelect
-}) {
-  const isSelected = option.key === selected;
-  const icon = isSelected && option.selectedIcon ? option.selectedIcon : option.icon;
-  const getTitle = () => {
-    if (option.title) {
-      if (option.tooltipText) {
-        return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: "icon-sidebar-text",
-          children: option.title
-        });
-      }
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_truncateWithTooltip.TruncateWithTooltip, {
-        className: "icon-sidebar-text",
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          children: option.title
-        })
-      });
-    }
-  };
-  const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "icon-sidebar-button-icon-container",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_fontAwesomeIcon.FontAwesomeIcon, {
-        icon: icon
-      })
-    }), getTitle(), option.divider && !isLimited && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "icon-sidebar-divider"
-    })]
-  });
-  const props = {
-    className: (0, _classnames.default)('icon-sidebar-button-container', option.className, option.disabled && 'disabled', isSelected && 'selected'),
-    disabled: option.disabled,
-    'test-id': option.testId,
-    'aria-label': option.title && typeof option.title === 'string' ? option.title : option.ariaLabel
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.Tooltip, {
-    content: option.tooltipText,
-    placement: option.tooltipPlacement,
-    children: onSelect ? /*#__PURE__*/(0, _jsxRuntime.jsx)("button", {
-      ...props,
-      onClick: () => onSelect(option),
-      children: content
-    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      ...props,
-      children: content
-    })
-  });
-}

package/esm/icon-sidebar/icon-sidebar-button.d.ts

@@ -1,14 +0,0 @@
-import { IconProp } from '@fortawesome/fontawesome-svg-core';
-import { DropdownMenuOption } from '../dropdown-menu';
-import './icon-sidebar.less';
-export type IconSidebarButtonProps = {
-    option: DropdownMenuOption & {
-        selectedIcon?: IconProp;
-        divider?: boolean;
-        ariaLabel?: string;
-    };
-    onSelect?: (option: DropdownMenuOption) => void;
-    selected?: number | string | (number | string)[];
-    isLimited?: boolean;
-};
-export declare function IconSidebarButton({ option, selected, isLimited, onSelect, }: IconSidebarButtonProps): import("react/jsx-runtime").JSX.Element;

package/esm/icon-sidebar/icon-sidebar-button.js

@@ -1,59 +0,0 @@
-import React from 'react';
-import classNames from 'classnames';
-import { Tooltip } from '../tooltip';
-import { FontAwesomeIcon } from '../font-awesome-icon';
-import { TruncateWithTooltip } from '../truncate-with-tooltip';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-export function IconSidebarButton({
-  option,
-  selected,
-  isLimited,
-  onSelect
-}) {
-  const isSelected = option.key === selected;
-  const icon = isSelected && option.selectedIcon ? option.selectedIcon : option.icon;
-  const getTitle = () => {
-    if (option.title) {
-      if (option.tooltipText) {
-        return /*#__PURE__*/_jsx("span", {
-          className: "icon-sidebar-text",
-          children: option.title
-        });
-      }
-      return /*#__PURE__*/_jsx(TruncateWithTooltip, {
-        className: "icon-sidebar-text",
-        children: /*#__PURE__*/_jsx("span", {
-          children: option.title
-        })
-      });
-    }
-  };
-  const content = /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx("div", {
-      className: "icon-sidebar-button-icon-container",
-      children: /*#__PURE__*/_jsx(FontAwesomeIcon, {
-        icon: icon
-      })
-    }), getTitle(), option.divider && !isLimited && /*#__PURE__*/_jsx("div", {
-      className: "icon-sidebar-divider"
-    })]
-  });
-  const props = {
-    className: classNames('icon-sidebar-button-container', option.className, option.disabled && 'disabled', isSelected && 'selected'),
-    disabled: option.disabled,
-    'test-id': option.testId,
-    'aria-label': option.title && typeof option.title === 'string' ? option.title : option.ariaLabel
-  };
-  return /*#__PURE__*/_jsx(Tooltip, {
-    content: option.tooltipText,
-    placement: option.tooltipPlacement,
-    children: onSelect ? /*#__PURE__*/_jsx("button", {
-      ...props,
-      onClick: () => onSelect(option),
-      children: content
-    }) : /*#__PURE__*/_jsx("div", {
-      ...props,
-      children: content
-    })
-  });
-}