cecomponent 2.0.61 → 2.0.63

package/dist/components/Common/CETooltip/CETooltip.d.ts

@@ -0,0 +1,74 @@
+import { default as React } from 'react';
+/**
+ * Position variants for the tooltip
+ */
+export type TooltipPosition = "top" | "bottom" | "left" | "right";
+/**
+ * Tooltip style variants
+ */
+export type TooltipVariant = "dark" | "light" | "info" | "success" | "warning" | "error" | "primary" | "card";
+/**
+ * Trigger types for showing the tooltip
+ */
+export type TooltipTrigger = "hover" | "click" | "focus";
+/**
+ * Props for CETooltip component
+ *
+ * The CETooltip component provides a reusable tooltip that displays additional information
+ * when users interact with the trigger element. Supports multiple positions, variants, and triggers.
+ *
+ * id and name are optional attributes primarily intended to aid unit tests
+ * (e.g. querying by id or data-name).
+ */
+export interface CETooltipProps {
+    /** The content displayed inside the tooltip */
+    content?: React.ReactNode;
+    /** The element that triggers the tooltip display */
+    children: React.ReactNode;
+    /** Position of the tooltip relative to the trigger element */
+    position?: TooltipPosition;
+    /** Visual variant/style of the tooltip */
+    variant?: TooltipVariant;
+    /** How the tooltip is triggered */
+    trigger?: TooltipTrigger;
+    /** Delay in milliseconds before showing the tooltip */
+    delay?: number;
+    /** Show an arrow pointing to the trigger element */
+    showArrow?: boolean;
+    /** Additional CSS class names */
+    className?: string;
+    /** Inline styles for the tooltip container */
+    sx?: React.CSSProperties;
+    /** Whether the tooltip is disabled */
+    disabled?: boolean;
+    /** Optional ID for testing purposes */
+    id?: string;
+    /** Optional name for testing purposes */
+    name?: string;
+    /** Maximum width of the tooltip content (defaults to auto-adjust based on content, max 90vw on mobile) */
+    maxWidth?: number | string;
+    /** Enable/disable animation (defaults to false for click trigger, true for others) */
+    animate?: boolean;
+    /** Card content structure for card variant (alternative to content) */
+    cardContent?: {
+        title?: string;
+        subtitle?: string;
+        sections?: Array<{
+            label: string;
+            items: Array<{
+                label: string;
+                value: string;
+                isHighlighted?: boolean;
+            }>;
+        }>;
+        backgroundColor?: string;
+        textColor?: string;
+        titleColor?: string;
+        subtitleColor?: string;
+        fontFamily?: string;
+        fontSize?: string;
+        fontWeight?: string | number;
+    };
+}
+declare const CETooltip: React.FC<CETooltipProps>;
+export default CETooltip;

package/dist/components/Common/CETooltip/CETooltip.stories.d.ts

@@ -0,0 +1,25 @@
+import { default as CETooltip } from './CETooltip';
+import { Meta, StoryObj } from '@storybook/react';
+declare const meta: Meta<typeof CETooltip>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const PositionBottom: Story;
+export declare const PositionLeft: Story;
+export declare const PositionRight: Story;
+export declare const LightVariant: Story;
+export declare const ClickTrigger: Story;
+export declare const FocusTrigger: Story;
+export declare const WithoutArrow: Story;
+export declare const Disabled: Story;
+export declare const LongContent: Story;
+export declare const NoDelay: Story;
+export declare const CustomDelay: Story;
+export declare const AllPositions: Story;
+export declare const Variants: Story;
+export declare const TriggerTypes: Story;
+export declare const CustomStyling: Story;
+export declare const ComponentContent: Story;
+export declare const MultipleTooltips: Story;
+export declare const OnFormInput: Story;
+export declare const CardStyled: Story;

package/dist/index.d.ts

@@ -35,7 +35,7 @@ export { default as CEUserInfo } from './components/Common/Header/UserInfo';
 export { default as CEInputBox } from './components/Common/InputBox/CEInputTextBox';
 export { default as CEInputDropDown } from './components/Common/InputDropDown/InputDropDown';
 export { default as CELinearProgressBar } from './components/Common/LinearProgressBar/LinearBar';
-export { default as CEMenuBar } from './components/Common/Menu/CEMenubar';
+export { default as CEMenuBar } from './components/Common/Menu/CEMenuBar';
 export { default as CEPagination } from './components/Common/Pagination/CEPagination';
 export { default as CERadioGroup } from './components/Common/RadioButton/CERadioButtonGroup';
 export { default as CERadioButton } from './components/Common/RadioButton/CERadioButton';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cecomponent",
   "description": "A React component library for building modern UIs for Cleanearth",
-  "version": "2.0.61",
+  "version": "2.0.63",
   "main": "dist/ce-component-lib.js",
   "module": "dist/ce-component-lib.mjs",
   "types": "dist/idex.d.ts",