@atlaskit/link-picker 0.0.2 → 0.7.0

package/dist/cjs/ui/LinkSearchListItem.js

@@ -0,0 +1,101 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = require("react");
+
+var _core = require("@emotion/core");
+
+var _reactIntlNext = require("react-intl-next");
+
+var _transformTimeStamp = require("../transformTimeStamp");
+
+var _styles = require("../styles");
+
+/** @jsx jsx */
+var LinkSearchListItem = function LinkSearchListItem(_ref) {
+  var item = _ref.item,
+      selected = _ref.selected,
+      active = _ref.active,
+      id = _ref.id,
+      role = _ref.role,
+      intl = _ref.intl,
+      onSelect = _ref.onSelect,
+      onMouseEnter = _ref.onMouseEnter,
+      onMouseLeave = _ref.onMouseLeave;
+
+  var handleSelect = function handleSelect() {
+    return onSelect(item.objectId);
+  };
+
+  var handleMouseEnter = function handleMouseEnter() {
+    return onMouseEnter(item.objectId);
+  };
+
+  var handleMouseLeave = function handleMouseLeave() {
+    return onMouseLeave(item.objectId);
+  };
+
+  return (0, _core.jsx)(_styles.ListItemWrapper, {
+    role: role,
+    id: id,
+    "aria-selected": selected,
+    "data-testid": "link-search-list-item",
+    selected: selected,
+    active: active,
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    onClick: handleSelect
+  }, (0, _core.jsx)(ListItemIcon, {
+    item: item,
+    intl: intl
+  }), (0, _core.jsx)(_styles.ItemNameWrapper, null, (0, _core.jsx)(_styles.ListItemName, null, item.name), (0, _core.jsx)(_styles.ListItemContext, null, item.container, (0, _core.jsx)(ItemTimeStamp, {
+    date: (0, _transformTimeStamp.transformTimeStamp)(intl, item.lastViewedDate, item.lastUpdatedDate)
+  }))));
+};
+
+var _default = (0, _reactIntlNext.injectIntl)(LinkSearchListItem);
+
+exports.default = _default;
+
+var ItemTimeStamp = function ItemTimeStamp(props) {
+  var date = props.date;
+
+  if (!date) {
+    return null;
+  }
+
+  return (0, _core.jsx)(_react.Fragment, null, "\xA0 \u2022", (0, _core.jsx)("span", {
+    className: "link-search-timestamp",
+    "data-test-id": "link-search-timestamp"
+  }, "\xA0 ", date.pageAction, " ", date.dateString, " ", date.timeSince || ''));
+};
+
+var ListItemIcon = function ListItemIcon(props) {
+  var item = props.item,
+      intl = props.intl;
+  var icon = item.icon,
+      iconAlt = item.iconAlt;
+
+  if (!icon) {
+    return null;
+  }
+
+  var alt = typeof iconAlt === 'string' ? iconAlt : intl.formatMessage(iconAlt);
+
+  if (typeof icon !== 'string') {
+    var Glyph = icon;
+    return (0, _core.jsx)(_styles.ItemIconWrapper, null, (0, _core.jsx)(Glyph, {
+      alt: alt
+    }));
+  }
+
+  return (0, _core.jsx)(_styles.ItemIconWrapper, null, (0, _core.jsx)("img", {
+    src: icon,
+    alt: alt,
+    css: _styles.ImgStyles
+  }));
+};

package/dist/cjs/ui/PanelTextInput.js

