@ndla/ui 30.0.6 → 30.0.8

package/lib/Article/ArticleFavoritesButton.js

@@ -1,59 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports["default"] = exports.ArticleFavoritesButton = void 0;
-
-var _jsxRuntime = require("@emotion/react/jsx-runtime");
-
-var _react = _interopRequireDefault(require("react"));
-
-var _button = require("@ndla/button");
-
-var _action = require("@ndla/icons/action");
-
-var _tooltip = _interopRequireDefault(require("@ndla/tooltip"));
-
-var _reactI18next = require("react-i18next");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-/**
- * Copyright (c) 2022-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-var ArticleFavoritesButton = function ArticleFavoritesButton(_ref) {
-  var isFavorite = _ref.isFavorite,
-      onToggleAddToFavorites = _ref.onToggleAddToFavorites,
-      articleId = _ref.articleId;
-
-  var _useTranslation = (0, _reactI18next.useTranslation)(),
-      t = _useTranslation.t;
-
-  var removeFromFavoritesLabel = t('myNdla.resource.addToMyNdla');
-  var addToFavoritesLabel = t('myNdla.resource.addedToMyNdla');
-  return (0, _jsxRuntime.jsx)(_tooltip["default"], {
-    tooltip: isFavorite ? addToFavoritesLabel : removeFromFavoritesLabel,
-    children: (0, _jsxRuntime.jsx)(_button.IconButtonDualStates, {
-      ariaLabelActive: t('myNdla.alreadyFavourited'),
-      ariaLabelInActive: t('myNdla.addToFavourites'),
-      activeIcon: (0, _jsxRuntime.jsx)(_action.Heart, {}),
-      inactiveIcon: (0, _jsxRuntime.jsx)(_action.HeartOutline, {}),
-      active: isFavorite,
-      size: "small",
-      colorTheme: "light",
-      variant: "ghost",
-      onClick: function onClick() {
-        return onToggleAddToFavorites(articleId, !isFavorite);
-      }
-    })
-  });
-};
-
-exports.ArticleFavoritesButton = ArticleFavoritesButton;
-var _default = ArticleFavoritesButton;
-exports["default"] = _default;

package/src/Article/ArticleFavoritesButton.tsx

@@ -1,42 +0,0 @@
-/**
- * Copyright (c) 2022-present, NDLA.
- *
- * This source code is licensed under the GPLv3 license found in the
- * LICENSE file in the root directory of this source tree.
- *
- */
-
-import React from 'react';
-import { IconButtonDualStates } from '@ndla/button';
-import { Heart, HeartOutline } from '@ndla/icons/action';
-import Tooltip from '@ndla/tooltip';
-import { useTranslation } from 'react-i18next';
-
-export interface Props {
-  isFavorite?: boolean;
-  onToggleAddToFavorites: (id: string, add: boolean) => void;
-  articleId: string;
-}
-
-export const ArticleFavoritesButton = ({ isFavorite, onToggleAddToFavorites, articleId }: Props) => {
-  const { t } = useTranslation();
-  const removeFromFavoritesLabel = t('myNdla.resource.addToMyNdla');
-  const addToFavoritesLabel = t('myNdla.resource.addedToMyNdla');
-  return (
-    <Tooltip tooltip={isFavorite ? addToFavoritesLabel : removeFromFavoritesLabel}>
-      <IconButtonDualStates
-        ariaLabelActive={t('myNdla.alreadyFavourited')}
-        ariaLabelInActive={t('myNdla.addToFavourites')}
-        activeIcon={<Heart />}
-        inactiveIcon={<HeartOutline />}
-        active={isFavorite}
-        size="small"
-        colorTheme="light"
-        variant="ghost"
-        onClick={() => onToggleAddToFavorites(articleId, !isFavorite)}
-      />
-    </Tooltip>
-  );
-};
-
-export default ArticleFavoritesButton;