@atlaskit/smart-card 35.2.12 → 36.0.0

package/dist/esm/view/common/ai-prism/index.js

@@ -2,10 +2,8 @@
 import "./index.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
-import { fg } from '@atlaskit/platform-feature-flags';
 import { useThemeObserver } from '@atlaskit/tokens';
 import AIGlowingBorder from './ai-glowing-border';
-import AIPrismOld from './AIPrismOld';
 import { AI_BORDER_PALETTE } from './constants';
 var contentStyles = null;
 var contentStylesPrismVisible = null;
@@ -14,7 +12,7 @@ var animatedSvgContainerStyles = {
   false: "_v564fs5d _tzy4idpf"
 };
 var popupContainerStyles = null;
-var AIPrismNew = function AIPrismNew(_ref) {
+var AIPrism = function AIPrism(_ref) {
   var _AI_BORDER_PALETTE$co;
   var children = _ref.children,
     _ref$isGlowing = _ref.isGlowing,
@@ -36,10 +34,4 @@ var AIPrismNew = function AIPrismNew(_ref) {
     className: ax(["_2rkopd34 _bfhk1bhr _16qsie2t", "_v5649spz", isVisible && "_16qs1aef"])
   }, children));
 };
-var AIPrism = function AIPrism(props) {
-  if (fg('bandicoots-compiled-migration-smartcard')) {
-    return /*#__PURE__*/React.createElement(AIPrismNew, props);
-  }
-  return /*#__PURE__*/React.createElement(AIPrismOld, props);
-};
 export default AIPrism;

package/dist/esm/view/common/ai-summary/index.js

@@ -4,11 +4,6 @@ import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import Markdown from 'markdown-to-jsx';
 import { fg } from '@atlaskit/platform-feature-flags';
-/**
- * Move this import into this file when cleaning up FF bandicoots-compiled-migration-smartcard
- * Remove the export as well
- */
-import AISummaryOld from './AISummaryOld';
 import UList from './ulist';
 var AISummaryCSSStyles = null;
 var baseStyle = null;
@@ -18,7 +13,7 @@ var baseStyle = null;
  * @internal
  * @param {AISummaryProps} AISummaryProps
  */
-var AISummaryNew = function AISummaryNew(_ref) {
+var AISummary = function AISummary(_ref) {
   var _ref$content = _ref.content,
     content = _ref$content === void 0 ? '' : _ref$content,
     className = _ref.className,
@@ -46,10 +41,4 @@ var AISummaryNew = function AISummaryNew(_ref) {
     }
   });
 };
-var AISummary = function AISummary(props) {
-  if (fg('bandicoots-compiled-migration-smartcard')) {
-    return /*#__PURE__*/React.createElement(AISummaryNew, props);
-  }
-  return /*#__PURE__*/React.createElement(AISummaryOld, props);
-};
 export default AISummary;

package/dist/esm/view/common/ai-summary/ulist.js

@@ -5,20 +5,12 @@ var _excluded = ["children"];
 import "./ulist.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
-import UListOld from './ulistOld';
 var listStyles = null;
