@atlaskit/link-datasource 3.13.17 → 3.13.18

package/dist/esm/ui/issue-like-table/utils.js

@@ -1,3 +1,5 @@
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["aria-labelledby"];
 import { DatasourceAction } from '../../analytics/types';
 export var COLUMN_BASE_WIDTH = 8;
 var COLUMN_MIN_WIDTH = COLUMN_BASE_WIDTH * 4;
@@ -52,4 +54,21 @@ export var getColumnAction = function getColumnAction(oldVisibleColumnKeys, newV
   } else {
     return DatasourceAction.COLUMN_REORDERED;
   }
+};
+
+/**
+ * Remove deprecated `aria-labelledby` prop from select component props.
+ */
+export var getCleanedSelectProps = function getCleanedSelectProps(props) {
+  // Component Field auto adds `aria-labelledby` prop, which is deprecated and should not be used - https://hello.jira.atlassian.cloud/browse/ENGHEALTH-14529
+  var removedLabelByProps = props['aria-labelledby'],
+    selectProps = _objectWithoutProperties(props, _excluded);
+  return selectProps;
+};
+
+/**
+ * Create id for table header to be used as aria-labelledby on form fields.
+ */
+export var getFieldLabelById = function getFieldLabelById(fieldId) {
+  return "datasource-header-title-".concat(fieldId);
 };

package/dist/types/ui/issue-like-table/edit-type/icon/index.d.ts

@@ -4,6 +4,7 @@ import { type ExecuteFetch } from '../../../../state/actions';
 import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
 interface IconEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     currentValue: DatasourceTypeWithOnlyTypeValues<'icon'>;
+    labelId?: string;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch;
 }

package/dist/types/ui/issue-like-table/edit-type/index.d.ts

@@ -3,9 +3,10 @@ import type InlineEdit from '@atlaskit/inline-edit';
 import type { DatasourceType } from '@atlaskit/linking-types';
 import { type ExecuteFetch } from '../../../state/actions';
 import { type DatasourceTypeWithOnlyValues } from '../types';
-export declare const editType: ({ defaultValue, currentValue, setEditValues, executeFetch, }: {
+export declare const editType: ({ defaultValue, currentValue, labelId, setEditValues, executeFetch, }: {
     defaultValue: DatasourceTypeWithOnlyValues;
     currentValue: DatasourceTypeWithOnlyValues;
+    labelId?: string | undefined;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch | undefined;
 }) => Pick<React.ComponentProps<typeof InlineEdit>, 'defaultValue' | 'editView'>;

package/dist/types/ui/issue-like-table/edit-type/status/index.d.ts

@@ -4,6 +4,7 @@ import type { ExecuteFetch } from '../../../../state/actions';
 import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
 interface StatusEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     currentValue: DatasourceTypeWithOnlyTypeValues<'status'>;
+    labelId?: string;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch;
 }

package/dist/types/ui/issue-like-table/edit-type/text/index.d.ts

@@ -3,6 +3,7 @@ import { type FieldProps } from '@atlaskit/form';
 import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
 interface TextEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     currentValue: DatasourceTypeWithOnlyTypeValues<'string'>;
+    labelId?: string;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
 }
 declare const TextEditType: (props: TextEditTypeProps) => JSX.Element;

package/dist/types/ui/issue-like-table/edit-type/user/index.d.ts

@@ -4,6 +4,7 @@ import type { ExecuteFetch } from '../../../../state/actions';
 import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
 interface UserEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     currentValue: DatasourceTypeWithOnlyTypeValues<'user'>;
+    labelId?: string;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch;
 }

package/dist/types/ui/issue-like-table/table-cell-content/index.d.ts

@@ -4,11 +4,12 @@ import { type TableViewPropsRenderType } from '../types';
 interface TableCellContentProps {
     id: string;
     columnKey: string;
+    columnTitle: string;
     columnType: DatasourceType['type'];
     /** Used to retrieve cell content from the store */
     renderItem: TableViewPropsRenderType;
     wrappedColumnKeys: string[] | undefined;
 }
 export declare const ReadOnlyCell: ({ id, columnType, wrappedColumnKeys, renderItem, columnKey, }: TableCellContentProps) => JSX.Element | null;
-export declare const TableCellContent: ({ id, columnKey, columnType, renderItem, wrappedColumnKeys, }: TableCellContentProps) => JSX.Element;
+export declare const TableCellContent: ({ id, columnKey, columnTitle, columnType, renderItem, wrappedColumnKeys, }: TableCellContentProps) => JSX.Element;
 export {};

package/dist/types/ui/issue-like-table/table-cell-content/inline-edit.d.ts

