@atlaskit/quick-search 8.1.5 → 8.1.7

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlaskit/quick-search
 
+## 8.1.7
+
+### Patch Changes
+
+- [#66003](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/66003) [`9d097306f2e7`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9d097306f2e7) - Migrate @atlaskit/quick-search to use declarative entry points
+
+## 8.1.6
+
+### Patch Changes
+
+- [#59897](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/59897) [`48e22f03d838`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/48e22f03d838) - Converted spacing values to corresponding space tokens
+
 ## 8.1.5
 
 ### Patch Changes

package/dist/cjs/components/Search/styled.js

@@ -14,7 +14,7 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 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 inputRightPadding = "var(--ds-space-200, 16px)";
 var SearchBox = exports.SearchBox = _styledComponents.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  position: sticky;\n  top: 0;\n  background-color: ", ";\n  color: ", ";\n  display: flex;\n  height: 36px;\n  z-index: 10; /* required to keep the search box on top of icons in results when sticky */\n"])), _colors.N0, _colors.N500);
-var SearchFieldBaseOuter = exports.SearchFieldBaseOuter = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex: 1;\n  margin-right: auto;\n  padding-bottom: 2px;\n  border-bottom: 2px solid ", ";\n"])), _colors.B200);
+var SearchFieldBaseOuter = exports.SearchFieldBaseOuter = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  display: flex;\n  flex: 1;\n  margin-right: auto;\n  padding-bottom: ", ";\n  border-bottom: 2px solid ", ";\n"])), "var(--ds-space-025, 2px)", _colors.B200);
 var SearchFieldBaseInner = exports.SearchFieldBaseInner = _styledComponents.default.div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2.default)(["\n  position: relative;\n  align-items: center;\n  padding-right: ", "; /* pad search text from FieldBase's isLoading spinner */\n  display: flex;\n  flex-grow: 1;\n"])), inputRightPadding);
 var SearchInner = exports.SearchInner = _styledComponents.default.div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2.default)(["\n  padding-right: ", ";\n"])), "var(--ds-space-300, 24px)");
 var getPlaceholderStyle = exports.getPlaceholderStyle = function getPlaceholderStyle(style) {

package/dist/es2019/components/Search/styled.js

@@ -14,7 +14,7 @@ export const SearchFieldBaseOuter = styled.div`
   display: flex;
   flex: 1;
   margin-right: auto;
-  padding-bottom: 2px;
+  padding-bottom: ${"var(--ds-space-025, 2px)"};
   border-bottom: 2px solid ${B200};
 `;
 export const SearchFieldBaseInner = styled.div`

package/dist/esm/components/Search/styled.js

@@ -4,7 +4,7 @@ import styled, { css } from 'styled-components';
 import { N0, N200, N500, B200, N50 } from '@atlaskit/theme/colors';
 var inputRightPadding = "var(--ds-space-200, 16px)";
 export var SearchBox = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  position: sticky;\n  top: 0;\n  background-color: ", ";\n  color: ", ";\n  display: flex;\n  height: 36px;\n  z-index: 10; /* required to keep the search box on top of icons in results when sticky */\n"])), N0, N500);
-export var SearchFieldBaseOuter = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex: 1;\n  margin-right: auto;\n  padding-bottom: 2px;\n  border-bottom: 2px solid ", ";\n"])), B200);
+export var SearchFieldBaseOuter = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex: 1;\n  margin-right: auto;\n  padding-bottom: ", ";\n  border-bottom: 2px solid ", ";\n"])), "var(--ds-space-025, 2px)", B200);
 export var SearchFieldBaseInner = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  position: relative;\n  align-items: center;\n  padding-right: ", "; /* pad search text from FieldBase's isLoading spinner */\n  display: flex;\n  flex-grow: 1;\n"])), inputRightPadding);
 export var SearchInner = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  padding-right: ", ";\n"])), "var(--ds-space-300, 24px)");
 export var getPlaceholderStyle = function getPlaceholderStyle(style) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/quick-search",
-  "version": "8.1.5",
+  "version": "8.1.7",
   "description": "A quick-search component",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -23,7 +23,6 @@
   "atlaskit:src": "src/index.ts",
   "atlassian": {
     "team": "Search Platform: Search Experience",
-    "deprecatedAutoEntryPoints": true,
     "releaseModel": "continuous",
     "website": {
       "name": "Quick Search"
@@ -35,7 +34,7 @@
     "@atlaskit/item": "^12.1.0",
     "@atlaskit/spinner": "^16.0.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.28.0",
+    "@atlaskit/tokens": "^1.33.0",
     "@babel/runtime": "^7.0.0",
     "keycode": "^2.1.7"
   },
@@ -52,5 +51,8 @@
     "typescript": "~4.9.5",
     "uuid": "^3.1.0"
   },
-  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1"
-}
+  "prettier": "@atlassian/atlassian-frontend-prettier-config-1.0.1",
+  "af:exports": {
+    ".": "./src/index.ts"
+  }
+}

package/tmp/api-report-tmp.d.ts

@@ -1,263 +0,0 @@
-## API Report File for "@atlaskit/quick-search"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-import { ComponentType } from 'react';
-import { default as React_2 } from 'react';
-import { ReactNode } from 'react';
-
-// @public (undocumented)
-export class AkNavigationItem extends React_2.PureComponent<Props_2> {
-    // (undocumented)
-    static defaultProps: Partial<Props_2>;
-    // (undocumented)
-    render(): JSX.Element;
-}
-
-// @public (undocumented)
-export class AkSearch extends React_2.PureComponent<Props_4> {
-    // (undocumented)
-    static defaultProps: Partial<Props_4>;
-    // (undocumented)
-    inputRef?: React_2.Ref<any>;
-    // (undocumented)
-    onInputKeyDown: (event: React_2.KeyboardEvent<HTMLInputElement>) => void;
-    // (undocumented)
-    render(): JSX.Element;
-    // (undocumented)
-    renderInputControls: () => JSX.Element | null;
-    // (undocumented)
-    setInputRef: (ref: React_2.Ref<any>) => void;
-}
-
-// @public (undocumented)
-type AnalyticsData = Object;
-
-// @public (undocumented)
-export type CancelableEvent = KeyboardEvent | MouseEvent | React.KeyboardEvent<HTMLInputElement> | React.MouseEvent<HTMLElement>;
-
-// @public (undocumented)
-type CommonResultProps = {
-    resultId: number | string;
-    type?: string;
-    avatarUrl?: string;
-    avatar?: ReactNode;
-    elemAfter?: ReactNode;
-    selectedIcon?: ReactNode;
-    href?: string;
-    target?: string;
-    isCompact?: boolean;
-    onClick?: (resultData: ResultData) => void;
-    analyticsData?: (() => AnalyticsData) | AnalyticsData;
-};
-
-// @public
-export class ContainerResult extends React_2.PureComponent<ContainerResultProps> {
-    // (undocumented)
-    getAvatar: () => {};
-    // (undocumented)
-    render(): JSX.Element;
-}
-
-// @public (undocumented)
-export type ContainerResultProps = CommonResultProps & {
-    name: React_2.ReactNode;
-    caption?: string;
-    isPrivate?: boolean;
-    subText?: React_2.ReactNode;
-};
-
-// @public
-const _default: React_2.ComponentClass<Props_3, any>;
-export { _default as AkQuickSearch }
-export { _default as QuickSearch }
-
-// @public (undocumented)
-type DefaultProps = {
-    context: ResultContextType;
-};
-
-// @public
-export class ObjectResult extends React_2.PureComponent<ObjectResultProps> {
-    // (undocumented)
-    getAvatar: () => {};
-    // (undocumented)
-    getSubtext(): null | undefined | {};
-    // (undocumented)
-    render(): JSX.Element;
-}
-
-// @public (undocumented)
-export type ObjectResultProps = CommonResultProps & {
-    name: React_2.ReactNode;
-    caption?: string;
-    containerName?: React_2.ReactNode;
-    isPrivate?: boolean;
-    objectKey?: React_2.ReactNode;
-};
-
-// @public (undocumented)
-export class PersonResult extends React_2.PureComponent<PersonResultProps> {
-    // (undocumented)
-    static defaultProps: Partial<PersonResultProps>;
-    // (undocumented)
-    getAvatar: () => {};
-    // (undocumented)
-    getMention: () => string | undefined;
-    // (undocumented)
-    render(): JSX.Element;
-}
-
-// @public (undocumented)
-export type PersonResultProps = CommonResultProps & {
-    name: React_2.ReactNode;
-    mentionName?: string;
-    mentionPrefix?: string;
-    presenceMessage?: React_2.ReactNode;
-    presenceState?: 'busy' | 'offline' | 'online' | null;
-};
-
-// @public (undocumented)
-type Props = {
-    title: React_2.ReactNode;
-    children?: React_2.ReactNode;
-};
-
-// @public (undocumented)
-type Props_2 = {
-    caption?: string;
-    href?: string;
-    target?: string;
-    icon?: React_2.ReactNode;
-    isCompact?: boolean;
-    isSelected?: boolean;
-    isMouseSelected?: boolean;
-    onClick?(e: MouseEvent): void;
-    onMouseEnter?: (e: MouseEvent) => void;
-    onMouseLeave?: (e: MouseEvent) => void;
-    subText?: React_2.ReactNode;
-    text?: React_2.ReactNode;
-    textAfter?: React_2.ReactNode;
-    selectedIcon?: React_2.ReactNode;
-    linkComponent?: React_2.ComponentType;
-};
-
-// @public (undocumented)
-type Props_3 = {
-    children: React_2.ReactNode;
-    isLoading?: boolean;
-    onSearchBlur?: (event: React_2.FocusEvent<HTMLInputElement>) => void;
-    onSearchInput?: (event: React_2.FormEvent<HTMLInputElement>, isAutocompleted?: boolean) => void;
-    onSearchKeyDown?: (event: React_2.KeyboardEvent<HTMLInputElement>) => void;
-    onSearchSubmit?: (event: React_2.KeyboardEvent<HTMLInputElement>) => void;
-    placeholder?: string;
-    value?: string;
-    selectedResultId?: SelectedResultId;
-    onSelectedResultIdChanged?: (id: SelectedResultId) => void;
-    firePrivateAnalyticsEvent?: (eventName: string, eventData: Object) => void;
-    linkComponent?: React_2.ComponentType<any>;
-    inputControls?: React_2.ReactNode;
-    autocompleteText?: string;
-};
-
-// @public (undocumented)
-type Props_4 = {
-    children?: React_2.ReactNode;
-    inputControls?: React_2.ReactNode;
-    isLoading?: boolean;
-    onBlur?: (event: React_2.FocusEvent<HTMLInputElement>) => void;
-    onInput?: (event: React_2.FormEvent<HTMLInputElement>) => void;
-    onKeyDown?: (event: React_2.KeyboardEvent<HTMLInputElement>) => void;
-    placeholder?: string;
-    value?: string;
-    autocompleteText?: string;
-};
-
-declare namespace quickSearchResultTypes {
-    export {
-        ContainerResult,
-        ObjectResult,
-        PersonResult,
-        ResultBase
-    }
-}
-export { quickSearchResultTypes }
-
-// @public (undocumented)
-export const ResultBase: (props: ResultBaseProps) => JSX.Element;
-
-// @public (undocumented)
-class ResultBase_2 extends React_2.PureComponent<DefaultProps & ResultBaseProps> {
-    // (undocumented)
-    componentDidMount(): void;
-    // (undocumented)
-    componentDidUpdate(): void;
-    // (undocumented)
-    componentWillUnmount(): void;
-    // (undocumented)
-    static defaultProps: Partial<ResultBaseProps>;
-    // (undocumented)
-    getAnalyticsData(): AnalyticsData;
-    // (undocumented)
-    handleClick: (e: MouseEvent) => void;
-    // (undocumented)
-    handleMouseEnter: (event: MouseEvent) => void;
-    // (undocumented)
-    handleMouseLeave: () => void;
-    // (undocumented)
-    registerResult(): void;
-    // (undocumented)
-    render(): JSX.Element;
-    // (undocumented)
-    state: {
-        isMouseSelected: boolean;
-    };
-}
-
-// @public (undocumented)
-export type ResultBaseProps = CommonResultProps & {
-    type: string;
-    text: React_2.ReactNode;
-    subText?: React_2.ReactNode;
-    caption?: string;
-    icon?: React_2.ReactNode;
-    context?: ResultContextType;
-};
-
-// @public (undocumented)
-type ResultContextType = {
-    registerResult: (result: ResultBase_2) => void;
-    unregisterResult: (result: ResultBase_2) => void;
-    onMouseEnter: (resultData: ResultData) => void;
-    onMouseLeave: () => void;
-    sendAnalytics?: (eventName: string, eventData: Object) => void;
-    getIndex: (resultId: ResultId) => null | number;
-    linkComponent?: ComponentType;
-};
-
-// @public (undocumented)
-export type ResultData = {
-    resultId: ResultId;
-    type: string;
-    event: CancelableEvent;
-};
-
-// @public (undocumented)
-type ResultId = number | string;
-
-// @public (undocumented)
-class ResultItemGroup extends React_2.Component<Props> {
-    // (undocumented)
-    render(): JSX.Element;
-}
-export { ResultItemGroup as AkNavigationItemGroup }
-export { ResultItemGroup }
-
-// @public (undocumented)
-type SelectedResultId = ResultId | null;
-
-// (No @packageDocumentation comment for this package)
-
-```