@atlaskit/link-picker 0.9.0 → 1.0.0

package/dist/es2019/ui/LinkSearchListItem.js

@@ -1,88 +0,0 @@
-/** @jsx jsx */
-import { Fragment } from 'react';
-import { jsx } from '@emotion/core';
-import { injectIntl } from 'react-intl-next';
-import { transformTimeStamp } from '../transformTimeStamp';
-import { ItemNameWrapper, ItemIconWrapper, ListItemContext, ListItemName, ListItemWrapper, ImgStyles } from '../styles';
-
-const LinkSearchListItem = ({
-  item,
-  selected,
-  active,
-  id,
-  role,
-  intl,
-  onSelect,
-  onMouseEnter,
-  onMouseLeave
-}) => {
-  const handleSelect = () => onSelect(item.objectId);
-
-  const handleMouseEnter = () => onMouseEnter(item.objectId);
-
-  const handleMouseLeave = () => onMouseLeave(item.objectId);
-
-  return jsx(ListItemWrapper, {
-    role: role,
-    id: id,
-    "aria-selected": selected,
-    "data-testid": "link-search-list-item",
-    selected: selected,
-    active: active,
-    onMouseEnter: handleMouseEnter,
-    onMouseLeave: handleMouseLeave,
-    onClick: handleSelect
-  }, jsx(ListItemIcon, {
-    item: item,
-    intl: intl
-  }), jsx(ItemNameWrapper, null, jsx(ListItemName, null, item.name), jsx(ListItemContext, null, item.container && jsx(Fragment, null, item.container, "\xA0 \u2022"), jsx(ItemTimeStamp, {
-    date: transformTimeStamp(intl, item.lastViewedDate, item.lastUpdatedDate)
-  }))));
-};
-
-export default injectIntl(LinkSearchListItem);
-
-const ItemTimeStamp = props => {
-  const {
-    date
-  } = props;
-
-  if (!date) {
-    return null;
-  }
-
-  return jsx(Fragment, null, jsx("span", {
-    className: "link-search-timestamp",
-    "data-test-id": "link-search-timestamp"
-  }, "\xA0 ", date.pageAction, " ", date.dateString, " ", date.timeSince || ''));
-};
-
-const ListItemIcon = props => {
-  const {
-    item,
-    intl
-  } = props;
-  const {
-    icon,
-    iconAlt
-  } = item;
-
-  if (!icon) {
-    return null;
-  }
-
-  const alt = typeof iconAlt === 'string' ? iconAlt : intl.formatMessage(iconAlt);
-
-  if (typeof icon !== 'string') {
-    const Glyph = icon;
-    return jsx(ItemIconWrapper, null, jsx(Glyph, {
-      alt: alt
-    }));
-  }
-
-  return jsx(ItemIconWrapper, null, jsx("img", {
-    src: icon,
-    alt: alt,
-    css: ImgStyles
-  }));
-};

package/dist/esm/styles.js

@@ -1,46 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12;
-
-import styled from 'styled-components';
-import { token } from '@atlaskit/tokens';
-import { css } from '@emotion/core';
-import { N500, B50, N300, N800, N20, B400 } from '@atlaskit/theme/colors';
-import { gridSize } from '@atlaskit/theme/constants';
-import { relativeFontSizeToBase16 } from './utils'; // AFP-2532 TODO: Fix automatic suppressions below
-// eslint-disable-next-line @atlassian/tangerine/import/entry-points
-
-import { fontSizeSmall, fontSize, typography } from '@atlaskit/theme';
-var LINK_PICKER_WIDTH_IN_PX = 342;
-export var recentListStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: ", "px;\n"])), LINK_PICKER_WIDTH_IN_PX);
-export var Container = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: ", "px;\n  width: 100%;\n  overflow: hidden;\n  line-height: initial;\n  box-sizing: border-box;\n"])), gridSize() * 2);
-export var ClearText = styled.button(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: 0;\n  margin-right: ", "px;\n  color: ", ";\n  background: transparent;\n  border: none;\n  cursor: pointer;\n"])), gridSize() / 2, token('color.icon.subtle', N500));
-export var FieldWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin-bottom: ", "px;\n"])), gridSize() * 2);
-export var SearchIconWrapper = styled.span(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  margin-left: ", "px;\n  color: ", ";\n  cursor: default;\n"])), gridSize() / 2, token('color.icon', N500));
-export var ListTitleStyles = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n  text-transform: uppercase;\n  margin-bottom: ", "px;\n"])), typography.h100(), gridSize() / 2);
-export var ListItemWrapper = styled.li(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  display: flex;\n  padding: ", "px ", "px;\n  margin: 0 -", "px;\n  cursor: pointer;\n  background-color: ", ";\n  box-shadow: inset 2px 0px 0px\n    ", ";\n"])), gridSize(), gridSize() * 2, gridSize() * 2, function (props) {
-  switch (true) {
-    case props.selected:
-      return token('color.background.selected', B50);
-
-    case props.active:
-      return token('color.background.neutral.subtle.hovered', N20);
-
-    default:
-      return 'transparent';
-  }
-}, function (props) {
-  switch (true) {
-    case props.active:
-    case props.selected:
-      return token('color.border.selected', B400);
-
-    default:
-      return 'transparent';
-  }
-});
-export var ItemNameWrapper = styled.span(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  overflow: hidden;\n"])));
-export var ListItemName = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  color: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  line-height: 20px;\n"])), token('color.text', N800));
-export var ListItemContext = styled.div(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: ", ";\n  line-height: ", "px;\n"])), token('color.text', N300), relativeFontSizeToBase16(fontSizeSmall()), fontSize());
-export var ItemIconWrapper = styled.span(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n  min-width: ", "px;\n  margin-top: 3px;\n  margin-right: 12px;\n"])), gridSize() * 2);
-export var ImgStyles = css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n  max-width: ", "px;\n"])), gridSize() * 2);

package/dist/types/styles.d.ts

@@ -1,18 +0,0 @@
-/// <reference types="react" />
-export declare const recentListStyles: import("@emotion/utils").SerializedStyles;
-export declare const Container: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const ClearText: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>, any, import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement>>;
-export declare const FieldWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const SearchIconWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, any, import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>>;
-export declare const ListTitleStyles: import("@emotion/utils").SerializedStyles;
-interface ListItemProps {
-    active: boolean;
-    selected: boolean;
-}
-export declare const ListItemWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & ListItemProps, any, import("react").ClassAttributes<HTMLLIElement> & import("react").LiHTMLAttributes<HTMLLIElement> & ListItemProps>;
-export declare const ItemNameWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, any, import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>>;
-export declare const ListItemName: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const ListItemContext: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>, any, import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement>>;
-export declare const ItemIconWrapper: import("styled-components").StyledComponentClass<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>, any, import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement>>;
-export declare const ImgStyles: import("@emotion/utils").SerializedStyles;
-export {};