@@ -5,10 +5,11 @@ export declare const InlineEditUFOExperience = "inline-edit-rendered";
 interface InlineEditProps {
     ari: string;
     columnKey: string;
+    columnTitle: string;
     readView: React.ReactNode;
     datasourceTypeWithValues: DatasourceTypeWithOnlyValues;
     execute: (value: string | number) => Promise<AtomicActionExecuteResponse>;
     executeFetch?: <E>(inputs: any) => Promise<E>;
 }
-export declare const InlineEdit: ({ ari, execute, executeFetch, readView, columnKey, datasourceTypeWithValues, }: InlineEditProps) => JSX.Element;
+export declare const InlineEdit: ({ ari, execute, executeFetch, readView, columnKey, columnTitle, datasourceTypeWithValues, }: InlineEditProps) => JSX.Element;
 export {};

package/dist/types/ui/issue-like-table/table-cell-content/messages.d.ts

@@ -0,0 +1,7 @@
+export declare const tableCellMessages: {
+    editButtonLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

package/dist/types/ui/issue-like-table/utils.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { type FieldProps } from '@atlaskit/form';
 import { DatasourceAction } from '../../analytics/types';
 export declare const COLUMN_BASE_WIDTH = 8;
 export type GetWidthCss = (arg: {
@@ -21,3 +22,22 @@ export declare const getWidthCss: GetWidthCss;
  * The assumption is that since only one action is changed at each time, we don't have to verify the actual contents of the lists.
  */
 export declare const getColumnAction: (oldVisibleColumnKeys: string[], newVisibleColumnKeys: string[]) => DatasourceAction;
+/**
+ * Remove deprecated `aria-labelledby` prop from select component props.
+ */
+export declare const getCleanedSelectProps: (props: Omit<FieldProps<string>, 'value'>) => {
+    name: string;
+    id: string;
+    'aria-describedby'?: string | undefined;
+    'aria-invalid': "true" | "false";
+    onFocus: () => void;
+    onBlur: () => void;
+    onChange: (value: string | import("react").FormEvent<HTMLInputElement>) => void;
+    isDisabled: boolean;
+    isRequired: boolean;
+    isInvalid: boolean;
+};
+/**
+ * Create id for table header to be used as aria-labelledby on form fields.
+ */
+export declare const getFieldLabelById: (fieldId: string) => string;

package/dist/types-ts4.5/ui/issue-like-table/edit-type/icon/index.d.ts

@@ -4,6 +4,7 @@ import { type ExecuteFetch } from '../../../../state/actions';
 import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
 interface IconEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     currentValue: DatasourceTypeWithOnlyTypeValues<'icon'>;
+    labelId?: string;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch;
 }

package/dist/types-ts4.5/ui/issue-like-table/edit-type/index.d.ts

@@ -3,9 +3,10 @@ import type InlineEdit from '@atlaskit/inline-edit';
 import type { DatasourceType } from '@atlaskit/linking-types';
 import { type ExecuteFetch } from '../../../state/actions';
 import { type DatasourceTypeWithOnlyValues } from '../types';
-export declare const editType: ({ defaultValue, currentValue, setEditValues, executeFetch, }: {
+export declare const editType: ({ defaultValue, currentValue, labelId, setEditValues, executeFetch, }: {
     defaultValue: DatasourceTypeWithOnlyValues;
     currentValue: DatasourceTypeWithOnlyValues;
+    labelId?: string | undefined;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch | undefined;
 }) => Pick<React.ComponentProps<typeof InlineEdit>, 'defaultValue' | 'editView'>;

package/dist/types-ts4.5/ui/issue-like-table/edit-type/status/index.d.ts

@@ -4,6 +4,7 @@ import type { ExecuteFetch } from '../../../../state/actions';
 import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
 interface StatusEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     currentValue: DatasourceTypeWithOnlyTypeValues<'status'>;
+    labelId?: string;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch;
 }

package/dist/types-ts4.5/ui/issue-like-table/edit-type/text/index.d.ts

@@ -3,6 +3,7 @@ import { type FieldProps } from '@atlaskit/form';
 import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
 interface TextEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     currentValue: DatasourceTypeWithOnlyTypeValues<'string'>;
+    labelId?: string;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
 }
 declare const TextEditType: (props: TextEditTypeProps) => JSX.Element;

package/dist/types-ts4.5/ui/issue-like-table/edit-type/user/index.d.ts

@@ -4,6 +4,7 @@ import type { ExecuteFetch } from '../../../../state/actions';
 import type { DatasourceTypeWithOnlyTypeValues, DatasourceTypeWithOnlyValues } from '../../types';
 interface UserEditTypeProps extends Omit<FieldProps<string>, 'value'> {
     currentValue: DatasourceTypeWithOnlyTypeValues<'user'>;
+    labelId?: string;
     setEditValues: React.Dispatch<React.SetStateAction<DatasourceTypeWithOnlyValues>>;
     executeFetch?: ExecuteFetch;
 }

package/dist/types-ts4.5/ui/issue-like-table/table-cell-content/index.d.ts

@@ -4,11 +4,12 @@ import { type TableViewPropsRenderType } from '../types';
 interface TableCellContentProps {
     id: string;
     columnKey: string;
+    columnTitle: string;
     columnType: DatasourceType['type'];
     /** Used to retrieve cell content from the store */
     renderItem: TableViewPropsRenderType;
     wrappedColumnKeys: string[] | undefined;
 }
 export declare const ReadOnlyCell: ({ id, columnType, wrappedColumnKeys, renderItem, columnKey, }: TableCellContentProps) => JSX.Element | null;
-export declare const TableCellContent: ({ id, columnKey, columnType, renderItem, wrappedColumnKeys, }: TableCellContentProps) => JSX.Element;
+export declare const TableCellContent: ({ id, columnKey, columnTitle, columnType, renderItem, wrappedColumnKeys, }: TableCellContentProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/ui/issue-like-table/table-cell-content/inline-edit.d.ts

@@ -5,10 +5,11 @@ export declare const InlineEditUFOExperience = "inline-edit-rendered";
 interface InlineEditProps {
     ari: string;
     columnKey: string;
+    columnTitle: string;
     readView: React.ReactNode;
     datasourceTypeWithValues: DatasourceTypeWithOnlyValues;
     execute: (value: string | number) => Promise<AtomicActionExecuteResponse>;
     executeFetch?: <E>(inputs: any) => Promise<E>;
 }
-export declare const InlineEdit: ({ ari, execute, executeFetch, readView, columnKey, datasourceTypeWithValues, }: InlineEditProps) => JSX.Element;
+export declare const InlineEdit: ({ ari, execute, executeFetch, readView, columnKey, columnTitle, datasourceTypeWithValues, }: InlineEditProps) => JSX.Element;
 export {};

package/dist/types-ts4.5/ui/issue-like-table/table-cell-content/messages.d.ts

@@ -0,0 +1,7 @@
+export declare const tableCellMessages: {
+    editButtonLabel: {
+        id: string;
+        description: string;
+        defaultMessage: string;
+    };
+};

package/dist/types-ts4.5/ui/issue-like-table/utils.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { type FieldProps } from '@atlaskit/form';
 import { DatasourceAction } from '../../analytics/types';
 export declare const COLUMN_BASE_WIDTH = 8;
 export type GetWidthCss = (arg: {
@@ -21,3 +22,22 @@ export declare const getWidthCss: GetWidthCss;
  * The assumption is that since only one action is changed at each time, we don't have to verify the actual contents of the lists.
  */
 export declare const getColumnAction: (oldVisibleColumnKeys: string[], newVisibleColumnKeys: string[]) => DatasourceAction;
+/**
+ * Remove deprecated `aria-labelledby` prop from select component props.
+ */
+export declare const getCleanedSelectProps: (props: Omit<FieldProps<string>, 'value'>) => {
+    name: string;
+    id: string;
+    'aria-describedby'?: string | undefined;
+    'aria-invalid': "true" | "false";
+    onFocus: () => void;
+    onBlur: () => void;
+    onChange: (value: string | import("react").FormEvent<HTMLInputElement>) => void;
+    isDisabled: boolean;
+    isRequired: boolean;
+    isInvalid: boolean;
+};
+/**
+ * Create id for table header to be used as aria-labelledby on form fields.
+ */
+export declare const getFieldLabelById: (fieldId: string) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/link-datasource",
-	"version": "3.13.17",
+	"version": "3.13.18",
 	"description": "UI Components to support linking platform dataset feature",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -38,7 +38,7 @@
 		"@atlaskit/analytics-next": "^10.1.0",
 		"@atlaskit/atlassian-context": "^0.0.2",
 		"@atlaskit/avatar": "^21.17.0",
-		"@atlaskit/avatar-group": "^10.0.0",
+		"@atlaskit/avatar-group": "^10.1.0",
 		"@atlaskit/badge": "^16.4.0",
 		"@atlaskit/button": "^20.3.0",
 		"@atlaskit/datetime-picker": "^15.9.0",
@@ -60,7 +60,7 @@
 		"@atlaskit/link-client-extension": "^3.0.0",
 		"@atlaskit/linking-common": "^6.0.0",
 		"@atlaskit/linking-types": "^9.5.0",
-		"@atlaskit/logo": "^15.0.0",
+		"@atlaskit/logo": "^15.1.0",
 		"@atlaskit/lozenge": "^11.12.0",
 		"@atlaskit/modal-dialog": "^12.18.0",
 		"@atlaskit/outbound-auth-flow-client": "^3.4.5",