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

package/es/__stories__/AnimatedHeader.stories.d.ts

@@ -8247,8 +8247,6 @@ export declare const ThemeG10: {
                     5: string;
                     6: string;
                     7: string;
-                    8: string;
-                    9: string;
                 };
             };
             options: number[];
@@ -8828,170 +8826,6 @@ export declare const ThemeG10: {
                         customContent: import("react/jsx-runtime").JSX.Element;
                     }[];
                 };
-                8: {
-                    id: number;
-                    label: string;
-                    tiles: ({
-                        id: string;
-                        href: string;
-                        title: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        subtitle?: undefined;
-                    } | {
-                        id: string;
-                        href: string;
-                        title: string;
-                        subtitle: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                    })[];
-                } | {
-                    id: number;
-                    label: string;
-                    tiles: ({
-                        id: string;
-                        href: string;
-                        title: string;
-                        subtitle: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        secondaryIcon?: undefined;
-                    } | {
-                        id: string;
-                        href: string;
-                        title: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
-                        subtitle?: undefined;
-                    })[];
-                } | {
-                    id: number;
-                    label: string;
-                    tiles: ({
-                        id: string;
-                        href: string;
-                        title: string;
-                        subtitle: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        isLoading: boolean;
-                        isDisabled?: undefined;
-                        secondaryIcon?: undefined;
-                    } | {
-                        id: string;
-                        title: string;
-                        subtitle: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        href?: undefined;
-                        isLoading?: undefined;
-                        isDisabled?: undefined;
-                        secondaryIcon?: undefined;
-                    } | {
-                        id: string;
-                        href: string;
-                        title: string;
-                        subtitle: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        isDisabled: boolean;
-                        isLoading?: undefined;
-                        secondaryIcon?: undefined;
-                    } | {
-                        id: string;
-                        href: string;
-                        title: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
-                        subtitle?: undefined;
-                        isLoading?: undefined;
-                        isDisabled?: undefined;
-                    })[];
-                } | {
-                    id: number;
-                    label: string;
-                    tiles: {
-                        id: string;
-                        customContent: import("react/jsx-runtime").JSX.Element;
-                    }[];
-                };
-                9: {
-                    id: number;
-                    label: string;
-                    tiles: ({
-                        id: string;
-                        href: string;
-                        title: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        subtitle?: undefined;
-                    } | {
-                        id: string;
-                        href: string;
-                        title: string;
-                        subtitle: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                    })[];
-                } | {
-                    id: number;
-                    label: string;
-                    tiles: ({
-                        id: string;
-                        href: string;
-                        title: string;
-                        subtitle: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        secondaryIcon?: undefined;
-                    } | {
-                        id: string;
-                        href: string;
-                        title: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
-                        subtitle?: undefined;
-                    })[];
-                } | {
-                    id: number;
-                    label: string;
-                    tiles: ({
-                        id: string;
-                        href: string;
-                        title: string;
-                        subtitle: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        isLoading: boolean;
-                        isDisabled?: undefined;
-                        secondaryIcon?: undefined;
-                    } | {
-                        id: string;
-                        title: string;
-                        subtitle: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        href?: undefined;
-                        isLoading?: undefined;
-                        isDisabled?: undefined;
-                        secondaryIcon?: undefined;
-                    } | {
-                        id: string;
-                        href: string;
-                        title: string;
-                        subtitle: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        isDisabled: boolean;
-                        isLoading?: undefined;
-                        secondaryIcon?: undefined;
-                    } | {
-                        id: string;
-                        href: string;
-                        title: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
-                        subtitle?: undefined;
-                        isLoading?: undefined;
-                        isDisabled?: undefined;
-                    })[];
-                } | {
-                    id: number;
-                    label: string;
-                    tiles: {
-                        id: string;
-                        customContent: import("react/jsx-runtime").JSX.Element;
-                    }[];
-                };
             };
         };
         tasksControllerConfig: {
@@ -17588,8 +17422,6 @@ export declare const ThemeG100: {
                     5: string;
                     6: string;
                     7: string;
-                    8: string;
-                    9: string;
                 };
             };
             options: number[];
@@ -18169,170 +18001,6 @@ export declare const ThemeG100: {
                         customContent: import("react/jsx-runtime").JSX.Element;
                     }[];
                 };
