@atlaskit/native-embeds-common 0.0.0 → 0.1.0

package/CHANGELOG.md

@@ -1 +1 @@
-# @atlaskit/native-embeds-common
+# @atlaskit/native-embeds-common

package/dist/cjs/index.js

@@ -9,10 +9,29 @@ Object.defineProperty(exports, "ALIGNMENT_VALUES", {
     return _constants.ALIGNMENT_VALUES;
   }
 });
+Object.defineProperty(exports, "BUILTIN_TOOLBAR_KEYS", {
+  enumerable: true,
+  get: function get() {
+    return _constants.BUILTIN_TOOLBAR_KEYS;
+  }
+});
 Object.defineProperty(exports, "DEFAULT_ALIGNMENT", {
   enumerable: true,
   get: function get() {
     return _constants.DEFAULT_ALIGNMENT;
   }
 });
-var _constants = require("./constants");
+Object.defineProperty(exports, "createEditorToolbarActions", {
+  enumerable: true,
+  get: function get() {
+    return _utils.createEditorToolbarActions;
+  }
+});
+Object.defineProperty(exports, "updateParameters", {
+  enumerable: true,
+  get: function get() {
+    return _utils.updateParameters;
+  }
+});
+var _constants = require("./utils/constants");
+var _utils = require("./utils/utils");

package/dist/cjs/utils/constants.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_ALIGNMENT = exports.BUILTIN_TOOLBAR_KEYS = exports.ALIGNMENT_VALUES = void 0;
+// Alignment constants
+var ALIGNMENT_VALUES = exports.ALIGNMENT_VALUES = ['left', 'center', 'right', 'wrap-left', 'wrap-right'];
+var DEFAULT_ALIGNMENT = exports.DEFAULT_ALIGNMENT = 'center';
+
+/**
+ * Built-in keys that can be referenced in the `items` and `moreItems` arrays.
+ *
+ * Toolbar keys: REFRESH, EMBED, BORDER, ALIGNMENT, OPEN_IN_NEW_WINDOW
+ * More Options dropdown keys: ALWAYS_SHOW_TITLE, SET_EMBED_TYPE, COPY_LINK, DELETE
+ * Shared: SEPARATOR (usable in both)
+ */
+var BUILTIN_TOOLBAR_KEYS = exports.BUILTIN_TOOLBAR_KEYS = {
+  REFRESH: 'refresh',
+  EMBED: 'embed',
+  BORDER: 'border',
+  ALIGNMENT: 'alignment',
+  OPEN_IN_NEW_WINDOW: 'openInNewWindow',
+  ALWAYS_SHOW_TITLE: 'alwaysShowTitle',
+  SET_EMBED_TYPE: 'setEmbedType',
+  COPY_LINK: 'copyLink',
+  DELETE: 'delete',
+  SEPARATOR: 'separator'
+};

package/dist/cjs/utils/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/utils/utils.js

@@ -0,0 +1,43 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createEditorToolbarActions = void 0;
+exports.updateParameters = updateParameters;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * Generic utility to update parameters on a native embed extension node.
+ * Preserves existing parameters and merges in the new ones.
+ */
+function updateParameters(current, parameterUpdates) {
+  var existingParams = current.attrs && 'parameters' in current.attrs && (0, _typeof2.default)(current.attrs.parameters) === 'object' ? current.attrs.parameters : {};
+  return {
+    attrs: _objectSpread(_objectSpread({}, current.attrs), {}, {
+      parameters: _objectSpread(_objectSpread({}, existingParams), parameterUpdates)
+    })
+  };
+}
+
+/**
+ * Helper function to create a type-safe ManifestEditorToolbarActions config.
+ * Automatically infers custom action keys from the customActions object.
+ *
+ * @example
+ * ```ts
+ * const config = createEditorToolbarActions({
+ *   customActions: {
+ *     myAction: { type: 'button', key: 'myAction', ... },
+ *   },
+ *   items: ['refresh', 'myAction', 'separator'], // 'myAction' is type-checked
+ *   moreItems: ['copyLink', 'myAction', 'separator', 'delete'], // 'myAction' is type-checked
+ * });
+ * ```
+ */
+var createEditorToolbarActions = exports.createEditorToolbarActions = function createEditorToolbarActions(config) {
+  return config;
+};

package/dist/es2019/index.js