-var UListNew = function UListNew(_ref) {
+var UList = function UList(_ref) {
   var children = _ref.children,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("ul", _extends({}, props, {
     className: ax(["_19bvv47k _bozgv47k"])
   }), children);
 };
-var UList = function UList(props) {
-  if (fg('bandicoots-compiled-migration-smartcard')) {
-    return /*#__PURE__*/React.createElement(UListNew, props);
-  }
-  return /*#__PURE__*/React.createElement(UListOld, props);
-};
 export default UList;

package/dist/esm/view/common/stop-propagation/index.js

@@ -2,10 +2,8 @@
 import "./index.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useCallback } from 'react';
-import { fg } from '@atlaskit/platform-feature-flags';
-import { StopPropagationOld } from './StopPropagationOld';
 var styles = null;
-var StopPropagationNew = function StopPropagationNew(_ref) {
+export var StopPropagation = function StopPropagation(_ref) {
   var children = _ref.children;
   var onClick = useCallback(function (e) {
     // Prevent click event inside modal from bubble up
@@ -15,10 +13,4 @@ var StopPropagationNew = function StopPropagationNew(_ref) {
     onClick: onClick,
     className: ax(["_c71lidpf _p12fidpf _kqswstnw"])
   }, children);
-};
-export var StopPropagation = function StopPropagation(props) {
-  if (fg('bandicoots-compiled-migration-smartcard')) {
-    return /*#__PURE__*/React.createElement(StopPropagationNew, props);
-  }
-  return /*#__PURE__*/React.createElement(StopPropagationOld, props);
 };

package/dist/esm/view/common/utils.js

@@ -1,26 +1,3 @@
-import facepaint from 'facepaint';
-
-// this function is used for spacing, fontsize and line height,
-// once design tokens have been established for the all of these categories
-// then this function can be replaced with the tokens
-/**
- * @deprecated, these can be replaced with constants
- */
-var gs = function gs(times) {
-  return "".concat(8 * times, "px");
-};
-/**
- * @deprecated, these can be replaced with constants
- */
-var br = function br() {
-  var times = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
-  return "".concat(3 * times, "px");
-};
-/**
- * @deprecated, these can be replaced with constants
- */
-var mq = facepaint(['@media(min-width: 576px)']);
-export { gs, br, mq };
 export var handleClickCommon = function handleClickCommon(event, onClick) {
   if (onClick) {
     event.preventDefault();

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

@@ -5,7 +5,7 @@ import { type LinkProps } from '@atlaskit/link';
 import { type AnalyticsPayload } from '../types';
 import { type ClickOutcome, type ClickType, type UiLinkClickedEventProps } from './types';
 export declare const buttonMap: Map<number | undefined, "left" | "right" | "none" | "middle">;
-export declare const getKeys: (e: React.MouseEvent) => ("meta" | "alt" | "shift" | "ctrl")[];
+export declare const getKeys: (e: React.MouseEvent) => ("shift" | "meta" | "alt" | "ctrl")[];
 export declare function getLinkClickOutcome(e: React.MouseEvent, clickType: ClickType): ClickOutcome;
 export declare const createLinkClickedPayload: (event: React.MouseEvent) => AnalyticsPayload | undefined;
 type DeepPartial<T> = T extends object ? {

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

@@ -1,8 +1,8 @@
 import React from 'react';
 export declare const isFlexibleUiCard: (children?: React.ReactNode) => boolean;
+export declare const isStyleCacheProvider: (node: React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>) => boolean;
 export declare const isFlexibleUiBlock: (node: React.ReactNode) => boolean;
 export declare const isFlexibleUiElement: (node: React.ReactNode) => boolean;
 export declare const isFlexibleUiTitleBlock: (node: React.ReactNode) => boolean;
-export declare const isStyleCacheProvider: (node: React.ReactPortal | React.ReactElement<unknown, string | React.JSXElementConstructor<any>>) => any;
 export declare const isFlexibleUiPreviewBlock: (node: React.ReactNode) => boolean;
 export declare const isFlexibleUiFooterBlock: (node: React.ReactNode) => boolean;

package/dist/types/view/BlockCard/views/ErroredView.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type FlexibleBlockCardProps } from './types';
-declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+declare const _default: (props: FlexibleBlockCardProps) => JSX.Element;
 export default _default;

package/dist/types/view/BlockCard/views/ForbiddenView.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type FlexibleBlockCardProps } from './types';
-declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+declare const _default: (props: FlexibleBlockCardProps) => JSX.Element;
 export default _default;

package/dist/types/view/BlockCard/views/NotFoundView.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type FlexibleBlockCardProps } from './types';
-declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+declare const _default: (props: FlexibleBlockCardProps) => JSX.Element;
 export default _default;

package/dist/types/view/BlockCard/views/ResolvedView.d.ts

@@ -2,6 +2,7 @@
  * @jsxRuntime classic
  * @jsx jsx
  */
+/// <reference types="react" />
 import { type FlexibleBlockCardProps } from './types';
-declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+declare const _default: (props: FlexibleBlockCardProps) => JSX.Element;
 export default _default;

package/dist/types/view/BlockCard/views/UnauthorisedView.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { type FlexibleBlockCardProps } from './types';
-declare const _default: (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+declare const _default: (props: FlexibleBlockCardProps) => JSX.Element;
 export default _default;

package/dist/types/view/BlockCard/views/unresolved-view/index.d.ts

@@ -4,5 +4,5 @@
  */
 /// <reference types="react" />
 import { type UnresolvedViewProps } from './types';
-export declare const UnresolvedViewExported: (props: UnresolvedViewProps) => JSX.Element;
-export default UnresolvedViewExported;
+declare const UnresolvedView: ({ actions, cardState, children, onAuthorize, onClick, onError, showPreview, testId, title, url, }: UnresolvedViewProps) => JSX.Element;
+export default UnresolvedView;

package/dist/types/view/BlockCard/views/utils/index.d.ts

@@ -1,5 +1,4 @@
 import type { JsonLd } from 'json-ld-types';
-import type { FooterBlockProps } from '../../../FlexibleCard/components/blocks/footer-block/types';
 import type { PreviewBlockProps } from '../../../FlexibleCard/components/blocks/preview-block/types';
 import type { TitleBlockProps } from '../../../FlexibleCard/components/blocks/title-block/types';
 import type { ElementItem } from '../../../FlexibleCard/components/blocks/types';
@@ -12,7 +11,5 @@ type SimulatedMetadata = {
 };
 export declare const FlexibleCardUiOptions: InternalFlexibleUiOptions;
 export declare const titleBlockOptions: Partial<TitleBlockProps>;
-export declare const titleBlockOptionsOld: Partial<TitleBlockProps>;
 export declare const PreviewBlockOptions: Partial<PreviewBlockProps>;
-export declare const FooterBlockOptionsOld: Partial<FooterBlockProps>;
 export {};

package/dist/types/view/BlockCard/views/utils/withFlexibleUIBlockCardStyle.d.ts

@@ -1,4 +1,3 @@
 /// <reference types="react" />
 import { type FlexibleBlockCardProps } from '../types';
-export declare const withFlexibleUIBlockCardStyleNew: (FlexibleBlockCardView: React.ComponentType<FlexibleBlockCardProps>) => (props: FlexibleBlockCardProps) => JSX.Element;
-export declare const withFlexibleUIBlockCardStyle: (FlexibleBlockCardView: React.ComponentType<FlexibleBlockCardProps>) => (props: FlexibleBlockCardProps) => import("@emotion/react").jsx.JSX.Element;
+export declare const withFlexibleUIBlockCardStyle: (FlexibleBlockCardView: React.ComponentType<FlexibleBlockCardProps>) => (props: FlexibleBlockCardProps) => JSX.Element;

package/dist/types/view/EmbedCard/components/ErrorFrame.d.ts

@@ -13,6 +13,6 @@ export interface FrameProps {
     className?: string;
     inheritDimensions?: boolean;
 }
-export declare const ExpandedFrame: (props: FrameProps) => JSX.Element;
-export declare const CompactFrame: (props: FrameProps) => JSX.Element;
-export declare const Frame: (props: FrameProps) => JSX.Element;
+export declare const Frame: (props?: FrameProps) => JSX.Element;
+export declare const ExpandedFrame: ({ children, isSelected, isHoverable, testId, className, isFluidHeight, }: FrameProps) => JSX.Element;
+export declare const CompactFrame: ({ children, isHoverable, isSelected, testId, className, inheritDimensions, }: FrameProps) => JSX.Element;

package/dist/types/view/EmbedCard/components/ExpandedFrame.d.ts

@@ -37,4 +37,4 @@ export interface ExpandedFrameProps {
      */
     setOverflow?: boolean;
 }
-export declare const ExpandedFrame: (props: ExpandedFrameProps) => JSX.Element;
+export declare const ExpandedFrame: ({ isPlaceholder, children, onClick, icon, text, isSelected, frameStyle, href, minWidth, maxWidth, testId, inheritDimensions, allowScrollBar, setOverflow, }: ExpandedFrameProps) => JSX.Element;

package/dist/types/view/EmbedCard/views/ErroredView.d.ts

@@ -9,4 +9,4 @@ export interface ErroredViewProps {
     testId?: string;
     inheritDimensions?: boolean;
 }
-export declare const EmbedCardErroredView: (props: ErroredViewProps) => JSX.Element;
+export declare const EmbedCardErroredView: ({ onRetry, isSelected, testId, inheritDimensions, }: ErroredViewProps) => JSX.Element;

package/dist/types/view/EmbedCard/views/unresolved-view/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { UnresolvedViewProps } from './types';
-export declare const UnresolvedViewExported: (props: UnresolvedViewProps) => JSX.Element;
-export default UnresolvedViewExported;
+declare const UnresolvedView: ({ button, description, frameStyle, icon: iconUrlOrElement, image: imageUrlOrElement, inheritDimensions, isSelected, onClick, testId, text, title, url, }: UnresolvedViewProps) => JSX.Element;
+export default UnresolvedView;

package/dist/types/view/EmbedModal/components/embed-content/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type EmbedProps } from './types';
-declare const Exported: (props: EmbedProps) => JSX.Element;
-export default Exported;
+declare const EmbedContent: ({ isTrusted, name, src, testId }: EmbedProps) => JSX.Element;
+export default EmbedContent;

package/dist/types/view/EmbedModal/components/link-info/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type LinkInfoProps } from './types';
-declare const Exported: (props: LinkInfoProps) => JSX.Element;
-export default Exported;
+declare const LinkInfo: ({ icon, providerName, onDownloadButtonClick, onResizeButtonClick, onViewButtonClick, size, testId, title, }: LinkInfoProps) => JSX.Element;
+export default LinkInfo;

package/dist/types/view/FlexibleCard/components/actions/action/action-icon/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { type ActionIconProps } from './types';
-declare const ActionIcon: (props: ActionIconProps) => JSX.Element;
+declare const ActionIcon: ({ size, testId, icon, isDisabled, asStackItemIcon }: ActionIconProps) => JSX.Element;
 export default ActionIcon;

package/dist/types/view/FlexibleCard/components/actions/action/action-stack-item/action-button.d.ts

@@ -1,7 +1,12 @@
 /// <reference types="react" />
 import type { TriggerProps } from '@atlaskit/tooltip';
 import type { ActionStackItemProps } from './types';
-declare const ActionButton: (props: ActionStackItemProps & {
-    tooltipProps?: TriggerProps;
+declare const ActionButton: ({ content, icon: iconOption, isDisabled, isLoading, onClick: onClickCallback, size, space: spaceOption, testId, tooltipProps, style, }: import("../types").ActionProps & {
+    size: import("../../../../../..").SmartLinkSize;
+    space?: import("@atlaskit/primitives/compiled").Space | undefined;
+    tooltipOnHide?: ((analyticsEvent: import("@atlaskit/analytics-next").UIAnalyticsEvent) => any) | undefined;
+    hideTooltipOnMouseDown?: boolean | undefined;
+} & {
+    tooltipProps?: TriggerProps | undefined;
 }) => JSX.Element;
 export default ActionButton;

package/dist/types/view/FlexibleCard/components/actions/action/index.d.ts

@@ -1,4 +1,9 @@
-/// <reference types="react" />
+import React from 'react';
 import { type ActionProps } from './types';
-declare const Action: (props: ActionProps) => JSX.Element;
+/**
+ * A base action that can be triggered with an on click.
+ * @internal
+ * @param {ActionProps} ActionProps - The props necessary for the Action.
+ */
+declare const Action: ({ as, appearance, content, isLoading, onClick, size, testId, icon, iconPosition, spaceInline, tooltipMessage, tooltipOnHide, hideTooltip, hideTooltipOnMouseDown, style, asDropDownItem, className, isDisabled, href, ariaLabel, wrapper: Wrapper, }: ActionProps) => React.JSX.Element | null;
 export default Action;

package/dist/types/view/FlexibleCard/components/actions/action/types.d.ts

@@ -1,8 +1,6 @@
 import type { ReactChild, ReactNode } from 'react';
-import type { SerializedStyles } from '@emotion/react';
 import { type UIAnalyticsEvent } from '@atlaskit/analytics-next';
 import type { Appearance } from '@atlaskit/button/types';
-import type { XCSS } from '@atlaskit/primitives';
 import type { Space } from '@atlaskit/primitives/compiled';
 import type { SmartLinkSize } from '../../../../../constants';
 export type ActionMessageAppearance = 'error';
@@ -70,14 +68,6 @@ export type ActionProps = {
      * Used to determine whether the Action is in a Dropdown.
      */
     asDropDownItem?: boolean;
-    /**
-     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-24430 Internal documentation for deprecation (no external access)}
-     * Additional CSS properties on the Action.
-     * Note: This should be replaced with xcss once component has migrate to use DS Primitives
-     *
-     * use compiled css instead
-     */
-    overrideCss?: SerializedStyles;
     /**
      * For compiled css
      */
@@ -97,12 +87,8 @@ export type ActionProps = {
      */
     isDisabled?: boolean;
     /**
-     * @deprecated {@link https://hello.atlassian.net/browse/ENGHEALTH-24430 Internal documentation for deprecation (no external access)}
-     * Additional styling properties for Primitives based component
-     *
-     * Use style instead
+     * For dynamic styles
      */
-    xcss?: XCSS;
     style?: React.CSSProperties;
     /**
      * Allows the use of hyperlinks as buttons via the atlaskit component

package/dist/types/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/execution-state-message/main.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const AutomationModalExecutionState: () => JSX.Element;
+export declare const AutomationModalExecutionState: () => JSX.Element | null;

package/dist/types/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/header/main.d.ts

@@ -3,5 +3,5 @@ type AutomationModalHeaderProps = {
     modalTitle?: React.ReactNode;
     modalDescription?: React.ReactNode;
 };
-export declare const AutomationModalHeader: (props: AutomationModalHeaderProps) => JSX.Element;
+export declare const AutomationModalHeader: ({ modalTitle, modalDescription, }: AutomationModalHeaderProps) => JSX.Element;
 export {};

package/dist/types/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/rule/main.d.ts

@@ -9,5 +9,5 @@ type AutomationModalRuleProps = {
     selectedRule: ManualRule | undefined;
     setSelectedRule: Dispatch<SetStateAction<ManualRule | undefined>>;
 };
-export declare const AutomationModalRule: (props: AutomationModalRuleProps) => JSX.Element;
+export declare const AutomationModalRule: ({ rule, selectedRule, setSelectedRule, }: AutomationModalRuleProps) => JSX.Element;
 export {};

package/dist/types/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/rule-list/main.d.ts

@@ -4,5 +4,5 @@ type AutomationModalRuleListProps = {
     selectedRule: ManualRule | undefined;
     setSelectedRule: Dispatch<SetStateAction<ManualRule | undefined>>;
 };
-export declare const AutomationModalRuleList: (props: AutomationModalRuleListProps) => React.JSX.Element;
+export declare const AutomationModalRuleList: ({ selectedRule, setSelectedRule, }: AutomationModalRuleListProps) => React.JSX.Element;
 export {};

package/dist/types/view/FlexibleCard/components/actions/automation-action/automation-manual-triggers/manual-triggers-modal/sub-components/skeleton/main.d.ts

@@ -2,6 +2,5 @@
 type SkeletonProps = {
     lineCount?: number;
 };
-export declare const SkeletonNew: (props: SkeletonProps) => JSX.Element;
 export declare const Skeleton: (props: SkeletonProps) => JSX.Element;
 export {};

package/dist/types/view/FlexibleCard/components/actions/automation-action/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { type LinkActionProps } from '../types';
-declare const AutomationAction: (props: LinkActionProps) => React.JSX.Element;
+declare const AutomationAction: (props: LinkActionProps) => React.JSX.Element | null;
 export default AutomationAction;

package/dist/types/view/FlexibleCard/components/actions/view-related-links-action/related-links-action-icon/index.d.ts

@@ -1,3 +1,6 @@
 /// <reference types="react" />
+/**
+ * ChildIssuesIcon but 180 degrees rotated
+ */
 declare const RelatedLinksActionIcon: () => JSX.Element;
 export default RelatedLinksActionIcon;

package/dist/types/view/FlexibleCard/components/blocks/action-block/action-footer/index.d.ts

@@ -4,4 +4,4 @@
  */
 /// <reference types="react" />
 import { type ActionFooterProps } from './types';
-export declare const ActionFooter: (props: ActionFooterProps) => JSX.Element;
+export declare const ActionFooter: ({ message, testId }: ActionFooterProps) => JSX.Element | null;

package/dist/types/view/FlexibleCard/components/blocks/action-block/index.d.ts

@@ -6,5 +6,5 @@ import type { ActionBlockProps } from './types';
  * To replace container/index.tsx getPadding() with space token for primitives
  */
 export declare const getPrimitivesPaddingSpaceBySize: (size: SmartLinkSize) => "var(--ds-space-100)" | "var(--ds-space-200)" | "var(--ds-space-250)" | "var(--ds-space-300)";
-declare const ActionBlock: (props: ActionBlockProps) => JSX.Element;
+declare const ActionBlock: ({ blockRef, onClick: onClickCallback, size, spaceInline, className, testId, }: ActionBlockProps) => JSX.Element | null;
 export default ActionBlock;

package/dist/types/view/FlexibleCard/components/blocks/action-group/index.d.ts

@@ -1,4 +1,11 @@
 /// <reference types="react" />
 import { type ActionGroupProps } from './types';
-declare const ActionGroup: (props: ActionGroupProps) => JSX.Element;
+/**
+ * Creates a group of Action components. Accepts an array of Actions, in addition to some styling
+ * preferences.
+ * @internal
+ * @param {ActionGroupProps} ActionGroupProps
+ * @see Action
+ */
+declare const ActionGroup: ({ items, size, appearance, visibleButtonsNum, onDropdownOpenChange, }: ActionGroupProps) => JSX.Element | null;
 export default ActionGroup;

package/dist/types/view/FlexibleCard/components/blocks/ai-footer-block/resolved/ai-footer-metadata.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
 import type { AISummaryActionData } from '../../../../../../state/flexible-ui-context/types';
-export declare const AIFooterMetadata: (props: AISummaryActionData & {
-    testId?: string;
-}) => React.JSX.Element;
+export declare const AIFooterMetadata: ({ testId, url }: AISummaryActionData & {
+    testId?: string | undefined;
+}) => React.JSX.Element | null;

package/dist/types/view/FlexibleCard/components/blocks/ai-summary-block/feature-discovery/index.d.ts

@@ -3,5 +3,10 @@ export type FeatureDiscoveryProps = {
     children: React.ReactElement;
     testId?: string;
 };
-declare const FeatureDiscovery: (props: FeatureDiscoveryProps) => JSX.Element;
+/**
+ * This is a hacky solution to help with the feature discovery.
+ * This implementation must be removed once the experiment is completed.
+ * Cleanup on https://product-fabric.atlassian.net/browse/EDM-9649
+ */
+declare const FeatureDiscovery: ({ children, testId }: FeatureDiscoveryProps) => JSX.Element;
 export default FeatureDiscovery;

package/dist/types/view/FlexibleCard/components/blocks/block/index.d.ts

@@ -1,4 +1,11 @@
 /// <reference types="react" />
 import { type BlockProps } from '../types';
-declare const Block: (props: BlockProps) => JSX.Element;
+/**
+ * A block represents a collection of elements and actions that are arranged
+ * in a row. All elements and actions should be contained within a Block.
+ * @internal
+ * @param {ActionGroupProps} ActionGroupProps
+ * @see Action
+ */
+declare const Block: ({ children, direction, size, testId, className, blockRef, onRender, onTransitionEnd, style, }: BlockProps) => JSX.Element;
 export default Block;

package/dist/types/view/FlexibleCard/components/blocks/element-group/index.d.ts

@@ -1,4 +1,11 @@
 /// <reference types="react" />
 import { type ElementGroupProps } from './types';
-declare const ElementGroup: (props: ElementGroupProps) => JSX.Element;
+/**
+ * Creates a group of Action components. Accepts an array of Actions, in addition to some styling
+ * preferences.
+ * @internal
+ * @param {ActionGroupProps} ActionGroupProps
+ * @see Action
+ */
+declare const ElementGroup: ({ align, children, direction, size, testId, width, position, className, }: ElementGroupProps) => JSX.Element;
 export default ElementGroup;

package/dist/types/view/FlexibleCard/components/blocks/element-group/types.d.ts

@@ -1,13 +1,34 @@
 import { type PropsWithChildren } from 'react';
-import { type SerializedStyles } from '@emotion/react';
 import { type SmartLinkAlignment, type SmartLinkDirection, type SmartLinkPosition, type SmartLinkSize, type SmartLinkWidth } from '../../../../../constants';
 export type ElementGroupProps = PropsWithChildren<{
+    /**
+     * Determines the alignment of the Elements within. Can be left or right aligned.
+     */
     align?: SmartLinkAlignment;
+    /**
+     * Determines the direction that the Elements are rendered. Can be Vertical or Horizontal.
+     */
     direction?: SmartLinkDirection;
-    overrideCss?: SerializedStyles;
+    /**
+     * Determines the default size of the Elements in the group.
+     */
     size?: SmartLinkSize;
+    /**
+     * Determines whether the container size will fit to the content or expand to the available width or the parent component.
+     * Similar to flex's flex-grow concept.
+     */
     width?: SmartLinkWidth;
+    /**
+     * A `testId` prop is provided for specified elements, which is a unique string that appears as a data attribute `data-testid`
+     * in the rendered code, serving as a hook for automated tests
+     */
     testId?: string;
+    /**
+     * Determines the position of the elements within. Can be top or center position.
+     */
     position?: SmartLinkPosition;
+    /**
+     * For compiled css
+     */
     className?: string;
 }>;

package/dist/types/view/FlexibleCard/components/blocks/footer-block/resolved/index.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import type { FooterBlockProps } from '../types';
-declare const FooterBlockResolvedViewExported: (props: FooterBlockProps) => JSX.Element;
-export default FooterBlockResolvedViewExported;
+declare const FooterBlockResolvedView: (props: FooterBlockProps) => JSX.Element;
+export default FooterBlockResolvedView;

package/dist/types/view/FlexibleCard/components/blocks/metadata-block/index.d.ts

@@ -1,4 +1,11 @@
 /// <reference types="react" />
 import { type MetadataBlockProps } from './types';
-declare const MetadataBlockExported: (props: MetadataBlockProps) => JSX.Element;
-export default MetadataBlockExported;
+/**
+ * Represents a MetadataBlock, designed to contain groups of metadata in the form of elements.
+ * Accepts an array of elements to be shown either primary (left hand side) or secondary (right hand side).
+ * @public
+ * @param {MetadataBlockProps} MetadataBlockProps
+ * @see Block
+ */
+declare const MetadataBlock: ({ maxLines, status, testId, primary, secondary, ...blockProps }: MetadataBlockProps) => JSX.Element | null;
+export default MetadataBlock;

package/dist/types/view/FlexibleCard/components/blocks/preview-block/index.d.ts

@@ -1,4 +1,10 @@
-/// <reference types="react" />
+import React from 'react';
 import { type PreviewBlockProps } from './types';
-declare const Exported: (props: PreviewBlockProps) => JSX.Element;
-export default Exported;
+/**
+ * Represents a PreviewBlock, which typically contains media or other large format content.
+ * @public
+ * @param {PreviewBlockProps} PreviewBlock
+ * @see Block
+ */
+declare const PreviewBlock: ({ status, testId, overrideUrl, ...blockProps }: PreviewBlockProps) => React.JSX.Element;
+export default PreviewBlock;

package/dist/types/view/FlexibleCard/components/blocks/preview-block/resolved/index.d.ts

@@ -1,4 +1,10 @@
 /// <reference types="react" />
 import { type PreviewBlockProps } from '../types';
-declare const PreviewBlockResolvedView: (props: PreviewBlockProps) => JSX.Element;
+/**
+ * Represents a resolved PreviewBlock, which typically contains media or other large format content.
+ * @public
+ * @param {PreviewBlock} PreviewBlock
+ * @see Block
+ */
+declare const PreviewBlockResolvedView: ({ ignoreContainerPadding, onError, placement, testId, overrideUrl, style, className, ...blockProps }: PreviewBlockProps) => JSX.Element;
 export default PreviewBlockResolvedView;

package/dist/types/view/FlexibleCard/components/blocks/title-block/errored/index.d.ts

@@ -1,4 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
 import { type TitleBlockViewProps } from '../types';
-declare const TitleBlockErroredView: (props: TitleBlockViewProps) => JSX.Element;
+/**
+ * Represents an Errored TitleBlock view.
+ * This will render when a Smart Link did not successfully resolve.
+ * This may be a result of a Smart Link not having the correct credentials,
+ * or the backend response was errored or malformed.
+ * @see TitleBlock
+ */
+declare const TitleBlockErroredView: ({ actionGroup, retry, position, testId, title, icon, hideIcon, ...blockProps }: TitleBlockViewProps) => React.JSX.Element;
 export default TitleBlockErroredView;

package/dist/types/view/FlexibleCard/components/blocks/title-block/index.d.ts

@@ -1,4 +1,16 @@
 /// <reference types="react" />
 import { type TitleBlockProps } from './types';
-declare const TitleBlock: (props: TitleBlockProps) => JSX.Element;
+/**
+ * Represents a TitleBlock, which is the foundation of Flexible UI.
+ * This contains an icon, the link, and any associated metadata and actions in one block.
+ * The TitleBlock will also render differently given the state of the smart link.
+ * This can be found in the corresponding Resolving, Resolved and Errored views.
+ * @public
+ * @param {TitleBlockProps} TitleBlockProps
+ * @see Block
+ * @see TitleBlockResolvingViewNew
+ * @see TitleBlockResolvedViewNew
+ * @see TitleBlockErroredViewNew
+ */
+declare const TitleBlock: ({ actions, anchorTarget, hideTitleTooltip, maxLines, onActionMenuOpenChange, onClick, status, showActionOnHover, testId, text, icon, theme, hideRetry, metadataPosition, hideIcon, className, ...props }: TitleBlockProps) => JSX.Element;
 export default TitleBlock;