-                8: {
-                    id: number;
-                    label: string;
-                    tiles: ({
-                        id: string;
-                        href: string;
-                        title: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        subtitle?: undefined;
-                    } | {
-                        id: string;
-                        href: string;
-                        title: string;
-                        subtitle: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                    })[];
-                } | {
-                    id: number;
-                    label: string;
-                    tiles: ({
-                        id: string;
-                        href: string;
-                        title: string;
-                        subtitle: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        secondaryIcon?: undefined;
-                    } | {
-                        id: string;
-                        href: string;
-                        title: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
-                        subtitle?: undefined;
-                    })[];
-                } | {
-                    id: number;
-                    label: string;
-                    tiles: ({
-                        id: string;
-                        href: string;
-                        title: string;
-                        subtitle: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        isLoading: boolean;
-                        isDisabled?: undefined;
-                        secondaryIcon?: undefined;
-                    } | {
-                        id: string;
-                        title: string;
-                        subtitle: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        href?: undefined;
-                        isLoading?: undefined;
-                        isDisabled?: undefined;
-                        secondaryIcon?: undefined;
-                    } | {
-                        id: string;
-                        href: string;
-                        title: string;
-                        subtitle: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        isDisabled: boolean;
-                        isLoading?: undefined;
-                        secondaryIcon?: undefined;
-                    } | {
-                        id: string;
-                        href: string;
-                        title: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
-                        subtitle?: undefined;
-                        isLoading?: undefined;
-                        isDisabled?: undefined;
-                    })[];
-                } | {
-                    id: number;
-                    label: string;
-                    tiles: {
-                        id: string;
-                        customContent: import("react/jsx-runtime").JSX.Element;
-                    }[];
-                };
-                9: {
-                    id: number;
-                    label: string;
-                    tiles: ({
-                        id: string;
-                        href: string;
-                        title: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        subtitle?: undefined;
-                    } | {
-                        id: string;
-                        href: string;
-                        title: string;
-                        subtitle: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                    })[];
-                } | {
-                    id: number;
-                    label: string;
-                    tiles: ({
-                        id: string;
-                        href: string;
-                        title: string;
-                        subtitle: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        secondaryIcon?: undefined;
-                    } | {
-                        id: string;
-                        href: string;
-                        title: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
-                        subtitle?: undefined;
-                    })[];
-                } | {
-                    id: number;
-                    label: string;
-                    tiles: ({
-                        id: string;
-                        href: string;
-                        title: string;
-                        subtitle: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        isLoading: boolean;
-                        isDisabled?: undefined;
-                        secondaryIcon?: undefined;
-                    } | {
-                        id: string;
-                        title: string;
-                        subtitle: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        href?: undefined;
-                        isLoading?: undefined;
-                        isDisabled?: undefined;
-                        secondaryIcon?: undefined;
-                    } | {
-                        id: string;
-                        href: string;
-                        title: string;
-                        subtitle: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        isDisabled: boolean;
-                        isLoading?: undefined;
-                        secondaryIcon?: undefined;
-                    } | {
-                        id: string;
-                        href: string;
-                        title: string;
-                        mainIcon: import("@carbon/icons-react").CarbonIconType;
-                        secondaryIcon: import("@carbon/icons-react").CarbonIconType;
-                        subtitle?: undefined;
-                        isLoading?: undefined;
-                        isDisabled?: undefined;
-                    })[];
-                } | {
-                    id: number;
-                    label: string;
-                    tiles: {
-                        id: string;
-                        customContent: import("react/jsx-runtime").JSX.Element;
-                    }[];
-                };
             };
         };
         tasksControllerConfig: {

package/es/components/AnimatedHeader/AnimatedHeader.js

@@ -8,35 +8,34 @@
 import PropTypes from 'prop-types';
 import React, { useRef, useState, useEffect } from 'react';
 import { Grid, Column, Tooltip, Button } from '@carbon/react';
+import { ChevronUp, ChevronDown } from '@carbon/icons-react';
 import lottie from '../../_virtual/lottie.js';
 import { usePrefix } from '../../node_modules/@carbon-labs/utilities/es/usePrefix.js';
 import '@carbon/react/icons';
 import { BaseTile } from '../Tiles/BaseTile/BaseTile.js';
 import TasksController from '../TasksController/TasksController.js';
 import WorkspaceSelector from '../WorkspaceSelector/WorkspaceSelector.js';
-import { ChevronUp, ChevronDown } from '../../node_modules/@carbon/icons-react/es/generated/bucket-3.js';
 
 /** Animated Header */
 
-const AnimatedHeader = _ref => {
-  let {
-    allTileGroups,
-    selectedTileGroup,
-    setSelectedTileGroup,
-    description,
-    headerAnimation,
-    headerStatic,
-    productName = '[Product name]',
-    userName,
-    welcomeText,
-    tasksControllerConfig,
-    workspaceSelectorConfig,
-    isLoading,
-    disabledTaskLabel,
-    expandButtonLabel = 'Expand',
-    collapseButtonLabel = 'Collapse',
-    tileClickHandler
-  } = _ref;
+const AnimatedHeader = ({
+  allTileGroups,
+  selectedTileGroup,
+  setSelectedTileGroup,
+  description,
+  headerAnimation,
+  headerStatic,
+  productName = '[Product name]',
+  userName,
+  welcomeText,
+  tasksControllerConfig,
+  workspaceSelectorConfig,
+  isLoading,
+  disabledTaskLabel,
+  expandButtonLabel = 'Expand',
+  collapseButtonLabel = 'Collapse',
+  tileClickHandler
+}) => {
   const prefix = usePrefix();
   const blockClass = `${prefix}--animated-header`;
   const animationContainer = useRef(null);

package/es/components/TasksController/TasksController.js

@@ -10,14 +10,13 @@ import { SkeletonPlaceholder, Button, Dropdown } from '@carbon/react';
 import React, { useMemo } from 'react';
 import { usePrefix } from '../../node_modules/@carbon-labs/utilities/es/usePrefix.js';
 
-const TasksController = _ref => {
-  let {
-    tasksControllerConfig,
-    isLoading,
-    allTileGroups,
-    selectedTileGroup,
-    setSelectedTileGroup
-  } = _ref;
+const TasksController = ({
+  tasksControllerConfig,
+  isLoading,
+  allTileGroups,
+  selectedTileGroup,
+  setSelectedTileGroup
+}) => {
   const {
     className: buttonCustomClass,
     ...buttonOverrideProps

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

@@ -14,19 +14,18 @@ var _AILabel, _Send;
 
 /** Primary UI component for user interaction */
 
-const AIPromptTile = _ref => {
-  let {
-    href,
-    id,
-    mainIcon: MainIcon,
-    open,
-    productName,
-    title,
-    isLoading,
-    isDisabled,
-    disabledTaskLabel,
-    onClick
-  } = _ref;
+const AIPromptTile = ({
+  href,
+  id,
+  mainIcon: MainIcon,
+  open,
+  productName,
+  title,
+  isLoading,
+  isDisabled,
+  disabledTaskLabel,
+  onClick
+}) => {
   const prefix = usePrefix();
   const blockClass = `${prefix}--animated-header__ai-prompt-tile`;
   const collapsed = `${blockClass}--collapsed`;

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

@@ -12,21 +12,20 @@ import { GlassTileBody } from './GlassTileBody.js';
 
 /** Primary UI component for user interaction */
 
-const GlassTile = _ref => {
-  let {
-    href,
-    id,
-    mainIcon,
-    open,
-    secondaryIcon,
-    subtitle,
-    title,
-    customContent,
-    isLoading,
-    isDisabled,
-    disabledTaskLabel,
-    onClick: glassTileClickHandler
-  } = _ref;
+const GlassTile = ({
+  href,
+  id,
+  mainIcon,
+  open,
+  secondaryIcon,
+  subtitle,
+  title,
+  customContent,
+  isLoading,
+  isDisabled,
+  disabledTaskLabel,
+  onClick: glassTileClickHandler
+}) => {
   const prefix = usePrefix();
   const blockClass = `${prefix}--animated-header__glass-tile`;
   const body = /*#__PURE__*/React.createElement(GlassTileBody, {

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

@@ -9,16 +9,15 @@ import React from 'react';
 import { usePrefix } from '../../../node_modules/@carbon-labs/utilities/es/usePrefix.js';
 import { SkeletonPlaceholder } from '@carbon/react';
 
-const GlassTileBody = _ref => {
-  let {
-    mainIcon: MainIcon,
-    open,
-    secondaryIcon: SecondaryIcon,
-    subtitle,
-    title,
-    customContent,
-    isLoading
-  } = _ref;
+const GlassTileBody = ({
+  mainIcon: MainIcon,
+  open,
+  secondaryIcon: SecondaryIcon,
+  subtitle,
+  title,
+  customContent,
+  isLoading
+}) => {
   const prefix = usePrefix();
   const blockClass = `${prefix}--animated-header__glass-tile`;
   const collapsed = `${blockClass}--collapsed`;

package/es/components/WorkspaceSelector/WorkspaceSelector.js

@@ -9,12 +9,11 @@ import { SkeletonPlaceholder, Dropdown } from '@carbon/react';
 import { usePrefix } from '../../node_modules/@carbon-labs/utilities/es/usePrefix.js';
 import React, { useMemo } from 'react';
 
-const WorkspaceSelector = _ref => {
-  let {
-    workspaceSelectorConfig,
-    userName,
-    isLoading
-  } = _ref;
+const WorkspaceSelector = ({
+  workspaceSelectorConfig,
+  userName,
+  isLoading
+}) => {
   const {
     className: dropdownCustomClass,
     onChange: dropdownCustomOnChange,