@@ -1 +1,7 @@
-export { DEFAULT_ALIGNMENT, ALIGNMENT_VALUES } from './constants';
+// Re-export constants
+export { ALIGNMENT_VALUES, DEFAULT_ALIGNMENT, BUILTIN_TOOLBAR_KEYS } from './utils/constants';
+
+// Re-export types
+
+// Re-export utilities
+export { updateParameters, createEditorToolbarActions } from './utils/utils';

package/dist/es2019/utils/constants.js

@@ -0,0 +1,23 @@
+// Alignment constants
+export const ALIGNMENT_VALUES = ['left', 'center', 'right', 'wrap-left', 'wrap-right'];
+export const DEFAULT_ALIGNMENT = 'center';
+
+/**
+ * Built-in keys that can be referenced in the `items` and `moreItems` arrays.
+ *
+ * Toolbar keys: REFRESH, EMBED, BORDER, ALIGNMENT, OPEN_IN_NEW_WINDOW
+ * More Options dropdown keys: ALWAYS_SHOW_TITLE, SET_EMBED_TYPE, COPY_LINK, DELETE
+ * Shared: SEPARATOR (usable in both)
+ */
+export const BUILTIN_TOOLBAR_KEYS = {
+  REFRESH: 'refresh',
+  EMBED: 'embed',
+  BORDER: 'border',
+  ALIGNMENT: 'alignment',
+  OPEN_IN_NEW_WINDOW: 'openInNewWindow',
+  ALWAYS_SHOW_TITLE: 'alwaysShowTitle',
+  SET_EMBED_TYPE: 'setEmbedType',
+  COPY_LINK: 'copyLink',
+  DELETE: 'delete',
+  SEPARATOR: 'separator'
+};

package/dist/es2019/utils/types.js

@@ -0,0 +1 @@
+export {};

package/dist/es2019/utils/utils.js

@@ -0,0 +1,33 @@
+/**
+ * Generic utility to update parameters on a native embed extension node.
+ * Preserves existing parameters and merges in the new ones.
+ */
+export function updateParameters(current, parameterUpdates) {
+  const existingParams = current.attrs && 'parameters' in current.attrs && typeof current.attrs.parameters === 'object' ? current.attrs.parameters : {};
+  return {
+    attrs: {
+      ...current.attrs,
+      parameters: {
+        ...existingParams,
+        ...parameterUpdates
+      }
+    }
+  };
+}
+
+/**
+ * Helper function to create a type-safe ManifestEditorToolbarActions config.
+ * Automatically infers custom action keys from the customActions object.
+ *
+ * @example
+ * ```ts
+ * const config = createEditorToolbarActions({
+ *   customActions: {
+ *     myAction: { type: 'button', key: 'myAction', ... },
+ *   },
+ *   items: ['refresh', 'myAction', 'separator'], // 'myAction' is type-checked
+ *   moreItems: ['copyLink', 'myAction', 'separator', 'delete'], // 'myAction' is type-checked
+ * });
+ * ```
+ */
+export const createEditorToolbarActions = config => config;

package/dist/esm/index.js

@@ -1 +1,7 @@
-export { DEFAULT_ALIGNMENT, ALIGNMENT_VALUES } from './constants';
+// Re-export constants
+export { ALIGNMENT_VALUES, DEFAULT_ALIGNMENT, BUILTIN_TOOLBAR_KEYS } from './utils/constants';
+
+// Re-export types
+
+// Re-export utilities
+export { updateParameters, createEditorToolbarActions } from './utils/utils';

package/dist/esm/utils/constants.js

@@ -0,0 +1,23 @@
+// Alignment constants
+export var ALIGNMENT_VALUES = ['left', 'center', 'right', 'wrap-left', 'wrap-right'];
+export var DEFAULT_ALIGNMENT = 'center';
+
+/**
+ * Built-in keys that can be referenced in the `items` and `moreItems` arrays.
+ *
+ * Toolbar keys: REFRESH, EMBED, BORDER, ALIGNMENT, OPEN_IN_NEW_WINDOW
+ * More Options dropdown keys: ALWAYS_SHOW_TITLE, SET_EMBED_TYPE, COPY_LINK, DELETE
+ * Shared: SEPARATOR (usable in both)
+ */
+export var BUILTIN_TOOLBAR_KEYS = {
+  REFRESH: 'refresh',
+  EMBED: 'embed',
+  BORDER: 'border',
+  ALIGNMENT: 'alignment',
+  OPEN_IN_NEW_WINDOW: 'openInNewWindow',
+  ALWAYS_SHOW_TITLE: 'alwaysShowTitle',
+  SET_EMBED_TYPE: 'setEmbedType',
+  COPY_LINK: 'copyLink',
+  DELETE: 'delete',
+  SEPARATOR: 'separator'
+};

