@carbon-labs/react-animated-header 0.19.0 → 0.21.0

package/es/__stories__/data/index.d.ts

@@ -46,16 +46,14 @@ export const headerTiles: ({
         subtitle: string;
         mainIcon: import("@carbon/react/icons").CarbonIconType;
         isLoading: boolean;
-        isInteractive?: undefined;
         isDisabled?: undefined;
         secondaryIcon?: undefined;
     } | {
         id: string;
-        href: string;
         title: string;
         subtitle: string;
         mainIcon: import("@carbon/react/icons").CarbonIconType;
-        isInteractive: boolean;
+        href?: undefined;
         isLoading?: undefined;
         isDisabled?: undefined;
         secondaryIcon?: undefined;
@@ -67,7 +65,6 @@ export const headerTiles: ({
         mainIcon: import("@carbon/react/icons").CarbonIconType;
         isDisabled: boolean;
         isLoading?: undefined;
-        isInteractive?: undefined;
         secondaryIcon?: undefined;
     } | {
         id: string;
@@ -77,7 +74,6 @@ export const headerTiles: ({
         secondaryIcon: import("@carbon/react/icons").CarbonIconType;
         subtitle?: undefined;
         isLoading?: undefined;
-        isInteractive?: undefined;
         isDisabled?: undefined;
     })[];
 } | {
@@ -148,16 +144,14 @@ export namespace tasksControllerConfigDropdown {
                 subtitle: string;
                 mainIcon: import("@carbon/react/icons").CarbonIconType;
                 isLoading: boolean;
-                isInteractive?: undefined;
                 isDisabled?: undefined;
                 secondaryIcon?: undefined;
             } | {
                 id: string;
-                href: string;
                 title: string;
                 subtitle: string;
                 mainIcon: import("@carbon/react/icons").CarbonIconType;
-                isInteractive: boolean;
+                href?: undefined;
                 isLoading?: undefined;
                 isDisabled?: undefined;
                 secondaryIcon?: undefined;
@@ -169,7 +163,6 @@ export namespace tasksControllerConfigDropdown {
                 mainIcon: import("@carbon/react/icons").CarbonIconType;
                 isDisabled: boolean;
                 isLoading?: undefined;
-                isInteractive?: undefined;
                 secondaryIcon?: undefined;
             } | {
                 id: string;
@@ -179,7 +172,6 @@ export namespace tasksControllerConfigDropdown {
                 secondaryIcon: import("@carbon/react/icons").CarbonIconType;
                 subtitle?: undefined;
                 isLoading?: undefined;
-                isInteractive?: undefined;
                 isDisabled?: undefined;
             })[];
         } | {

package/es/components/AnimatedHeader/AnimatedHeader.d.ts

@@ -12,7 +12,7 @@ export interface Tile {
     customContent?: ReactNode | null;
     isLoading?: boolean;
     isDisabled?: boolean;
-    isInteractive?: boolean;
+    onClick?: () => void;
 }
 export interface TileGroup {
     id: number;

package/es/components/AnimatedHeader/AnimatedHeader.js

@@ -139,7 +139,7 @@ const AnimatedHeader = _ref => {
     md: 8,
     lg: 12,
     className: `${blockClass}__content`
-  }, workspaceSelectorConfig?.allWorkspaces?.length && /*#__PURE__*/React.createElement("div", {
+  }, !!workspaceSelectorConfig?.allWorkspaces?.length && /*#__PURE__*/React.createElement("div", {
     className: `${blockClass}__workspace--container${!open ? ` ${contentCollapsed}` : ''}`
   }, /*#__PURE__*/React.createElement(WorkspaceSelector, {
     workspaceSelectorConfig: workspaceSelectorConfig,
@@ -149,7 +149,10 @@ const AnimatedHeader = _ref => {
     className: `${blockClass}__tiles-container`
   }, selectedTileGroup.tiles.map(tile => {
     return /*#__PURE__*/React.createElement(BaseTile, {
-      onClick: () => tileClickHandler?.(tile),
+      onClick: tile.href || tile.onClick ? () => {
+        tileClickHandler?.(tile);
+        tile.onClick?.();
+      } : null,
       key: tile.id,
       id: tile.id,
       open: open,
@@ -162,8 +165,7 @@ const AnimatedHeader = _ref => {
       customContent: tile.customContent,
       isLoading: isLoading || tile.isLoading,
       isDisabled: tile.isDisabled,
-      disabledTaskLabel: disabledTaskLabel,
-      isInteractive: tile.isInteractive
+      disabledTaskLabel: disabledTaskLabel
     });
   }))), /*#__PURE__*/React.createElement("div", {
     className: `${blockClass}__button-collapse--gradient`

package/es/components/Tiles/AIPromptTile/AIPromptTile.d.ts

@@ -18,6 +18,7 @@ interface AIPromptTileProps {
     isLoading?: boolean;
     isDisabled?: boolean;
     disabledTaskLabel?: string;
+    onClick?: (() => void) | null;
 }
 export declare const AIPromptTile: React.FC<AIPromptTileProps>;
 export {};

package/es/components/Tiles/AIPromptTile/AIPromptTile.js

@@ -24,7 +24,8 @@ const AIPromptTile = _ref => {
     title,
     isLoading,
     isDisabled,
-    disabledTaskLabel
+    disabledTaskLabel,
+    onClick
   } = _ref;
   const prefix = usePrefix();
   const blockClass = `${prefix}--animated-header__ai-prompt-tile`;
@@ -89,7 +90,10 @@ const AIPromptTile = _ref => {
     size: "sm",
     disabled: !textInput,
     align: "top-right",
-    onClick: () => openInNewTab(`${href}&primed_chat=${textInput}`),
+    onClick: () => {
+      onClick?.();
+      openInNewTab(`${href}&primed_chat=${textInput}`);
+    },
     onKeyDown: handleTextInputKeyDown
   }, _Send || (_Send = /*#__PURE__*/React.createElement(Send, null)))), /*#__PURE__*/React.createElement("div", {
     className: `${blockClass}--footer`

package/es/components/Tiles/BaseTile/BaseTile.d.ts

@@ -21,8 +21,7 @@ interface BaseTileProps {
     isLoading?: boolean;
     isDisabled?: boolean;
     disabledTaskLabel?: string;
-    onClick?: () => void;
-    isInteractive?: boolean;
+    onClick?: (() => void) | null;
 }
 export declare const BaseTile: React.FC<BaseTileProps>;
 export {};

package/es/components/Tiles/GlassTile/GlassTile.d.ts

@@ -14,8 +14,7 @@ interface GlassTileProps {
     isLoading?: boolean;
     isDisabled?: boolean;
     disabledTaskLabel?: string;
-    onClick?: () => void;
-    isInteractive?: boolean;
+    onClick?: (() => void) | null;
 }
 export declare const GlassTile: React.FC<GlassTileProps>;
 export {};

package/es/components/Tiles/GlassTile/GlassTile.js

@@ -25,8 +25,7 @@ const GlassTile = _ref => {
     isLoading,
     isDisabled,
     disabledTaskLabel,
-    onClick: glassTileClickHandler,
-    isInteractive = true
+    onClick: glassTileClickHandler
   } = _ref;
   const prefix = usePrefix();
   const blockClass = `${prefix}--animated-header__glass-tile`;
@@ -39,7 +38,9 @@ const GlassTile = _ref => {
     customContent: customContent,
     isLoading: isLoading
   });
-  if (isInteractive === false) {
+
+  // Non-interactive tile
+  if (!href && !glassTileClickHandler) {
     return /*#__PURE__*/React.createElement("div", {
       className: `${prefix}--animated-header__tile ${blockClass}`,
       key: id