@up42/up-components 5.2.1 → 5.2.2

package/dist/cjs/types/components/EditTagsButton/EditTagsButton.d.ts

@@ -1,3 +1,4 @@
+import { ButtonProps, SxProps, Theme } from '@mui/material';
 import React from 'react';
 export type EditTagsButtonProps = {
     tags: string[];
@@ -6,5 +7,7 @@ export type EditTagsButtonProps = {
     label?: string;
     tooltip?: string;
     isUpdatingTags?: boolean;
+    sx?: SxProps<Theme>;
+    variant?: ButtonProps['variant'];
 };
-export declare function EditTagsButton({ tags, tagPool, onSave, label, tooltip, isUpdatingTags }: EditTagsButtonProps): React.JSX.Element;
+export declare function EditTagsButton({ tags, tagPool, onSave, label, tooltip, isUpdatingTags, sx, variant, }: EditTagsButtonProps): React.JSX.Element;

package/dist/cjs/types/components/TagsList/MoreTags.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
-export declare const MoreTags: ({ tags }: {
+export declare const MoreTags: React.MemoExoticComponent<({ tags, handleClick, }: {
     tags: string[];
-}) => React.JSX.Element | null;
+    handleClick?: ((e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void) | undefined;
+}) => React.JSX.Element | null>;

package/dist/cjs/types/components/TagsList/Tags.d.ts

@@ -3,6 +3,8 @@ type TagsProps = {
     tags: string[];
     setHiddenTagCount: (count: number) => void;
     hiddenTagCount: number;
+    parentContainerRef: React.MutableRefObject<HTMLDivElement | null>;
+    hasEditButton: boolean;
 };
-export declare const Tags: ({ tags, setHiddenTagCount, hiddenTagCount }: TagsProps) => React.JSX.Element;
+export declare const Tags: React.MemoExoticComponent<({ tags, setHiddenTagCount, hiddenTagCount, parentContainerRef, hasEditButton }: TagsProps) => React.JSX.Element>;
 export {};

package/dist/cjs/types/components/TagsList/TagsList.d.ts

@@ -1,7 +1,11 @@
 import React from 'react';
+import { SxProps, Theme } from '@mui/material';
 export type TagsListProps = {
     tags: string[];
     onTagsUpdate?: (tags: string[]) => Promise<void>;
     isUpdatingTags?: boolean;
+    sx?: SxProps<Theme>;
+    editTagsButtonSx?: SxProps<Theme>;
+    onMoreTagsClick?: (e: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void;
 };
-export declare const TagsList: ({ tags: tagsProp, onTagsUpdate, isUpdatingTags }: TagsListProps) => React.JSX.Element;
+export declare const TagsList: React.MemoExoticComponent<({ tags, onTagsUpdate, isUpdatingTags, sx, editTagsButtonSx, onMoreTagsClick, }: TagsListProps) => React.JSX.Element>;

package/dist/cjs/types/components/TagsList/useCalculateTagsOverflow.d.ts

@@ -0,0 +1,33 @@
+/// <reference types="react" />
+type UseCalculateTagsOverflowProps = {
+    tags: string[];
+    parentContainerRef: React.MutableRefObject<HTMLDivElement | null>;
+    tagsMeasurementRef: React.MutableRefObject<HTMLDivElement | null>;
+    hiddenTagCount: number;
+    setHiddenTagCount: (count: number) => void;
+    hasEditButton: boolean;
+};
+type UseCalculateTagsOverflowReturn = {
+    measurementContainerWidth: number;
+    visibleTags: string[];
+};
+export declare const TAG_GAP: string;
+/**
+ * @description Custom hook that handles the business logic for calculating tag overflow and visibility.
+ *
+ * This hook manages:
+ * - Container width measurement for responsive behavior
+ * - Hidden tags calculation based on available space
+ * - State management for measurement and visibility
+ * - Window and container resize handling with debounced ResizeObserver handler
+ *
+ * @param tags - The array of tag strings to display
+ * @param parentContainerRef - Reference to the parent container for width measurement
+ * @param tagsMeasurementRef - Reference to the measurement container for width measurement
+ * @param hiddenTagCount - Current number of hidden tags
+ * @param setHiddenTagCount - Function to update the number of hidden tags
+ * @param hasEditButton - Whether an edit button is present (affects space calculation)
+ * @returns Object containing the values defined in the UseTagsOverflowReturn type
+ */
+export declare const useCalculateTagsOverflow: ({ tags, setHiddenTagCount, hiddenTagCount, parentContainerRef, tagsMeasurementRef, hasEditButton, }: UseCalculateTagsOverflowProps) => UseCalculateTagsOverflowReturn;
+export {};

package/dist/cjs/types/components/TagsList/useCalculateTagsOverflow.test.d.ts

@@ -0,0 +1 @@
+export {};