package/dist/esm/utils/types.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/utils/utils.js

@@ -0,0 +1,35 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _typeof from "@babel/runtime/helpers/typeof";
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * Generic utility to update parameters on a native embed extension node.
+ * Preserves existing parameters and merges in the new ones.
+ */
+export function updateParameters(current, parameterUpdates) {
+  var existingParams = current.attrs && 'parameters' in current.attrs && _typeof(current.attrs.parameters) === 'object' ? current.attrs.parameters : {};
+  return {
+    attrs: _objectSpread(_objectSpread({}, current.attrs), {}, {
+      parameters: _objectSpread(_objectSpread({}, existingParams), parameterUpdates)
+    })
+  };
+}
+
+/**
+ * Helper function to create a type-safe ManifestEditorToolbarActions config.
+ * Automatically infers custom action keys from the customActions object.
+ *
+ * @example
+ * ```ts
+ * const config = createEditorToolbarActions({
+ *   customActions: {
+ *     myAction: { type: 'button', key: 'myAction', ... },
+ *   },
+ *   items: ['refresh', 'myAction', 'separator'], // 'myAction' is type-checked
+ *   moreItems: ['copyLink', 'myAction', 'separator', 'delete'], // 'myAction' is type-checked
+ * });
+ * ```
+ */
+export var createEditorToolbarActions = function createEditorToolbarActions(config) {
+  return config;
+};

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
-export { type AlignmentValue } from './types';
-export { DEFAULT_ALIGNMENT, ALIGNMENT_VALUES } from './constants';
+export { ALIGNMENT_VALUES, DEFAULT_ALIGNMENT, BUILTIN_TOOLBAR_KEYS } from './utils/constants';
+export type { AlignmentValue, EditorToolbarButtonAction, EditorToolbarAction, BuiltinToolbarKey, ManifestEditorToolbarActions, } from './utils/types';
+export { updateParameters, createEditorToolbarActions } from './utils/utils';

package/dist/types/utils/constants.d.ts

@@ -0,0 +1,21 @@
+export declare const ALIGNMENT_VALUES: readonly ["left", "center", "right", "wrap-left", "wrap-right"];
+export declare const DEFAULT_ALIGNMENT: "center";
+/**
+ * Built-in keys that can be referenced in the `items` and `moreItems` arrays.
+ *
+ * Toolbar keys: REFRESH, EMBED, BORDER, ALIGNMENT, OPEN_IN_NEW_WINDOW
+ * More Options dropdown keys: ALWAYS_SHOW_TITLE, SET_EMBED_TYPE, COPY_LINK, DELETE
+ * Shared: SEPARATOR (usable in both)
+ */
+export declare const BUILTIN_TOOLBAR_KEYS: {
+    readonly REFRESH: "refresh";
+    readonly EMBED: "embed";
+    readonly BORDER: "border";
+    readonly ALIGNMENT: "alignment";
+    readonly OPEN_IN_NEW_WINDOW: "openInNewWindow";
+    readonly ALWAYS_SHOW_TITLE: "alwaysShowTitle";
+    readonly SET_EMBED_TYPE: "setEmbedType";
+    readonly COPY_LINK: "copyLink";
+    readonly DELETE: "delete";
+    readonly SEPARATOR: "separator";
+};

package/dist/types/utils/types.d.ts

