cecomponent 2.0.9 → 2.0.11

package/dist/components/Common/Box/CeBox.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<import('./CeBox').BoxProps & import('react').RefAttributes<HTMLElement>>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithCustomStyling: Story;
+export declare const AsButton: Story;
+export declare const AsSection: Story;
+export declare const CardStyle: Story;
+export declare const WithIdAndName: Story;
+export declare const FlexContainer: Story;
+export declare const GridContainer: Story;

package/dist/components/Common/Breadcrumb/CEBreadcrumbs.stories.d.ts

@@ -0,0 +1,21 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').FC<{
+        items: import('./CEBreadcrumbs').BreadcrumbItem[];
+        maxVisible?: number;
+        onItemClick?: (index: number) => void;
+    }>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Simple: Story;
+export declare const WithClickHandlers: Story;
+export declare const LongPath: Story;
+export declare const CustomMaxVisible: Story;
+export declare const FileExplorer: Story;

package/dist/components/Common/Button/CEButton.d.ts

@@ -1,11 +1,11 @@
 import { default as React } from 'react';
 import { Size } from '../Tokens/CESizes';
-type ButtonVariant = "primary" | "secondary" | "text" | "neutral" | "outlined" | "outlinedGreen" | "disabled" | "underline";
-interface CEButtonProps {
+export type ButtonVariant = "primary" | "secondary" | "text" | "neutral" | "outlined" | "outlinedGreen" | "disabled" | "underline";
+export interface CEButtonProps {
     label?: string;
     variant?: ButtonVariant;
     size?: Size;
-    onClick: () => void;
+    onClick?: () => void;
     children?: React.ReactNode;
     className?: string;
     sx?: React.CSSProperties;

package/dist/components/Common/Button/CEButton.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./CEButton').CEButtonProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Outlined: Story;
+export declare const Disabled: Story;

package/dist/components/Common/CECharts/CEStackedLineChart.d.ts

@@ -2,6 +2,8 @@ export declare const LINE_OF_BUSINESS_COLORS: Record<string, string>;
 export interface CEStackedBarLineChartConfig {
     unit?: string;
     currencySymbol?: string;
+    key?: string;
+    type?: string;
     showDecimals?: boolean;
     linekey: string;
     lineName?: string;
@@ -20,6 +22,7 @@ export interface CEStackedBarLineChartConfig {
     rightAxisColor?: string;
     rightAxisFontSize?: number;
     incrementValue?: number;
+    stackTotalLabel?: string;
 }
 interface CEStackedBarLineChartProps {
     chartData: any;

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

@@ -0,0 +1,22 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./CEFaqExpander').CEFaqExpanderProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithSubtitle: Story;
+export declare const WithItemCount: Story;
+export declare const AllowMultiple: Story;
+export declare const DefaultOpenItem: Story;
+export declare const SmallSize: Story;
+export declare const LargeSize: Story;
+export declare const LimitedItems: Story;
+export declare const CustomMaxWidth: Story;
+export declare const DarkTheme: Story;
+export declare const RichContent: Story;

package/dist/components/Common/CEFieldComponet/DynamicTextField/DynamicTextField.d.ts

@@ -16,6 +16,18 @@ export interface CETextFieldProps extends Omit<InputHTMLAttributes<HTMLInputElem
     width?: number | string;
     /** 🔥 NEW – zero-risk UI switch */
     labelPosition?: "floating" | "top";
+    /** Optional leading/trailing icon */
+    iconType?: "search" | "user" | "email" | "phone" | "lock" | "info" | "warning" | "custom";
+    /** Icon path for custom SVG (used when iconType = "custom") */
+    iconPath?: string;
+    /** Icon color (defaults to #6b7280) */
+    iconColor?: string;
+    /** Icon size in pixels (defaults to 18) */
+    iconSize?: number;
+    /** Icon alignment inside the field (defaults to left) */
+    iconAlignment?: "left" | "right";
+    /** Custom icon node when iconType = "custom" */
+    icon?: React.ReactNode;
     validationType?: "number" | "alphanumeric" | "alpha" | "alphanumericWithSpecial" | "alphaWithoutSpecial";
 }
 declare const CEDynamicTextField: React.ForwardRefExoticComponent<CETextFieldProps & React.RefAttributes<HTMLInputElement>>;

package/dist/components/Common/CEFieldComponet/DynamicTextField/DynamicTextField.stories.d.ts

@@ -0,0 +1,6 @@
+import { Meta, StoryObj } from '@storybook/react';
+import { default as CEDynamicTextField } from './DynamicTextField';
+declare const meta: Meta<typeof CEDynamicTextField>;
+export default meta;
+type Story = StoryObj<typeof CEDynamicTextField>;
+export declare const Default: Story;

package/dist/components/Common/CEFileUpload/CEUploadPopUp.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').FC<{}>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

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

@@ -0,0 +1,28 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').FC<{
+        isOpen: boolean;
+        onClose: () => void;
+        title?: string;
+        children?: React.ReactNode;
+        primaryButtonText?: string;
+        secondaryButtonText?: string;
+        onPrimaryClick?: () => void;
+        onSecondaryClick?: () => void;
+        width?: number | string;
+        height?: number | string;
+        style?: React.CSSProperties;
+    }>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const SimpleModal: Story;
+export declare const WithPrimaryButton: Story;
+export declare const CustomSize: Story;
+export declare const FormModal: Story;

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

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react';
+import { CEStepperProps } from './CEStepper';
+declare const meta: {
+    title: string;
+    component: import('react').FC<CEStepperProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithErrors: Story;
+export declare const SmallSize: Story;
+export declare const LargeSize: Story;
+export declare const ThreeSteps: Story;
+export declare const AllCompleted: Story;

package/dist/components/Common/CEToggleGroup/CEToggleYesNo.stories.d.ts

@@ -0,0 +1,20 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').FC<{
+        value: string | null;
+        onChange: (val: string) => void;
+        label?: string;
+    }>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const PreSelectedYes: Story;
+export declare const PreSelectedNo: Story;
+export declare const MultipleQuestions: Story;

package/dist/components/Common/CEToggleSlider/CEToggleSlide.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./CEToggleSlide').ToggleProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const CheckedByDefault: Story;
+export declare const MultipleToggles: Story;

package/dist/components/Common/CheckBox/CECheckBox.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-interface CheckBoxProps {
+export interface CheckBoxProps {
     label: string;
     checked: boolean;
     onChange: (checked: boolean) => void;

package/dist/components/Common/CheckBox/CECheckBox.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./CECheckBox').CheckBoxProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const Disabled: Story;
+export declare const DisabledChecked: Story;

package/dist/components/Common/ChipInput/CEChipInput.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-interface ChipInputProps {
+export interface ChipInputProps {
     placeholder?: string;
     onChange?: (chips: string[]) => void;
 }

package/dist/components/Common/ChipInput/CEChipInput.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./CEChipInput').ChipInputProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithCustomPlaceholder: Story;
+export declare const EmailChips: Story;

package/dist/components/Common/DataGrid/CEDataGridDynamicsTable.d.ts

@@ -93,10 +93,6 @@ interface CEDataGridDynamicTableProps {
     rowsSelected?: Set<number>;
     /** Called when the current page changes; receives the new page index (0-based) */
     onPageChange?: (page: number) => void;
-    /** Column name to check for disabled row values */
-    disabledRowColumn?: string;
-    /** Array of values in disabledRowColumn that should mark rows as disabled */
-    disabledRowValues?: string[];
 }
 declare const CEDataGridDynamicTable: React.FC<CEDataGridDynamicTableProps>;
 export default CEDataGridDynamicTable;

package/dist/components/Common/DataGrid/CEDataTable.stories.d.ts

@@ -0,0 +1,19 @@
+import { StoryObj } from '@storybook/react';
+import { default as CETable } from './CEDataTable';
+declare const meta: {
+    title: string;
+    component: typeof CETable;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithoutHeader: Story;
+export declare const WithoutFooter: Story;
+export declare const MinimalTable: Story;
+export declare const CustomTitle: Story;
+export declare const WithDisabledRows: Story;
+export declare const SmallDataset: Story;

package/dist/components/Common/Footer/CEFooter.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').FC<{}>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithContent: Story;
+export declare const ShortContent: Story;

package/dist/components/Common/InputBox/CEInputTextBox.d.ts

@@ -1,7 +1,7 @@
 import { default as React, FocusEvent } from 'react';
 import { Size } from '../Tokens/CESizes';
 type InputType = "text" | "number" | "alphanumeric" | "password" | "email" | "textarea";
-interface ValidatedInputProps {
+export interface ValidatedInputProps {
     value: string | number;
     onChange: (value: string | number) => void;
     id?: string;

package/dist/components/Common/InputBox/CEInputTextBox.stories.d.ts

@@ -0,0 +1,30 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./CEInputTextBox').ValidatedInputProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        type: {
+            control: "select";
+            options: string[];
+        };
+        size: {
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithLabel: Story;
+export declare const Required: Story;
+export declare const Password: Story;
+export declare const NumberInput: Story;
+export declare const Textarea: Story;
+export declare const Small: Story;
+export declare const Large: Story;
+export declare const Disabled: Story;

package/dist/components/Common/LinearProgressBar/LinearBar.stories.d.ts

@@ -0,0 +1,24 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').FC<{
+        duration: number;
+        color?: string;
+        backgroundColor?: string;
+        height?: string;
+        isActive?: boolean;
+    }>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Fast: Story;
+export declare const Slow: Story;
+export declare const Thin: Story;
+export declare const Thick: Story;
+export declare const RedProgress: Story;
+export declare const AutoStart: Story;

package/dist/components/Common/Login/CELogin.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').FC<{}>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/components/Common/RadioButton/CERadioButton.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-interface RadioButtonProps {
+export interface RadioButtonProps {
     label?: string;
     value: string;
     checked: boolean;

package/dist/components/Common/RadioButton/CERadioButton.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./CERadioButton').RadioButtonProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Checked: Story;
+export declare const RadioGroup: Story;

package/dist/components/Common/TabView/CETabView.d.ts

@@ -1,7 +1,17 @@
 import { default as React } from 'react';
-interface TabProps {
-    tabs: string[];
+type TabItem = {
+    key: string;
+    label: string;
+    icon?: React.ReactNode;
+    badgeCount?: number;
+};
+type TabInput = string | (Partial<Omit<TabItem, "key">> & {
+    key?: string;
+});
+export interface TabProps {
+    tabs: TabInput[];
     renderContent: (selectedTab: string) => React.ReactNode;
+    variant?: "sidebar" | "top";
 }
 declare const CETabView: React.FC<TabProps>;
 export default CETabView;

package/dist/components/Common/TabView/CETabView.stories.d.ts

@@ -0,0 +1,13 @@
+import { StoryObj } from '@storybook/react';
+declare const meta: {
+    title: string;
+    component: import('react').FC<import('./CETabView').TabProps>;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const TopVariant: Story;
+export declare const SidebarVariant: Story;

package/dist/stories/Button.d.ts

@@ -0,0 +1,14 @@
+export interface ButtonProps {
+    /** Is this the principal call to action on the page? */
+    primary?: boolean;
+    /** What background color to use */
+    backgroundColor?: string;
+    /** How large should the button be? */
+    size?: 'small' | 'medium' | 'large';
+    /** Button contents */
+    label: string;
+    /** Optional click handler */
+    onClick?: () => void;
+}
+/** Primary UI component for user interaction */
+export declare const Button: ({ primary, size, backgroundColor, label, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/stories/Button.stories.d.ts

@@ -0,0 +1,23 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ primary, size, backgroundColor, label, ...props }: import('./Button').ButtonProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        backgroundColor: {
+            control: "color";
+        };
+    };
+    args: {
+        onClick: import('@vitest/spy').Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Large: Story;
+export declare const Small: Story;

package/dist/stories/Header.d.ts

@@ -0,0 +1,11 @@
+type User = {
+    name: string;
+};
+export interface HeaderProps {
+    user?: User;
+    onLogin?: () => void;
+    onLogout?: () => void;
+    onCreateAccount?: () => void;
+}
+export declare const Header: ({ user, onLogin, onLogout, onCreateAccount }: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/stories/Header.stories.d.ts

@@ -0,0 +1,18 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ user, onLogin, onLogout, onCreateAccount }: import('./Header').HeaderProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        layout: string;
+    };
+    args: {
+        onLogin: import('@vitest/spy').Mock<(...args: any[]) => any>;
+        onLogout: import('@vitest/spy').Mock<(...args: any[]) => any>;
+        onCreateAccount: import('@vitest/spy').Mock<(...args: any[]) => any>;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const LoggedIn: Story;
+export declare const LoggedOut: Story;

package/dist/stories/Page.d.ts

@@ -0,0 +1,2 @@
+import { default as React } from 'react';
+export declare const Page: React.FC;

package/dist/stories/Page.stories.d.ts

@@ -0,0 +1,12 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: import('react').FC<{}>;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const LoggedOut: Story;
+export declare const LoggedIn: Story;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "cecomponent",
   "description": "A React component library for building modern UIs for Cleanearth",
-  "version": "2.0.9",
+  "version": "2.0.11",
   "main": "dist/ce-component-lib.js",
   "module": "dist/ce-component-lib.mjs",
   "types": "dist/idex.d.ts",
@@ -10,6 +10,7 @@
     "build": "vite build",
     "lint": "eslint .",
     "preview": "vite preview",
+    "docs:generate": "node tools/generate-docs.js",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
@@ -53,6 +54,18 @@
     "typescript": "~5.6.2",
     "typescript-eslint": "^8.18.2",
     "vite": "^6.0.5",
-    "vite-plugin-dts": "^4.5.4"
+    "vite-plugin-dts": "^4.5.4",
+    "storybook": "^10.2.0",
+    "@storybook/react-vite": "^10.2.0",
+    "@chromatic-com/storybook": "^5.0.0",
+    "@storybook/addon-vitest": "^10.2.0",
+    "@storybook/addon-a11y": "^10.2.0",
+    "@storybook/addon-docs": "^10.2.0",
+    "@storybook/addon-onboarding": "^10.2.0",
+    "eslint-plugin-storybook": "^10.2.0",
+    "vitest": "^4.0.17",
+    "playwright": "^1.57.0",
+    "@vitest/browser-playwright": "^4.0.17",
+    "@vitest/coverage-v8": "^4.0.17"
   }
 }