@atlaskit/link-datasource 2.3.5 → 2.3.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +18 -0
- package/LICENSE.md +6 -8
- package/dist/cjs/hooks/useDatasourceTableState.js +3 -3
- package/dist/cjs/hooks/useValidateAqlText.js +3 -3
- package/dist/cjs/ui/assets-modal/modal/index.js +21 -9
- package/dist/cjs/ui/common/modal/popup-select/index.js +4 -4
- package/dist/cjs/ui/datasource-table-view/datasourceTableView.js +3 -3
- package/dist/cjs/ui/issue-like-table/index.js +1 -1
- package/dist/cjs/ui/issue-like-table/render-type/date-time/index.js +4 -4
- package/dist/cjs/ui/issue-like-table/styled.js +7 -7
- package/dist/es2019/hooks/useDatasourceTableState.js +3 -3
- package/dist/es2019/hooks/useValidateAqlText.js +3 -3
- package/dist/es2019/ui/assets-modal/modal/index.js +21 -7
- package/dist/es2019/ui/common/modal/popup-select/index.js +4 -4
- package/dist/es2019/ui/datasource-table-view/datasourceTableView.js +3 -3
- package/dist/es2019/ui/issue-like-table/index.js +1 -1
- package/dist/es2019/ui/issue-like-table/render-type/date-time/index.js +4 -4
- package/dist/es2019/ui/issue-like-table/styled.js +7 -7
- package/dist/esm/hooks/useDatasourceTableState.js +3 -3
- package/dist/esm/hooks/useValidateAqlText.js +3 -3
- package/dist/esm/ui/assets-modal/modal/index.js +21 -9
- package/dist/esm/ui/common/modal/popup-select/index.js +4 -4
- package/dist/esm/ui/datasource-table-view/datasourceTableView.js +3 -3
- package/dist/esm/ui/issue-like-table/index.js +1 -1
- package/dist/esm/ui/issue-like-table/render-type/date-time/index.js +4 -4
- package/dist/esm/ui/issue-like-table/styled.js +7 -7
- package/dist/types/contexts/datasource-experience-id/index.d.ts +1 -1
- package/dist/types/contexts/user-interactions/index.d.ts +1 -1
- package/dist/types/index.d.ts +1 -1
- package/dist/types/services/useBasicFilterAGG.d.ts +1 -1
- package/dist/types/ui/assets-modal/search-container/loading-state.d.ts +1 -1
- package/dist/types/ui/assets-modal/types.d.ts +1 -0
- package/dist/types/ui/common/error-state/no-instances.d.ts +1 -1
- package/dist/types/ui/common/modal/cancel-button/index.d.ts +1 -1
- package/dist/types/ui/common/modal/content-container/index.d.ts +1 -1
- package/dist/types/ui/common/modal/display-view-dropdown/display-view-drop-down.d.ts +1 -1
- package/dist/types/ui/common/modal/popup-select/footer.d.ts +1 -1
- package/dist/types/ui/common/modal/popup-select/menu-list/errorMessage.d.ts +1 -1
- package/dist/types/ui/common/modal/popup-select/menu-list/loadingMessage.d.ts +1 -1
- package/dist/types/ui/common/modal/popup-select/menu-list/selectMessage.d.ts +1 -1
- package/dist/types/ui/confluence-search-modal/basic-filters/filters/date-range-picker/index.d.ts +1 -1
- package/dist/types/ui/issue-like-table/render-type/boolean/index.d.ts +1 -1
- package/dist/types/ui/issue-like-table/render-type/icon/index.d.ts +1 -1
- package/dist/types/ui/issue-like-table/render-type/link/index.d.ts +1 -1
- package/dist/types/ui/issue-like-table/render-type/number/index.d.ts +1 -1
- package/dist/types/ui/issue-like-table/render-type/status/index.d.ts +1 -1
- package/dist/types/ui/jira-issues-modal/basic-filters/hooks/useFilterOptions.d.ts +1 -1
- package/dist/types/ui/jira-issues-modal/basic-filters/utils/transformers.d.ts +2 -2
- package/dist/types-ts4.5/contexts/datasource-experience-id/index.d.ts +1 -1
- package/dist/types-ts4.5/contexts/user-interactions/index.d.ts +1 -1
- package/dist/types-ts4.5/index.d.ts +1 -1
- package/dist/types-ts4.5/services/useBasicFilterAGG.d.ts +1 -1
- package/dist/types-ts4.5/ui/assets-modal/search-container/loading-state.d.ts +1 -1
- package/dist/types-ts4.5/ui/assets-modal/types.d.ts +1 -0
- package/dist/types-ts4.5/ui/common/error-state/no-instances.d.ts +1 -1
- package/dist/types-ts4.5/ui/common/modal/cancel-button/index.d.ts +1 -1
- package/dist/types-ts4.5/ui/common/modal/content-container/index.d.ts +1 -1
- package/dist/types-ts4.5/ui/common/modal/display-view-dropdown/display-view-drop-down.d.ts +1 -1
- package/dist/types-ts4.5/ui/common/modal/popup-select/footer.d.ts +1 -1
- package/dist/types-ts4.5/ui/common/modal/popup-select/menu-list/errorMessage.d.ts +1 -1
- package/dist/types-ts4.5/ui/common/modal/popup-select/menu-list/loadingMessage.d.ts +1 -1
- package/dist/types-ts4.5/ui/common/modal/popup-select/menu-list/selectMessage.d.ts +1 -1
- package/dist/types-ts4.5/ui/confluence-search-modal/basic-filters/filters/date-range-picker/index.d.ts +1 -1
- package/dist/types-ts4.5/ui/issue-like-table/render-type/boolean/index.d.ts +1 -1
- package/dist/types-ts4.5/ui/issue-like-table/render-type/icon/index.d.ts +1 -1
- package/dist/types-ts4.5/ui/issue-like-table/render-type/link/index.d.ts +1 -1
- package/dist/types-ts4.5/ui/issue-like-table/render-type/number/index.d.ts +1 -1
- package/dist/types-ts4.5/ui/issue-like-table/render-type/status/index.d.ts +1 -1
- package/dist/types-ts4.5/ui/jira-issues-modal/basic-filters/hooks/useFilterOptions.d.ts +1 -1
- package/dist/types-ts4.5/ui/jira-issues-modal/basic-filters/utils/transformers.d.ts +2 -2
- package/examples-helpers/buildAssetsIssuesTable.tsx +44 -44
- package/examples-helpers/buildConfluenceSearchTable.tsx +49 -51
- package/examples-helpers/buildIssueLikeTable.tsx +82 -92
- package/examples-helpers/buildJiraIssuesTable.tsx +50 -50
- package/examples-helpers/hoverableContainer.tsx +12 -14
- package/examples-helpers/mockJqlSmartLinkData.ts +64 -66
- package/examples-helpers/mockSmartLinkData.ts +154 -154
- package/examples-helpers/smartLinkCustomClient.ts +32 -32
- package/examples-helpers/useAssetsTableProps.tsx +46 -46
- package/examples-helpers/useCommonTableProps.tsx +23 -25
- package/package.json +17 -12
- package/report.api.md +94 -106
|
@@ -37,12 +37,12 @@ export var TableHeading = styled.th((_styled$th = {}, _defineProperty(_styled$th
|
|
|
37
37
|
borderRight: "0.5px solid ".concat("var(--ds-border, ".concat(N40, ")")),
|
|
38
38
|
borderBottom: "2px solid ".concat("var(--ds-border, ".concat(N40, ")")),
|
|
39
39
|
/*
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
40
|
+
lineHeight * 2 -> Max height of two lined header
|
|
41
|
+
verticalPadding * 2 -> padding for this component itself
|
|
42
|
+
verticalPadding * 2 -> padding inside span (--container)
|
|
43
|
+
2px -> Bottom border
|
|
44
|
+
Last two terms are needed because of border-box box sizing.
|
|
45
|
+
*/
|
|
46
46
|
height: "calc(".concat(lineHeight, " * 2 + ").concat(verticalPadding, " * 4 + 2px)"),
|
|
47
47
|
verticalAlign: 'bottom',
|
|
48
48
|
backgroundColor: "var(--ds-elevation-surface-current, #FFF)"
|
|
@@ -55,7 +55,7 @@ export var TableHeading = styled.th((_styled$th = {}, _defineProperty(_styled$th
|
|
|
55
55
|
}), _defineProperty(_styled$th, "& [data-testid='datasource-header-content--container']", {
|
|
56
56
|
width: '100%',
|
|
57
57
|
/* With Button now being a parent for this component it adds its lineHeight value and spoils
|
|
58
|
-
|
|
58
|
+
`height` calculation above. */
|
|
59
59
|
lineHeight: lineHeight,
|
|
60
60
|
padding: "".concat(verticalPadding, " ", "var(--ds-space-050, 4px)"),
|
|
61
61
|
display: '-webkit-box',
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { type PropsWithChildren } from 'react';
|
|
2
|
-
declare const DatasourceExperienceIdProvider: ({ children
|
|
2
|
+
declare const DatasourceExperienceIdProvider: ({ children }: PropsWithChildren<{}>) => JSX.Element;
|
|
3
3
|
declare const useDatasourceExperienceId: () => string;
|
|
4
4
|
export { DatasourceExperienceIdProvider, useDatasourceExperienceId };
|
|
@@ -4,7 +4,7 @@ interface UserInteractions {
|
|
|
4
4
|
add: (action: DatasourceAction) => void;
|
|
5
5
|
get: () => DatasourceAction[];
|
|
6
6
|
}
|
|
7
|
-
declare const UserInteractionsProvider: ({ children
|
|
7
|
+
declare const UserInteractionsProvider: ({ children }: PropsWithChildren<{}>) => JSX.Element;
|
|
8
8
|
/**
|
|
9
9
|
* Use this hook to track user activities. This is mainly used to populate analytic events with
|
|
10
10
|
* a trail of user activities.
|
package/dist/types/index.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ export { default as DatasourceTableView } from './ui/datasource-table-view';
|
|
|
5
5
|
export { default as JSMAssetsConfigModal } from './ui/assets-modal';
|
|
6
6
|
export { buildDatasourceAdf } from './common/utils/adf';
|
|
7
7
|
export type { JiraIssuesDatasourceAdf, JiraIssueDatasourceParameters, } from './ui/jira-issues-modal/types';
|
|
8
|
-
export type { AssetsDatasourceAdf, AssetsDatasourceParameters
|
|
8
|
+
export type { AssetsDatasourceAdf, AssetsDatasourceParameters } from './ui/assets-modal/types';
|
|
9
9
|
export type { ConfluenceSearchDatasourceAdf, ConfluenceSearchDatasourceParameters, } from './ui/confluence-search-modal/types';
|
|
10
10
|
export { JIRA_LIST_OF_LINKS_DATASOURCE_ID } from './ui/jira-issues-modal';
|
|
11
11
|
export { ASSETS_LIST_OF_LINKS_DATASOURCE_ID } from './ui/assets-modal';
|
|
@@ -9,7 +9,7 @@ interface GetFieldValuesProps {
|
|
|
9
9
|
}
|
|
10
10
|
export declare const useBasicFilterAGG: () => {
|
|
11
11
|
getHydratedJQL: (cloudId: string, jql: string) => Promise<HydrateResponse>;
|
|
12
|
-
getFieldValues: ({ cloudId, jql, jqlTerm, searchString, pageCursor
|
|
12
|
+
getFieldValues: ({ cloudId, jql, jqlTerm, searchString, pageCursor }: GetFieldValuesProps) => Promise<FieldValuesResponse>;
|
|
13
13
|
getCurrentUserInfo: () => Promise<UserInfoAGGResponse>;
|
|
14
14
|
getUsersFromAccountIDs: (accountIds: string[]) => Promise<UserHydrationAGGResponse>;
|
|
15
15
|
};
|
|
@@ -4,5 +4,5 @@ import { jsx } from '@emotion/react';
|
|
|
4
4
|
type AssetsSearchConatinerLoadingProps = {
|
|
5
5
|
modalTitle?: JSX.Element;
|
|
6
6
|
};
|
|
7
|
-
export declare const AssetsSearchContainerLoading: ({ modalTitle
|
|
7
|
+
export declare const AssetsSearchContainerLoading: ({ modalTitle }: AssetsSearchConatinerLoadingProps) => jsx.JSX.Element;
|
|
8
8
|
export {};
|
|
@@ -5,6 +5,7 @@ export type AssetsDatasourceParameters = {
|
|
|
5
5
|
workspaceId: string;
|
|
6
6
|
aql: string;
|
|
7
7
|
schemaId: string;
|
|
8
|
+
version?: string;
|
|
8
9
|
};
|
|
9
10
|
export type AssetsDatasourceAdf = DatasourceAdf<AssetsDatasourceParameters>;
|
|
10
11
|
export interface AssetsConfigModalProps extends ConfigModalProps<InlineCardAdf | AssetsDatasourceAdf, DatasourceParameters | AssetsDatasourceParameters> {
|
|
@@ -6,5 +6,5 @@ interface NoInstanceViewProps {
|
|
|
6
6
|
description: MessageDescriptor;
|
|
7
7
|
testId: string;
|
|
8
8
|
}
|
|
9
|
-
export declare const NoInstancesView: ({ title, description, testId
|
|
9
|
+
export declare const NoInstancesView: ({ title, description, testId }: NoInstanceViewProps) => jsx.JSX.Element;
|
|
10
10
|
export {};
|
|
@@ -5,4 +5,4 @@ export interface CancelButtonProps {
|
|
|
5
5
|
onCancel: () => void;
|
|
6
6
|
testId: string;
|
|
7
7
|
}
|
|
8
|
-
export declare const CancelButton: ({ getAnalyticsPayload, onCancel, testId
|
|
8
|
+
export declare const CancelButton: ({ getAnalyticsPayload, onCancel, testId }: CancelButtonProps) => jsx.JSX.Element;
|
|
@@ -5,4 +5,4 @@ export interface ContentContainerProps {
|
|
|
5
5
|
children: ReactNode;
|
|
6
6
|
withTableBorder?: boolean;
|
|
7
7
|
}
|
|
8
|
-
export declare const ContentContainer: ({ children, withTableBorder
|
|
8
|
+
export declare const ContentContainer: ({ children, withTableBorder }: ContentContainerProps) => jsx.JSX.Element;
|
|
@@ -5,4 +5,4 @@ export type DisplayViewDropDownProps = {
|
|
|
5
5
|
onViewModeChange: (value: DisplayViewModes) => void;
|
|
6
6
|
viewMode: DisplayViewModes;
|
|
7
7
|
};
|
|
8
|
-
export declare const DisplayViewDropDown: ({ onViewModeChange, viewMode
|
|
8
|
+
export declare const DisplayViewDropDown: ({ onViewModeChange, viewMode }: DisplayViewDropDownProps) => jsx.JSX.Element;
|
|
@@ -4,5 +4,5 @@ export interface PopupFooterProps {
|
|
|
4
4
|
totalCount: number;
|
|
5
5
|
filterName: string;
|
|
6
6
|
}
|
|
7
|
-
declare const PopupFooter: ({ currentDisplayCount, totalCount, filterName
|
|
7
|
+
declare const PopupFooter: ({ currentDisplayCount, totalCount, filterName }: PopupFooterProps) => JSX.Element;
|
|
8
8
|
export default PopupFooter;
|
|
@@ -5,5 +5,5 @@ interface CustomSelectMessageProps {
|
|
|
5
5
|
message: MessageDescriptor;
|
|
6
6
|
testId: string;
|
|
7
7
|
}
|
|
8
|
-
declare const CustomSelectMessage: ({ icon, message, testId
|
|
8
|
+
declare const CustomSelectMessage: ({ icon, message, testId }: CustomSelectMessageProps) => JSX.Element;
|
|
9
9
|
export default CustomSelectMessage;
|
package/dist/types/ui/confluence-search-modal/basic-filters/filters/date-range-picker/index.d.ts
CHANGED
|
@@ -5,5 +5,5 @@ interface DateRangeProps {
|
|
|
5
5
|
onSelectionChange: (options: DateRangeSelection) => void;
|
|
6
6
|
selection?: DateRangeSelection;
|
|
7
7
|
}
|
|
8
|
-
export declare const DateRangePicker: ({ onSelectionChange, selection
|
|
8
|
+
export declare const DateRangePicker: ({ onSelectionChange, selection }: DateRangeProps) => JSX.Element;
|
|
9
9
|
export {};
|
|
@@ -5,5 +5,5 @@ interface BooleanProps {
|
|
|
5
5
|
value: BooleanType['value'];
|
|
6
6
|
}
|
|
7
7
|
export declare const BOOLEAN_TYPE_TEST_ID = "link-datasource-render-type--boolean";
|
|
8
|
-
declare const BooleanRenderType: ({ value, testId
|
|
8
|
+
declare const BooleanRenderType: ({ value, testId }: BooleanProps) => JSX.Element;
|
|
9
9
|
export default BooleanRenderType;
|
|
@@ -4,5 +4,5 @@ interface IconProps extends Icon {
|
|
|
4
4
|
testId?: string;
|
|
5
5
|
}
|
|
6
6
|
export declare const ICON_TYPE_TEST_ID = "link-datasource-render-type--icon";
|
|
7
|
-
declare const IconRenderType: ({ label, source, testId
|
|
7
|
+
declare const IconRenderType: ({ label, source, testId }: IconProps) => JSX.Element;
|
|
8
8
|
export default IconRenderType;
|
|
@@ -4,5 +4,5 @@ interface LinkProps extends Link {
|
|
|
4
4
|
testId?: string;
|
|
5
5
|
}
|
|
6
6
|
export declare const LINK_TYPE_TEST_ID = "link-datasource-render-type--link";
|
|
7
|
-
declare const _default: React.MemoExoticComponent<({ style, url, text, testId
|
|
7
|
+
declare const _default: React.MemoExoticComponent<({ style, url, text, testId }: LinkProps) => JSX.Element | null>;
|
|
8
8
|
export default _default;
|
|
@@ -5,5 +5,5 @@ interface NumberProps {
|
|
|
5
5
|
number: NumberType['value'];
|
|
6
6
|
}
|
|
7
7
|
export declare const NUMBER_TYPE_TEST_ID = "link-datasource-render-type--number";
|
|
8
|
-
declare const NumberRenderType: ({ number, testId
|
|
8
|
+
declare const NumberRenderType: ({ number, testId }: NumberProps) => JSX.Element;
|
|
9
9
|
export default NumberRenderType;
|
|
@@ -4,5 +4,5 @@ interface StatusProps extends Status {
|
|
|
4
4
|
testId?: string;
|
|
5
5
|
}
|
|
6
6
|
export declare const STATUS_TYPE_TEST_ID = "link-datasource-render-type--status";
|
|
7
|
-
declare const StatusRenderType: ({ text, style, testId
|
|
7
|
+
declare const StatusRenderType: ({ text, style, testId }: StatusProps) => JSX.Element;
|
|
8
8
|
export default StatusRenderType;
|
|
@@ -20,5 +20,5 @@ export interface FilterOptionsState {
|
|
|
20
20
|
errors: unknown[];
|
|
21
21
|
}
|
|
22
22
|
export declare const getAssigneeUnassignedFilterOption: (formatMessage: IntlShape['formatMessage']) => AvatarLabelOption;
|
|
23
|
-
export declare const useFilterOptions: ({ filterType, site
|
|
23
|
+
export declare const useFilterOptions: ({ filterType, site }: FilterOptionsProps) => FilterOptionsState;
|
|
24
24
|
export {};
|
|
@@ -4,5 +4,5 @@ export declare function mapHydrateResponseData({ data }: HydrateResponse): Selec
|
|
|
4
4
|
export declare function mapFieldValuesToFilterOptions({ data, siteUrl, }: FieldValuesResponse & {
|
|
5
5
|
siteUrl?: string;
|
|
6
6
|
}): SelectOption[];
|
|
7
|
-
export declare function mapFieldValuesToTotalCount({ data
|
|
8
|
-
export declare function mapFieldValuesToPageCursor({ data
|
|
7
|
+
export declare function mapFieldValuesToTotalCount({ data }: FieldValuesResponse): number;
|
|
8
|
+
export declare function mapFieldValuesToPageCursor({ data }: FieldValuesResponse): string | undefined;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { type PropsWithChildren } from 'react';
|
|
2
|
-
declare const DatasourceExperienceIdProvider: ({ children
|
|
2
|
+
declare const DatasourceExperienceIdProvider: ({ children }: PropsWithChildren<{}>) => JSX.Element;
|
|
3
3
|
declare const useDatasourceExperienceId: () => string;
|
|
4
4
|
export { DatasourceExperienceIdProvider, useDatasourceExperienceId };
|
|
@@ -4,7 +4,7 @@ interface UserInteractions {
|
|
|
4
4
|
add: (action: DatasourceAction) => void;
|
|
5
5
|
get: () => DatasourceAction[];
|
|
6
6
|
}
|
|
7
|
-
declare const UserInteractionsProvider: ({ children
|
|
7
|
+
declare const UserInteractionsProvider: ({ children }: PropsWithChildren<{}>) => JSX.Element;
|
|
8
8
|
/**
|
|
9
9
|
* Use this hook to track user activities. This is mainly used to populate analytic events with
|
|
10
10
|
* a trail of user activities.
|
|
@@ -5,7 +5,7 @@ export { default as DatasourceTableView } from './ui/datasource-table-view';
|
|
|
5
5
|
export { default as JSMAssetsConfigModal } from './ui/assets-modal';
|
|
6
6
|
export { buildDatasourceAdf } from './common/utils/adf';
|
|
7
7
|
export type { JiraIssuesDatasourceAdf, JiraIssueDatasourceParameters, } from './ui/jira-issues-modal/types';
|
|
8
|
-
export type { AssetsDatasourceAdf, AssetsDatasourceParameters
|
|
8
|
+
export type { AssetsDatasourceAdf, AssetsDatasourceParameters } from './ui/assets-modal/types';
|
|
9
9
|
export type { ConfluenceSearchDatasourceAdf, ConfluenceSearchDatasourceParameters, } from './ui/confluence-search-modal/types';
|
|
10
10
|
export { JIRA_LIST_OF_LINKS_DATASOURCE_ID } from './ui/jira-issues-modal';
|
|
11
11
|
export { ASSETS_LIST_OF_LINKS_DATASOURCE_ID } from './ui/assets-modal';
|
|
@@ -9,7 +9,7 @@ interface GetFieldValuesProps {
|
|
|
9
9
|
}
|
|
10
10
|
export declare const useBasicFilterAGG: () => {
|
|
11
11
|
getHydratedJQL: (cloudId: string, jql: string) => Promise<HydrateResponse>;
|
|
12
|
-
getFieldValues: ({ cloudId, jql, jqlTerm, searchString, pageCursor
|
|
12
|
+
getFieldValues: ({ cloudId, jql, jqlTerm, searchString, pageCursor }: GetFieldValuesProps) => Promise<FieldValuesResponse>;
|
|
13
13
|
getCurrentUserInfo: () => Promise<UserInfoAGGResponse>;
|
|
14
14
|
getUsersFromAccountIDs: (accountIds: string[]) => Promise<UserHydrationAGGResponse>;
|
|
15
15
|
};
|
|
@@ -4,5 +4,5 @@ import { jsx } from '@emotion/react';
|
|
|
4
4
|
type AssetsSearchConatinerLoadingProps = {
|
|
5
5
|
modalTitle?: JSX.Element;
|
|
6
6
|
};
|
|
7
|
-
export declare const AssetsSearchContainerLoading: ({ modalTitle
|
|
7
|
+
export declare const AssetsSearchContainerLoading: ({ modalTitle }: AssetsSearchConatinerLoadingProps) => jsx.JSX.Element;
|
|
8
8
|
export {};
|
|
@@ -5,6 +5,7 @@ export type AssetsDatasourceParameters = {
|
|
|
5
5
|
workspaceId: string;
|
|
6
6
|
aql: string;
|
|
7
7
|
schemaId: string;
|
|
8
|
+
version?: string;
|
|
8
9
|
};
|
|
9
10
|
export type AssetsDatasourceAdf = DatasourceAdf<AssetsDatasourceParameters>;
|
|
10
11
|
export interface AssetsConfigModalProps extends ConfigModalProps<InlineCardAdf | AssetsDatasourceAdf, DatasourceParameters | AssetsDatasourceParameters> {
|
|
@@ -6,5 +6,5 @@ interface NoInstanceViewProps {
|
|
|
6
6
|
description: MessageDescriptor;
|
|
7
7
|
testId: string;
|
|
8
8
|
}
|
|
9
|
-
export declare const NoInstancesView: ({ title, description, testId
|
|
9
|
+
export declare const NoInstancesView: ({ title, description, testId }: NoInstanceViewProps) => jsx.JSX.Element;
|
|
10
10
|
export {};
|
|
@@ -5,4 +5,4 @@ export interface CancelButtonProps {
|
|
|
5
5
|
onCancel: () => void;
|
|
6
6
|
testId: string;
|
|
7
7
|
}
|
|
8
|
-
export declare const CancelButton: ({ getAnalyticsPayload, onCancel, testId
|
|
8
|
+
export declare const CancelButton: ({ getAnalyticsPayload, onCancel, testId }: CancelButtonProps) => jsx.JSX.Element;
|
|
@@ -5,4 +5,4 @@ export interface ContentContainerProps {
|
|
|
5
5
|
children: ReactNode;
|
|
6
6
|
withTableBorder?: boolean;
|
|
7
7
|
}
|
|
8
|
-
export declare const ContentContainer: ({ children, withTableBorder
|
|
8
|
+
export declare const ContentContainer: ({ children, withTableBorder }: ContentContainerProps) => jsx.JSX.Element;
|
|
@@ -5,4 +5,4 @@ export type DisplayViewDropDownProps = {
|
|
|
5
5
|
onViewModeChange: (value: DisplayViewModes) => void;
|
|
6
6
|
viewMode: DisplayViewModes;
|
|
7
7
|
};
|
|
8
|
-
export declare const DisplayViewDropDown: ({ onViewModeChange, viewMode
|
|
8
|
+
export declare const DisplayViewDropDown: ({ onViewModeChange, viewMode }: DisplayViewDropDownProps) => jsx.JSX.Element;
|
|
@@ -4,5 +4,5 @@ export interface PopupFooterProps {
|
|
|
4
4
|
totalCount: number;
|
|
5
5
|
filterName: string;
|
|
6
6
|
}
|
|
7
|
-
declare const PopupFooter: ({ currentDisplayCount, totalCount, filterName
|
|
7
|
+
declare const PopupFooter: ({ currentDisplayCount, totalCount, filterName }: PopupFooterProps) => JSX.Element;
|
|
8
8
|
export default PopupFooter;
|
|
@@ -5,5 +5,5 @@ interface CustomSelectMessageProps {
|
|
|
5
5
|
message: MessageDescriptor;
|
|
6
6
|
testId: string;
|
|
7
7
|
}
|
|
8
|
-
declare const CustomSelectMessage: ({ icon, message, testId
|
|
8
|
+
declare const CustomSelectMessage: ({ icon, message, testId }: CustomSelectMessageProps) => JSX.Element;
|
|
9
9
|
export default CustomSelectMessage;
|
|
@@ -5,5 +5,5 @@ interface DateRangeProps {
|
|
|
5
5
|
onSelectionChange: (options: DateRangeSelection) => void;
|
|
6
6
|
selection?: DateRangeSelection;
|
|
7
7
|
}
|
|
8
|
-
export declare const DateRangePicker: ({ onSelectionChange, selection
|
|
8
|
+
export declare const DateRangePicker: ({ onSelectionChange, selection }: DateRangeProps) => JSX.Element;
|
|
9
9
|
export {};
|
|
@@ -5,5 +5,5 @@ interface BooleanProps {
|
|
|
5
5
|
value: BooleanType['value'];
|
|
6
6
|
}
|
|
7
7
|
export declare const BOOLEAN_TYPE_TEST_ID = "link-datasource-render-type--boolean";
|
|
8
|
-
declare const BooleanRenderType: ({ value, testId
|
|
8
|
+
declare const BooleanRenderType: ({ value, testId }: BooleanProps) => JSX.Element;
|
|
9
9
|
export default BooleanRenderType;
|
|
@@ -4,5 +4,5 @@ interface IconProps extends Icon {
|
|
|
4
4
|
testId?: string;
|
|
5
5
|
}
|
|
6
6
|
export declare const ICON_TYPE_TEST_ID = "link-datasource-render-type--icon";
|
|
7
|
-
declare const IconRenderType: ({ label, source, testId
|
|
7
|
+
declare const IconRenderType: ({ label, source, testId }: IconProps) => JSX.Element;
|
|
8
8
|
export default IconRenderType;
|
|
@@ -4,5 +4,5 @@ interface LinkProps extends Link {
|
|
|
4
4
|
testId?: string;
|
|
5
5
|
}
|
|
6
6
|
export declare const LINK_TYPE_TEST_ID = "link-datasource-render-type--link";
|
|
7
|
-
declare const _default: React.MemoExoticComponent<({ style, url, text, testId
|
|
7
|
+
declare const _default: React.MemoExoticComponent<({ style, url, text, testId }: LinkProps) => JSX.Element | null>;
|
|
8
8
|
export default _default;
|
|
@@ -5,5 +5,5 @@ interface NumberProps {
|
|
|
5
5
|
number: NumberType['value'];
|
|
6
6
|
}
|
|
7
7
|
export declare const NUMBER_TYPE_TEST_ID = "link-datasource-render-type--number";
|
|
8
|
-
declare const NumberRenderType: ({ number, testId
|
|
8
|
+
declare const NumberRenderType: ({ number, testId }: NumberProps) => JSX.Element;
|
|
9
9
|
export default NumberRenderType;
|
|
@@ -4,5 +4,5 @@ interface StatusProps extends Status {
|
|
|
4
4
|
testId?: string;
|
|
5
5
|
}
|
|
6
6
|
export declare const STATUS_TYPE_TEST_ID = "link-datasource-render-type--status";
|
|
7
|
-
declare const StatusRenderType: ({ text, style, testId
|
|
7
|
+
declare const StatusRenderType: ({ text, style, testId }: StatusProps) => JSX.Element;
|
|
8
8
|
export default StatusRenderType;
|
|
@@ -20,5 +20,5 @@ export interface FilterOptionsState {
|
|
|
20
20
|
errors: unknown[];
|
|
21
21
|
}
|
|
22
22
|
export declare const getAssigneeUnassignedFilterOption: (formatMessage: IntlShape['formatMessage']) => AvatarLabelOption;
|
|
23
|
-
export declare const useFilterOptions: ({ filterType, site
|
|
23
|
+
export declare const useFilterOptions: ({ filterType, site }: FilterOptionsProps) => FilterOptionsState;
|
|
24
24
|
export {};
|
|
@@ -4,5 +4,5 @@ export declare function mapHydrateResponseData({ data }: HydrateResponse): Selec
|
|
|
4
4
|
export declare function mapFieldValuesToFilterOptions({ data, siteUrl, }: FieldValuesResponse & {
|
|
5
5
|
siteUrl?: string;
|
|
6
6
|
}): SelectOption[];
|
|
7
|
-
export declare function mapFieldValuesToTotalCount({ data
|
|
8
|
-
export declare function mapFieldValuesToPageCursor({ data
|
|
7
|
+
export declare function mapFieldValuesToTotalCount({ data }: FieldValuesResponse): number;
|
|
8
|
+
export declare function mapFieldValuesToPageCursor({ data }: FieldValuesResponse): string | undefined;
|
|
@@ -14,58 +14,58 @@ import SmartLinkClient from './smartLinkCustomClient';
|
|
|
14
14
|
import { useAssetsTableProps } from './useAssetsTableProps';
|
|
15
15
|
|
|
16
16
|
interface AssetsTableViewProps {
|
|
17
|
-
|
|
18
|
-
|
|
17
|
+
parameters?: DatasourceParameters;
|
|
18
|
+
mockDatasourceFetchRequest?: boolean;
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
const AssetsTableView = () => {
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
22
|
+
const datasourceParameters: AssetsDatasourceParameters = {
|
|
23
|
+
workspaceId: 'workspaceId',
|
|
24
|
+
aql: 'name like a',
|
|
25
|
+
schemaId: '2',
|
|
26
|
+
};
|
|
27
27
|
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
28
|
+
const {
|
|
29
|
+
visibleColumnKeys,
|
|
30
|
+
onVisibleColumnKeysChange,
|
|
31
|
+
columnCustomSizes,
|
|
32
|
+
onColumnResize,
|
|
33
|
+
wrappedColumnKeys,
|
|
34
|
+
onWrappedColumnChange,
|
|
35
|
+
} = useAssetsTableProps({
|
|
36
|
+
defaultColumnCustomSizes: {
|
|
37
|
+
people: 100,
|
|
38
|
+
},
|
|
39
|
+
});
|
|
40
40
|
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
41
|
+
return (
|
|
42
|
+
<DatasourceTableView
|
|
43
|
+
datasourceId={ASSETS_LIST_OF_LINKS_DATASOURCE_ID}
|
|
44
|
+
parameters={datasourceParameters}
|
|
45
|
+
visibleColumnKeys={visibleColumnKeys}
|
|
46
|
+
onVisibleColumnKeysChange={onVisibleColumnKeysChange}
|
|
47
|
+
columnCustomSizes={columnCustomSizes}
|
|
48
|
+
onColumnResize={onColumnResize}
|
|
49
|
+
onWrappedColumnChange={onWrappedColumnChange}
|
|
50
|
+
wrappedColumnKeys={wrappedColumnKeys}
|
|
51
|
+
/>
|
|
52
|
+
);
|
|
53
53
|
};
|
|
54
54
|
|
|
55
55
|
export const ExampleAssetsIssuesTableView = ({
|
|
56
|
-
|
|
56
|
+
mockDatasourceFetchRequest = true,
|
|
57
57
|
}: AssetsTableViewProps) => {
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
58
|
+
useEffect(() => {
|
|
59
|
+
if (mockDatasourceFetchRequest) {
|
|
60
|
+
mockAssetsClientFetchRequests();
|
|
61
|
+
}
|
|
62
|
+
}, [mockDatasourceFetchRequest]);
|
|
63
63
|
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
64
|
+
return (
|
|
65
|
+
<IntlMessagesProvider loaderFn={fetchMessagesForLocale}>
|
|
66
|
+
<SmartCardProvider client={new SmartLinkClient()}>
|
|
67
|
+
<AssetsTableView />
|
|
68
|
+
</SmartCardProvider>
|
|
69
|
+
</IntlMessagesProvider>
|
|
70
|
+
);
|
|
71
71
|
};
|
|
@@ -13,65 +13,63 @@ import SmartLinkClient from './smartLinkCustomClient';
|
|
|
13
13
|
import { useCommonTableProps } from './useCommonTableProps';
|
|
14
14
|
|
|
15
15
|
interface ConfluenceSearchTableViewProps {
|
|
16
|
-
|
|
17
|
-
|
|
16
|
+
parameters?: DatasourceParameters;
|
|
17
|
+
mockDatasourceFetchRequest?: boolean;
|
|
18
18
|
}
|
|
19
19
|
|
|
20
|
-
const ConfluenceSearchTableView = ({
|
|
21
|
-
|
|
22
|
-
}: ConfluenceSearchTableViewProps) => {
|
|
23
|
-
const cloudId = parameters?.cloudId || 'some-cloud-id';
|
|
20
|
+
const ConfluenceSearchTableView = ({ parameters }: ConfluenceSearchTableViewProps) => {
|
|
21
|
+
const cloudId = parameters?.cloudId || 'some-cloud-id';
|
|
24
22
|
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
23
|
+
const datasourceParameters = useMemo<ConfluenceSearchDatasourceParameters>(
|
|
24
|
+
() => ({
|
|
25
|
+
cloudId,
|
|
26
|
+
searchString: 'some-query',
|
|
27
|
+
}),
|
|
28
|
+
[cloudId],
|
|
29
|
+
);
|
|
32
30
|
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
31
|
+
const {
|
|
32
|
+
visibleColumnKeys,
|
|
33
|
+
onVisibleColumnKeysChange,
|
|
34
|
+
columnCustomSizes,
|
|
35
|
+
onColumnResize,
|
|
36
|
+
wrappedColumnKeys,
|
|
37
|
+
onWrappedColumnChange,
|
|
38
|
+
} = useCommonTableProps({
|
|
39
|
+
defaultColumnCustomSizes: {
|
|
40
|
+
people: 100,
|
|
41
|
+
},
|
|
42
|
+
});
|
|
45
43
|
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
44
|
+
return (
|
|
45
|
+
<DatasourceTableView
|
|
46
|
+
datasourceId={'some-datasource-id'}
|
|
47
|
+
parameters={datasourceParameters}
|
|
48
|
+
visibleColumnKeys={visibleColumnKeys}
|
|
49
|
+
onVisibleColumnKeysChange={onVisibleColumnKeysChange}
|
|
50
|
+
columnCustomSizes={columnCustomSizes}
|
|
51
|
+
onColumnResize={onColumnResize}
|
|
52
|
+
onWrappedColumnChange={onWrappedColumnChange}
|
|
53
|
+
wrappedColumnKeys={wrappedColumnKeys}
|
|
54
|
+
/>
|
|
55
|
+
);
|
|
58
56
|
};
|
|
59
57
|
|
|
60
58
|
export const ExampleConfluenceSearchTableView = ({
|
|
61
|
-
|
|
62
|
-
|
|
59
|
+
parameters,
|
|
60
|
+
mockDatasourceFetchRequest = true,
|
|
63
61
|
}: ConfluenceSearchTableViewProps) => {
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
62
|
+
useEffect(() => {
|
|
63
|
+
if (mockDatasourceFetchRequest) {
|
|
64
|
+
mockDatasourceFetchRequests();
|
|
65
|
+
}
|
|
66
|
+
}, [mockDatasourceFetchRequest]);
|
|
69
67
|
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
68
|
+
return (
|
|
69
|
+
<IntlMessagesProvider loaderFn={fetchMessagesForLocale}>
|
|
70
|
+
<SmartCardProvider client={new SmartLinkClient()}>
|
|
71
|
+
<ConfluenceSearchTableView parameters={parameters} />
|
|
72
|
+
</SmartCardProvider>
|
|
73
|
+
</IntlMessagesProvider>
|
|
74
|
+
);
|
|
77
75
|
};
|