@@ -0,0 +1,119 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _form = require("@atlaskit/form");
+
+var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
+
+var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
+
+var _selectClear = _interopRequireDefault(require("@atlaskit/icon/glyph/select-clear"));
+
+var _styles = require("../styles");
+
+var _utils = require("../utils");
+
+var _excluded = ["name", "label", "autoFocus", "onSubmit", "onRedo", "onUndo", "onChange", "onKeyDown", "onClear", "clearLabel", "error"];
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+var PanelTextInput = function PanelTextInput(props) {
+  var name = props.name,
+      label = props.label,
+      autoFocus = props.autoFocus,
+      onSubmit = props.onSubmit,
+      onRedo = props.onRedo,
+      onUndo = props.onUndo,
+      onChange = props.onChange,
+      onKeyDown = props.onKeyDown,
+      onClear = props.onClear,
+      clearLabel = props.clearLabel,
+      error = props.error,
+      restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
+  var inputRef = (0, _react.useRef)(null);
+  var handleRef = (0, _react.useCallback)(function (input) {
+    if (input) {
+      inputRef.current = input;
+
+      if (autoFocus) {
+        // Need this to prevent jumping when we render TextInput inside Portal @see ED-2992
+        input.focus({
+          preventScroll: true
+        });
+      }
+    }
+  }, [autoFocus]);
+  var handleChange = (0, _react.useCallback)(function (e) {
+    onChange(e.currentTarget.value);
+  }, [onChange]);
+  var handleKeydown = (0, _react.useCallback)(function (e) {
+    var value = e.currentTarget.value;
+
+    if (e.keyCode === 13 && onSubmit) {
+      e.preventDefault(); // Prevent from submitting if an editor is inside a form.
+
+      onSubmit(value);
+    } else if (typeof onUndo === 'function' && (0, _utils.isUndoEvent)(e)) {
+      e.preventDefault();
+      onUndo();
+    } else if (typeof onRedo === 'function' && (0, _utils.isRedoEvent)(e)) {
+      e.preventDefault();
+      onRedo();
+    }
+
+    if (onKeyDown) {
+      onKeyDown(e);
+    }
+  }, [onSubmit, onUndo, onRedo, onKeyDown]);
+  var handleClear = (0, _react.useCallback)(function () {
+    if (inputRef.current && onClear) {
+      inputRef.current.focus();
+      onClear();
+    }
+  }, [onClear]);
+
+  var clearText = restProps.value !== '' && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
+    content: clearLabel
+  }, /*#__PURE__*/_react.default.createElement(_styles.ClearText, {
+    onClick: handleClear,
+    "data-testid": "clear-text"
+  }, /*#__PURE__*/_react.default.createElement(_selectClear.default, {
+    size: "medium",
+    label: clearLabel || ''
+  })));
+
+  return /*#__PURE__*/_react.default.createElement(_styles.FieldWrapper, null, /*#__PURE__*/_react.default.createElement(_form.Field, {
+    label: label,
+    name: name
+  }, function (_ref) {
+    var fieldProps = _ref.fieldProps;
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_textfield.default, (0, _extends2.default)({}, fieldProps, restProps, {
+      onKeyDown: handleKeydown,
+      onChange: handleChange,
+      ref: handleRef,
+      elemAfterInput: clearText,
+      isInvalid: !!error
+    })), error && /*#__PURE__*/_react.default.createElement(_form.ErrorMessage, {
+      testId: "link-error"
+    }, error));
+  }));
+};
+
+var _default = PanelTextInput;
+exports.default = _default;

package/dist/cjs/ui/announcer.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+// Note: Flag 'contentRendered' resolves bug with duplicates messages (NVDA + Firefox)
+// https://github.com/nvaccess/nvda/labels/bug%2Fdouble-speaking
+var timer;
+var Announcer = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref) {
+  var _ref$ariaAtomic = _ref.ariaAtomic,
+      ariaAtomic = _ref$ariaAtomic === void 0 ? 'true' : _ref$ariaAtomic,
+      _ref$ariaLive = _ref.ariaLive,
+      ariaLive = _ref$ariaLive === void 0 ? 'polite' : _ref$ariaLive,
+      _ref$ariaRelevant = _ref.ariaRelevant,
+      ariaRelevant = _ref$ariaRelevant === void 0 ? 'all' : _ref$ariaRelevant,
+      _ref$role = _ref.role,
+      role = _ref$role === void 0 ? 'status' : _ref$role,
+      _ref$text = _ref.text,
+      text = _ref$text === void 0 ? '' : _ref$text,
+      _ref$delay = _ref.delay,
+      delay = _ref$delay === void 0 ? 0 : _ref$delay;
+
+  var _useState = (0, _react.useState)(false),
+      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+      contentRendered = _useState2[0],
+      setContentRendered = _useState2[1];
+
+  (0, _react.useEffect)(function () {
+    clearTimeout(timer);
+    setContentRendered(false);
+    timer = setTimeout(function () {
+      setContentRendered(true);
+    }, delay);
+    return function () {
+      return clearTimeout(timer);
+    };
+  }, [text, delay]);
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "assistive",
+    ref: ref,
+    role: role,
+    "aria-atomic": ariaAtomic,
+    "aria-relevant": ariaRelevant,
+    "aria-live": ariaLive
+  }, contentRendered && /*#__PURE__*/_react.default.createElement("span", null, text));
+});
+
+var _default = /*#__PURE__*/(0, _react.memo)(Announcer);
+
+exports.default = _default;