@@ -0,0 +1,79 @@
+import type { ComponentType } from 'react';
+import type { NewCoreIconProps } from '@atlaskit/icon';
+import type { ALIGNMENT_VALUES, BUILTIN_TOOLBAR_KEYS } from './constants';
+export type AlignmentValue = (typeof ALIGNMENT_VALUES)[number];
+/**
+ * A button action rendered in the editor floating toolbar.
+ */
+export type EditorToolbarButtonAction = {
+    /**
+     * Whether this action is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Handler key that maps to the actionHandlers config in the editor plugin.
+     * When clicked, the plugin looks up actionHandlers[handlerKey] and invokes it.
+     */
+    handlerKey: string;
+    /**
+     * Icon component to display.
+     */
+    icon: ComponentType<NewCoreIconProps>;
+    /**
+     * Unique key for this action, used for React keys and test IDs.
+     */
+    key: string;
+    /**
+     * Button label (used for tooltip and accessibility).
+     */
+    label: string;
+    /**
+     * Whether to show the label as text next to the icon.
+     * @default false
+     */
+    showTitle?: boolean;
+    type: 'button';
+};
+/**
+ * Union type for editor toolbar actions.
+ * Currently only supports buttons; dropdowns and separators can be added later.
+ */
+export type EditorToolbarAction = EditorToolbarButtonAction;
+export type BuiltinToolbarKey = (typeof BUILTIN_TOOLBAR_KEYS)[keyof typeof BUILTIN_TOOLBAR_KEYS];
+/**
+ * Configuration for editor toolbar actions in the manifest.
+ *
+ * Use `customActions` map + `items` array to mix custom and built-in actions.
+ *
+ * @typeParam TCustomActions - The type of the customActions record. Keys are automatically
+ * inferred and used to type-check the `items` array.
+ */
+export type ManifestEditorToolbarActions<TCustomActions extends Record<string, EditorToolbarAction> = Record<string, EditorToolbarAction>> = {
+    /**
+     * Custom action definitions, keyed by unique identifier.
+     * These can be referenced in the `items` array alongside built-in keys.
+     */
+    customActions?: TCustomActions;
+    /**
+     * Ordered array of keys specifying which toolbar items to show and in what order.
+     * The "More Options" dropdown is appended automatically based on `moreItems`.
+     *
+     * Can include:
+     * - Built-in keys: 'refresh', 'embed', 'border', 'alignment', 'openInNewWindow'
+     * - 'separator' for visual separators between groups
+     * - Custom keys defined in `customActions`
+     */
+    items?: (BuiltinToolbarKey | keyof TCustomActions)[];
+    /**
+     * Ordered array of keys specifying which items appear in the "More Options" dropdown.
+     * When provided with at least one item, a separator and the dropdown are automatically
+     * appended to the toolbar. When omitted, the default set of dropdown items is used.
+     *
+     * Can include:
+     * - Built-in keys: 'alwaysShowTitle', 'setEmbedType', 'copyLink', 'delete'
+     * - 'separator' for visual separators between groups
+     * - Custom keys defined in `customActions` (shared with the toolbar)
+     */
+    moreItems?: (BuiltinToolbarKey | keyof TCustomActions)[];
+};

package/dist/types/utils/utils.d.ts

@@ -0,0 +1,30 @@
+import type { ManifestEditorToolbarActions, EditorToolbarAction, BuiltinToolbarKey } from './types';
+/**
+ * Generic utility to update parameters on a native embed extension node.
+ * Preserves existing parameters and merges in the new ones.
+ */
+export declare function updateParameters(current: {
+    attrs?: Record<string, unknown>;
+}, parameterUpdates: Record<string, unknown>): {
+    attrs: Record<string, unknown>;
+};
+/**
+ * Helper function to create a type-safe ManifestEditorToolbarActions config.
+ * Automatically infers custom action keys from the customActions object.
+ *
+ * @example
+ * ```ts
+ * const config = createEditorToolbarActions({
+ *   customActions: {
+ *     myAction: { type: 'button', key: 'myAction', ... },
+ *   },
+ *   items: ['refresh', 'myAction', 'separator'], // 'myAction' is type-checked
+ *   moreItems: ['copyLink', 'myAction', 'separator', 'delete'], // 'myAction' is type-checked
+ * });
+ * ```
+ */
+export declare const createEditorToolbarActions: <const TCustomActions extends Record<string, EditorToolbarAction>>(config: {
+    customActions: TCustomActions;
+    items: (BuiltinToolbarKey | keyof TCustomActions)[];
+    moreItems?: (BuiltinToolbarKey | keyof TCustomActions)[];
+}) => ManifestEditorToolbarActions<TCustomActions>;

package/dist/types-ts4.5/index.d.ts

@@ -1,2 +1,3 @@
-export { type AlignmentValue } from './types';
-export { DEFAULT_ALIGNMENT, ALIGNMENT_VALUES } from './constants';
+export { ALIGNMENT_VALUES, DEFAULT_ALIGNMENT, BUILTIN_TOOLBAR_KEYS } from './utils/constants';
+export type { AlignmentValue, EditorToolbarButtonAction, EditorToolbarAction, BuiltinToolbarKey, ManifestEditorToolbarActions, } from './utils/types';
+export { updateParameters, createEditorToolbarActions } from './utils/utils';

package/dist/types-ts4.5/utils/constants.d.ts

