@up42/up-components 4.13.0 → 4.14.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -23,6 +23,14 @@ export type BannerProps = {
23
23
  */
24
24
  onDismiss?: ButtonProps['onClick'];
25
25
  title: string;
26
+ /**
27
+ * The size(height) of the banner.
28
+ * - 'default': Standard banner height.
29
+ * - 'slim': Reduced height, intended for use only with the 'inline' variant.
30
+ *
31
+ * Note: 'slim' size has a fixed height of '32px' and should be used exclusively with variant='inline' and probably text ellipsis to ensure proper layout and appearance.
32
+ */
33
+ size?: 'default' | 'slim';
26
34
  } & Omit<AlertProps, 'title' | 'closeText' | 'icon' | 'role' | 'onClose'>;
27
35
  /**
28
36
  * Documentation: https://up-components.up42.com/?path=/docs/feedback-banner--docs
@@ -49,4 +57,12 @@ export declare const Banner: React.ForwardRefExoticComponent<Omit<{
49
57
  */
50
58
  onDismiss?: ButtonProps['onClick'];
51
59
  title: string;
60
+ /**
61
+ * The size(height) of the banner.
62
+ * - 'default': Standard banner height.
63
+ * - 'slim': Reduced height, intended for use only with the 'inline' variant.
64
+ *
65
+ * Note: 'slim' size has a fixed height of '32px' and should be used exclusively with variant='inline' and probably text ellipsis to ensure proper layout and appearance.
66
+ */
67
+ size?: "default" | "slim" | undefined;
52
68
  } & Omit<AlertProps, "title" | "role" | "onClose" | "closeText" | "icon">, "ref"> & React.RefAttributes<unknown>>;
@@ -2,8 +2,9 @@ import React from 'react';
2
2
  export type EditTagsButtonProps = {
3
3
  tags: string[];
4
4
  tagPool?: string[];
5
- onSave: (tags: string[]) => void;
5
+ onSave: (tags: string[]) => Promise<void>;
6
6
  label?: string;
7
7
  tooltip?: string;
8
+ isUpdatingTags?: boolean;
8
9
  };
9
- export declare function EditTagsButton({ tags, tagPool, onSave, label, tooltip }: EditTagsButtonProps): React.JSX.Element;
10
+ export declare function EditTagsButton({ tags, tagPool, onSave, label, tooltip, isUpdatingTags }: EditTagsButtonProps): React.JSX.Element;
@@ -1,7 +1,8 @@
1
1
  import React, { ReactNode } from 'react';
2
2
  import { CardProps } from '@mui/material';
3
+ import { BannerProps } from '../Banner/Banner';
3
4
  export type FeatureCardProps = CardProps & {
4
- banner?: ReactNode;
5
+ bannerProps?: Omit<BannerProps, 'title' | 'variant'>;
5
6
  header?: {
6
7
  title: ReactNode;
7
8
  actions?: ReactNode;
@@ -27,4 +28,4 @@ export type FeatureCardProps = CardProps & {
27
28
  */
28
29
  hovered?: boolean;
29
30
  };
30
- export declare const FeatureCard: ({ children, header, footer, banner, isSelectable, selected, isHoverable, hovered, ...props }: FeatureCardProps) => React.JSX.Element;
31
+ export declare const FeatureCard: ({ children, header, footer, bannerProps, isSelectable, selected, isHoverable, hovered, ...props }: FeatureCardProps) => React.JSX.Element;
@@ -1,6 +1,7 @@
1
1
  import React from 'react';
2
2
  export type TagsListProps = {
3
3
  tags: string[];
4
- onTagsChange?: (tags: string[]) => void;
4
+ onTagsUpdate?: (tags: string[]) => Promise<void>;
5
+ isUpdatingTags?: boolean;
5
6
  };
6
- export declare const TagsList: ({ tags: tagsProp, onTagsChange }: TagsListProps) => React.JSX.Element;
7
+ export declare const TagsList: ({ tags: tagsProp, onTagsUpdate, isUpdatingTags }: TagsListProps) => React.JSX.Element;