@useloops/design-system 1.4.402 → 1.4.403

package/dist/index.d.ts

@@ -2042,54 +2042,34 @@ interface StyledLinearProgressProps extends LinearProgressProps {
     barColor?: KpiIndicatorColor$1;
 }
 
-/**
- * Renders a customizable bar graph item with optional icon, label, value, respondent count, and checkbox.
- *
- * @component
- * @param {GraphBarProps} props - The props for the GraphBar component.
- * @param {string} props.label - The label displayed for the bar.
- * @param {number | null | undefined} props.value - The value represented by the bar (used for progress).
- * @param {React.ReactNode} [props.tooltipContent] - Optional tooltip content shown on hover.
- * @param {number | null | undefined} [props.respondentCount] - Optional count of respondents displayed in a column.
- * @param {object} [props.icon] - Optional icon configuration (emoji or standard icon).
- * @param {boolean} [props.hideIcon] - If true, hides the icon.
- * @param {boolean} [props.hideCheckbox] - If true, hides the checkbox.
- * @param {boolean} [props.hideUnitColumn1] - If true, hides the first unit column (value).
- * @param {boolean} [props.hideUnitColumn2] - If true, hides the second unit column (respondent count).
- * @param {object} [props.checkboxProps] - Additional props for the checkbox.
- * @param {object} [props.slotProps] - Additional slot props for customizing subcomponents.
- * @param {boolean} [props.percentageSymbol] - If true, appends a percentage symbol to the value.
- * @param {boolean} [props.checkedDefaultValue] - The initial checked state of the checkbox.
- *
- * @returns {JSX.Element} The rendered GraphBar component.
- */
+interface GraphBarSlotProps {
+    graphBar?: StyledLinearProgressProps;
+    graphBarTypography?: Omit<TypographyProps, 'component' | 'variation'>;
+    checkbox?: CheckboxProps$2;
+    icon?: IconProps$1;
+    emojiIcon?: BoxProps$1;
+    tooltip?: TooltipProps$2;
+}
 interface GraphBarProps {
-    hideIcon?: boolean;
-    hideCheckbox?: boolean;
-    hideUnitColumn1?: boolean;
-    hideUnitColumn2?: boolean;
-    icon?: {
-        type: 'emoji' | 'icon';
-        name: CommentEmotion | IconName$2;
-    };
     id: string;
     label: string;
     value: number;
-    tooltipContent?: ReactNode;
     respondentCount?: number;
     maxValue?: number;
+    tooltipContent?: ReactNode;
+    icon?: {
+        type: 'emoji' | 'icon';
+        name: CommentEmotion | IconName$2;
+    };
+    hideIcon?: boolean;
+    hideCheckbox?: boolean;
+    hideUnitColumn1?: boolean;
+    hideUnitColumn2?: boolean;
     checked?: boolean;
     disabled?: boolean;
-    onChange?: React.MouseEventHandler<HTMLDivElement> | undefined | any;
-    slotProps: {
-        graphBar?: StyledLinearProgressProps;
-        graphBarTypography?: Omit<TypographyProps, 'component' | 'variation'>;
-        checkbox?: CheckboxProps$2;
-        icon?: IconProps$1;
-        emojiIcon?: BoxProps$1;
-        tooltip?: TooltipProps$2;
-    };
+    onChange?: (checked: boolean) => void;
     percentageSymbol?: boolean;
+    slotProps?: GraphBarSlotProps;
 }
 declare const GraphBar: FunctionComponent<GraphBarProps>;