@@ -0,0 +1,27 @@
+export declare const ALIGNMENT_VALUES: readonly [
+    "left",
+    "center",
+    "right",
+    "wrap-left",
+    "wrap-right"
+];
+export declare const DEFAULT_ALIGNMENT: "center";
+/**
+ * Built-in keys that can be referenced in the `items` and `moreItems` arrays.
+ *
+ * Toolbar keys: REFRESH, EMBED, BORDER, ALIGNMENT, OPEN_IN_NEW_WINDOW
+ * More Options dropdown keys: ALWAYS_SHOW_TITLE, SET_EMBED_TYPE, COPY_LINK, DELETE
+ * Shared: SEPARATOR (usable in both)
+ */
+export declare const BUILTIN_TOOLBAR_KEYS: {
+    readonly REFRESH: "refresh";
+    readonly EMBED: "embed";
+    readonly BORDER: "border";
+    readonly ALIGNMENT: "alignment";
+    readonly OPEN_IN_NEW_WINDOW: "openInNewWindow";
+    readonly ALWAYS_SHOW_TITLE: "alwaysShowTitle";
+    readonly SET_EMBED_TYPE: "setEmbedType";
+    readonly COPY_LINK: "copyLink";
+    readonly DELETE: "delete";
+    readonly SEPARATOR: "separator";
+};

package/dist/types-ts4.5/utils/types.d.ts

@@ -0,0 +1,79 @@
+import type { ComponentType } from 'react';
+import type { NewCoreIconProps } from '@atlaskit/icon';
+import type { ALIGNMENT_VALUES, BUILTIN_TOOLBAR_KEYS } from './constants';
+export type AlignmentValue = (typeof ALIGNMENT_VALUES)[number];
+/**
+ * A button action rendered in the editor floating toolbar.
+ */
+export type EditorToolbarButtonAction = {
+    /**
+     * Whether this action is disabled.
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Handler key that maps to the actionHandlers config in the editor plugin.
+     * When clicked, the plugin looks up actionHandlers[handlerKey] and invokes it.
+     */
+    handlerKey: string;
+    /**
+     * Icon component to display.
+     */
+    icon: ComponentType<NewCoreIconProps>;
+    /**
+     * Unique key for this action, used for React keys and test IDs.
+     */
+    key: string;
+    /**
+     * Button label (used for tooltip and accessibility).
+     */
+    label: string;
+    /**
+     * Whether to show the label as text next to the icon.
+     * @default false
+     */
+    showTitle?: boolean;
+    type: 'button';
+};
+/**
+ * Union type for editor toolbar actions.
+ * Currently only supports buttons; dropdowns and separators can be added later.
+ */
+export type EditorToolbarAction = EditorToolbarButtonAction;
+export type BuiltinToolbarKey = (typeof BUILTIN_TOOLBAR_KEYS)[keyof typeof BUILTIN_TOOLBAR_KEYS];
+/**
+ * Configuration for editor toolbar actions in the manifest.
+ *
+ * Use `customActions` map + `items` array to mix custom and built-in actions.
+ *
+ * @typeParam TCustomActions - The type of the customActions record. Keys are automatically
+ * inferred and used to type-check the `items` array.
+ */
+export type ManifestEditorToolbarActions<TCustomActions extends Record<string, EditorToolbarAction> = Record<string, EditorToolbarAction>> = {
+    /**
+     * Custom action definitions, keyed by unique identifier.
+     * These can be referenced in the `items` array alongside built-in keys.
+     */
+    customActions?: TCustomActions;
+    /**
+     * Ordered array of keys specifying which toolbar items to show and in what order.
+     * The "More Options" dropdown is appended automatically based on `moreItems`.
+     *
+     * Can include:
+     * - Built-in keys: 'refresh', 'embed', 'border', 'alignment', 'openInNewWindow'
+     * - 'separator' for visual separators between groups
+     * - Custom keys defined in `customActions`
+     */
+    items?: (BuiltinToolbarKey | keyof TCustomActions)[];
+    /**
+     * Ordered array of keys specifying which items appear in the "More Options" dropdown.
+     * When provided with at least one item, a separator and the dropdown are automatically
+     * appended to the toolbar. When omitted, the default set of dropdown items is used.
+     *
+     * Can include:
+     * - Built-in keys: 'alwaysShowTitle', 'setEmbedType', 'copyLink', 'delete'
+     * - 'separator' for visual separators between groups
+     * - Custom keys defined in `customActions` (shared with the toolbar)
+     */
+    moreItems?: (BuiltinToolbarKey | keyof TCustomActions)[];
+};

package/dist/types-ts4.5/utils/utils.d.ts

