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

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,

package/lib/components/AnimatedHeader/AnimatedHeader.js

@@ -12,35 +12,34 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var PropTypes = require('prop-types');
 var React = require('react');
 var react = require('@carbon/react');
+var iconsReact = require('@carbon/icons-react');
 var lottie = require('../../_virtual/lottie.js');
 var usePrefix = require('../../node_modules/@carbon-labs/utilities/es/usePrefix.js');
 require('@carbon/react/icons');
 var BaseTile = require('../Tiles/BaseTile/BaseTile.js');
 var TasksController = require('../TasksController/TasksController.js');
 var WorkspaceSelector = require('../WorkspaceSelector/WorkspaceSelector.js');
-var bucket3 = require('../../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.usePrefix();
   const blockClass = `${prefix}--animated-header`;
   const animationContainer = React.useRef(null);
@@ -178,7 +177,7 @@ const AnimatedHeader = _ref => {
   }, /*#__PURE__*/React.createElement(react.Button, {
     id: `${blockClass}__button-collapse`,
     kind: "ghost",
-    renderIcon: open ? bucket3.ChevronUp : bucket3.ChevronDown,
+    renderIcon: open ? iconsReact.ChevronUp : iconsReact.ChevronDown,
     onClick: handleButtonCollapseClick
   }, open ? collapseButtonLabel : expandButtonLabel))));
 };

package/lib/components/TasksController/TasksController.js

@@ -14,14 +14,13 @@ var react = require('@carbon/react');
 var React = require('react');
 var usePrefix = require('../../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/lib/components/Tiles/AIPromptTile/AIPromptTile.js

@@ -16,19 +16,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.usePrefix();
   const blockClass = `${prefix}--animated-header__ai-prompt-tile`;
   const collapsed = `${blockClass}--collapsed`;

package/lib/components/Tiles/GlassTile/GlassTile.js

@@ -14,21 +14,20 @@ var GlassTileBody = require('./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.usePrefix();
   const blockClass = `${prefix}--animated-header__glass-tile`;
   const body = /*#__PURE__*/React.createElement(GlassTileBody.GlassTileBody, {

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

@@ -11,16 +11,15 @@ var React = require('react');
 var usePrefix = require('../../../node_modules/@carbon-labs/utilities/es/usePrefix.js');
 var react = require('@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.usePrefix();
   const blockClass = `${prefix}--animated-header__glass-tile`;
   const collapsed = `${blockClass}--collapsed`;

package/lib/components/WorkspaceSelector/WorkspaceSelector.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@carbon-labs/react-animated-header",
-  "version": "0.21.0",
+  "version": "0.22.0",
   "publishConfig": {
     "access": "public",
     "provenance": true
@@ -33,7 +33,7 @@
   ],
   "scripts": {
     "build": "node ../../../tasks/build.js",
-    "clean": "rm -rf {es,lib,scss}",
+    "clean": "rimraf es lib scss",
     "postinstall": "ibmtelemetry --config=telemetry.yml",
     "telemetry:config": "npx -y @ibm/telemetry-js-config-generator generate --id 40597fb8-d0ed-45fb-a95a-5b1751e22c36 --endpoint https://www-api.ibm.com/ibm-telemetry/v1/metrics --files ./components/**/*.(tsx|js|jsx)"
   },
@@ -45,5 +45,5 @@
   "devDependencies": {
     "@carbon-labs/utilities": "canary"
   },
-  "gitHead": "e6f4e6a5ce706a8be19dc22f663839a34b85f02b"
+  "gitHead": "9a7e0911865b850569e3832039d1860ffebd2533"
 }

package/es/node_modules/@carbon/icons-react/es/Icon.js

@@ -1,71 +0,0 @@
-/**
- * Copyright IBM Corp. 2024
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import { getAttributes } from '../node_modules/@carbon/icon-helpers/es/index.js';
-import PropTypes from 'prop-types';
-import React from 'react';
-
-/**
- * Copyright IBM Corp. 2019, 2023
- *
- * This source code is licensed under the Apache-2.0 license found in the
- * LICENSE file in the root directory of this source tree.
- */
-const Icon = /*#__PURE__*/React.forwardRef(function Icon(_ref, ref) {
-  let {
-    className,
-    children,
-    tabIndex,
-    xmlns = 'http://www.w3.org/2000/svg',
-    preserveAspectRatio = 'xMidYMid meet',
-    ...rest
-  } = _ref;
-  const {
-    tabindex,
-    ...attrs
-  } = getAttributes({
-    ...rest,
-    tabindex: tabIndex
-  });
-  const props = attrs;
-  if (className) {
-    props.className = className;
-  }
-  if (tabindex !== undefined && tabindex !== null) {
-    if (typeof tabindex === 'number') {
-      props.tabIndex = tabindex;
-    } else {
-      props.tabIndex = Number(tabIndex);
-    }
-  }
-  if (ref) {
-    props.ref = ref;
-  }
-  if (xmlns) {
-    props.xmlns = xmlns;
-  }
-  if (preserveAspectRatio) {
-    props.preserveAspectRatio = preserveAspectRatio;
-  }
-  return /*#__PURE__*/React.createElement('svg', props, children);
-});
-Icon.displayName = 'Icon';
-Icon.propTypes = {
-  'aria-hidden': PropTypes.oneOfType([PropTypes.bool, PropTypes.oneOf(['true', 'false'])]),
-  'aria-label': PropTypes.string,
-  'aria-labelledby': PropTypes.string,
-  children: PropTypes.node,
-  className: PropTypes.string,
-  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  preserveAspectRatio: PropTypes.string,
-  tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  viewBox: PropTypes.string,
-  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
-  xmlns: PropTypes.string
-};
-
-export { Icon as default };