@carbon-labs/react-animated-header 0.15.0 → 0.16.0

package/es/components/Tiles/BaseTile/BaseTile.js

@@ -11,33 +11,11 @@ import { GlassTile } from '../GlassTile/GlassTile.js';
 
 /** Base Tile */
 
-const BaseTile = _ref => {
-  let {
-    id,
-    open,
-    href,
-    mainIcon,
-    secondaryIcon,
-    title,
-    subtitle,
-    productName,
-    customContent,
-    onClick
-  } = _ref;
-  const props = {
-    id,
-    open,
-    href,
-    mainIcon,
-    secondaryIcon,
-    title,
-    subtitle,
-    productName,
-    customContent,
-    onClick
-  };
-  const tile = id === 'ai-tile' ? /*#__PURE__*/React.createElement(AIPromptTile, props) : /*#__PURE__*/React.createElement(GlassTile, props);
-  return tile;
+const BaseTile = props => {
+  if (props.id === 'ai-tile') {
+    return /*#__PURE__*/React.createElement(AIPromptTile, props);
+  }
+  return /*#__PURE__*/React.createElement(GlassTile, props);
 };
 
 export { BaseTile };

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

@@ -9,14 +9,17 @@
 import React, { ReactNode } from 'react';
 /** Primary UI component for user interaction */
 interface GlassTileProps {
-    href?: string;
+    href?: string | null;
     id?: string;
-    mainIcon?: string;
+    mainIcon?: string | null;
     open?: boolean;
-    secondaryIcon?: string;
-    subtitle?: string;
-    title?: string;
+    secondaryIcon?: string | null;
+    subtitle?: string | null;
+    title?: string | null;
     customContent?: ReactNode;
+    isLoading?: boolean;
+    isDisabled?: boolean;
+    disabledTaskLabel?: string;
     onClick?: () => void;
 }
 export declare const GlassTile: React.FC<GlassTileProps>;

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

@@ -6,7 +6,7 @@
  */
 
 import React from 'react';
-import { Link } from '@carbon/react';
+import { Link, SkeletonPlaceholder } from '@carbon/react';
 import * as index from '../../../node_modules/@carbon/icons-react/es/index.js';
 import { usePrefix } from '../../../node_modules/@carbon-labs/utilities/es/usePrefix.js';
 
@@ -22,6 +22,9 @@ const GlassTile = _ref => {
     subtitle,
     title,
     customContent,
+    isLoading,
+    isDisabled,
+    disabledTaskLabel,
     onClick: glassTileClickHandler
   } = _ref;
   const prefix = usePrefix();
@@ -35,8 +38,12 @@ const GlassTile = _ref => {
     },
     className: `${prefix}--animated-header__tile ${blockClass}`,
     key: id,
-    href: href
-  }, /*#__PURE__*/React.createElement("div", {
+    href: href ?? undefined,
+    disabled: isDisabled || isLoading,
+    title: isDisabled ? disabledTaskLabel ?? '' : ''
+  }, isLoading ? /*#__PURE__*/React.createElement(SkeletonPlaceholder, {
+    className: `${blockClass}--loading-skeleton`
+  }) : /*#__PURE__*/React.createElement("div", {
     className: `${blockClass}--body${!open ? ` ${collapsed}` : ''}`
   }, /*#__PURE__*/React.createElement("div", {
     className: `${blockClass}--body-background`

package/es/components/WorkspaceSelector/WorkspaceSelector.d.ts

@@ -0,0 +1,27 @@
+/**
+ * @license
+ *
+ * Copyright IBM Corp. 2025
+ *
+ * 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 { DropdownProps } from '@carbon/react';
+export interface Workspace {
+    id: string;
+    label: string;
+}
+export type WorkspaceSelectorConfig = {
+    propsOverrides: Partial<Omit<DropdownProps<Workspace>, 'id' | 'items' | 'selectedItem' | 'setSelectedWorkspace'>>;
+    allWorkspaces: Workspace[];
+    selectedWorkspace?: Workspace;
+    setSelectedWorkspace: (e: any) => void;
+    isLoading?: boolean;
+};
+export type WorkspaceSelectorProps = {
+    workspaceSelectorConfig?: WorkspaceSelectorConfig;
+    userName?: string;
+    isLoading?: boolean;
+};
+declare const WorkspaceSelector: ({ workspaceSelectorConfig, userName, isLoading, }: WorkspaceSelectorProps) => import("react/jsx-runtime").JSX.Element | null;
+export default WorkspaceSelector;

package/es/components/WorkspaceSelector/WorkspaceSelector.js

@@ -0,0 +1,57 @@
+/**
+ * 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 { 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 {
+    className: dropdownCustomClass,
+    onChange: dropdownCustomOnChange,
+    ...dropdownOverrideProps
+  } = workspaceSelectorConfig?.propsOverrides || {};
+  const prefix = usePrefix();
+  const blockClass = `${prefix}--animated-header`;
+  const dropdownProps = useMemo(() => {
+    if (!workspaceSelectorConfig?.allWorkspaces) {
+      return null;
+    }
+    return {
+      id: `${blockClass}__workspace`,
+      className: `${blockClass}__workspace${dropdownCustomClass ? ` ${dropdownCustomClass}` : ''}`,
+      size: 'sm',
+      titleText: 'Label',
+      label: `Open in: ${userName}'s workspace` || `Select a workspace`,
+      hideLabel: true,
+      type: 'inline',
+      items: workspaceSelectorConfig?.allWorkspaces,
+      selectedItem: workspaceSelectorConfig?.selectedWorkspace,
+      onChange: e => {
+        workspaceSelectorConfig?.setSelectedWorkspace?.(e);
+        dropdownCustomOnChange?.(e);
+      },
+      ...dropdownOverrideProps
+    };
+  }, [blockClass, dropdownCustomClass, dropdownOverrideProps, userName, workspaceSelectorConfig, dropdownCustomOnChange]);
+  if (isLoading || workspaceSelectorConfig?.isLoading) {
+    return /*#__PURE__*/React.createElement(SkeletonPlaceholder, {
+      className: `${blockClass}__workspace-selector-skeleton`
+    });
+  }
+  if (!dropdownProps) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement(Dropdown, dropdownProps);
+};
+
+export { WorkspaceSelector as default };

package/es/index.d.ts

@@ -9,4 +9,6 @@
 import AnimatedHeader from './components/AnimatedHeader/AnimatedHeader';
 import { BaseTile } from './components/Tiles/index.js';
 export * from './assets';
+export type { Workspace, WorkspaceSelectorConfig, } from './components/WorkspaceSelector/WorkspaceSelector';
+export type { TasksControllerConfig } from './components/TasksController/TasksController';
 export { AnimatedHeader, BaseTile };