@@ -0,0 +1,30 @@
+import type { ManifestEditorToolbarActions, EditorToolbarAction, BuiltinToolbarKey } from './types';
+/**
+ * Generic utility to update parameters on a native embed extension node.
+ * Preserves existing parameters and merges in the new ones.
+ */
+export declare function updateParameters(current: {
+    attrs?: Record<string, unknown>;
+}, parameterUpdates: Record<string, unknown>): {
+    attrs: Record<string, unknown>;
+};
+/**
+ * Helper function to create a type-safe ManifestEditorToolbarActions config.
+ * Automatically infers custom action keys from the customActions object.
+ *
+ * @example
+ * ```ts
+ * const config = createEditorToolbarActions({
+ *   customActions: {
+ *     myAction: { type: 'button', key: 'myAction', ... },
+ *   },
+ *   items: ['refresh', 'myAction', 'separator'], // 'myAction' is type-checked
+ *   moreItems: ['copyLink', 'myAction', 'separator', 'delete'], // 'myAction' is type-checked
+ * });
+ * ```
+ */
+export declare const createEditorToolbarActions: <const TCustomActions extends Record<string, EditorToolbarAction>>(config: {
+    customActions: TCustomActions;
+    items: (BuiltinToolbarKey | keyof TCustomActions)[];
+    moreItems?: (BuiltinToolbarKey | keyof TCustomActions)[];
+}) => ManifestEditorToolbarActions<TCustomActions>;

package/package.json

@@ -24,6 +24,7 @@
 	],
 	"atlaskit:src": "src/index.ts",
 	"dependencies": {
+		"@atlaskit/icon": "^32.0.0",
 		"@babel/runtime": "^7.0.0",
 		"@compiled/react": "^0.18.6"
 	},
@@ -76,7 +77,7 @@
 		}
 	},
 	"name": "@atlaskit/native-embeds-common",
-	"version": "0.0.0",
+	"version": "0.1.0",
 	"description": "A shared package for native embeds to be used across experiences and plugin",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",

package/dist/cjs/constants.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DEFAULT_ALIGNMENT = exports.ALIGNMENT_VALUES = void 0;
-var ALIGNMENT_VALUES = exports.ALIGNMENT_VALUES = ['left', 'center', 'right', 'wrap-left', 'wrap-right'];
-
-/** Alignment value for native embed extension parameters. Single source of truth. */
-
-/** Default alignment when not set in parameters. */
-var DEFAULT_ALIGNMENT = exports.DEFAULT_ALIGNMENT = 'center';

package/dist/cjs/types.js

@@ -1 +0,0 @@
-"use strict";

package/dist/es2019/constants.js

@@ -1,6 +0,0 @@
-export const ALIGNMENT_VALUES = ['left', 'center', 'right', 'wrap-left', 'wrap-right'];
-
-/** Alignment value for native embed extension parameters. Single source of truth. */
-
-/** Default alignment when not set in parameters. */
-export const DEFAULT_ALIGNMENT = 'center';

package/dist/esm/constants.js

@@ -1,6 +0,0 @@
-export var ALIGNMENT_VALUES = ['left', 'center', 'right', 'wrap-left', 'wrap-right'];
-
-/** Alignment value for native embed extension parameters. Single source of truth. */
-
-/** Default alignment when not set in parameters. */
-export var DEFAULT_ALIGNMENT = 'center';

package/dist/types/constants.d.ts

@@ -1,5 +0,0 @@
-export declare const ALIGNMENT_VALUES: readonly ["left", "center", "right", "wrap-left", "wrap-right"];
-/** Alignment value for native embed extension parameters. Single source of truth. */
-export type AlignmentValue = (typeof ALIGNMENT_VALUES)[number];
-/** Default alignment when not set in parameters. */
-export declare const DEFAULT_ALIGNMENT: AlignmentValue;

package/dist/types/types.d.ts

@@ -1 +0,0 @@
-export type { AlignmentValue } from './constants';

package/dist/types-ts4.5/constants.d.ts

@@ -1,11 +0,0 @@
-export declare const ALIGNMENT_VALUES: readonly [
-    "left",
-    "center",
-    "right",
-    "wrap-left",
-    "wrap-right"
-];
-/** Alignment value for native embed extension parameters. Single source of truth. */
-export type AlignmentValue = (typeof ALIGNMENT_VALUES)[number];
-/** Default alignment when not set in parameters. */
-export declare const DEFAULT_ALIGNMENT: AlignmentValue;

package/dist/types-ts4.5/types.d.ts

@@ -1 +0,0 @@
-export type { AlignmentValue } from './constants';