@cognizant-ai-lab/ui-common 1.7.0 → 1.8.0

package/dist/utils/title.js

@@ -15,6 +15,6 @@ limitations under the License.
 */
 // Miscellaneous utilities for dealing with browser tab title
 export const getTitleBase = () => {
-    const subdomain = window.location.host.split(".")[0];
+    const subdomain = window.location.host.split(".", 1)[0];
     return `${subdomain[0].toUpperCase()}${subdomain.slice(1)}`;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cognizant-ai-lab/ui-common",
   "description": "A shared UI component library for Cognizant AI Labs projects",
-  "version": "1.7.0",
+  "version": "1.8.0",
   "type": "module",
   "scripts": {
     "build": "yarn clean && yarn generate && yarn run --top-level tsc --project tsconfig.build.json && fix-esm-import-path dist > /dev/null",
@@ -12,6 +12,10 @@
   "dependencies": {
     "@dagrejs/dagre": "1.0.4",
     "@langchain/core": "1.1.17",
+    "@mui/icons-material": "9.0.1",
+    "@mui/material": "9.0.1",
+    "@mui/system": "9.0.1",
+    "@mui/x-tree-view": "9.1.0",
     "@xyflow/react": "12.10.1",
     "http-status": "1.7.3",
     "lodash-es": "4.18.1",

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

@@ -1,17 +0,0 @@
-import { FC, ReactElement } from "react";
-interface CustomerLogoProps {
-    readonly fallbackElement?: ReactElement | string;
-    readonly logoServiceToken?: string;
-}
-/**
- * Returns a JSX element for the Cognizant logo, wrapped in a link to the Cognizant website.
- */
-export declare const getCognizantLogoImage: () => import("react/jsx-runtime").JSX.Element;
-/**
- * Component to display the customer's logo based on the settings.
- * @param logoServiceToken - Optional token for fetching the logo from logo.dev
- * @returns JSX element representing the customer's logo, MUI icon, or Cognizant fallback, or null if no logo
- * should be displayed or if the logo.dev token is missing/invalid.
- */
-export declare const CustomerLogo: FC<CustomerLogoProps>;
-export {};

package/dist/components/Common/CustomerLogo.js

@@ -1,47 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-// Have to suppress this lint error to allow dynamic access of MUI icons
-// eslint-disable-next-line no-restricted-imports
-import * as MuiIcons from "@mui/icons-material";
-import { useSettingsStore } from "../../state/Settings.js";
-/**
- * Returns a JSX element for the Cognizant logo, wrapped in a link to the Cognizant website.
- */
-export const getCognizantLogoImage = () => (_jsx("a", { id: "splash-logo-link", href: "https://www.cognizant.com/us/en", style: {
-        display: "flex",
-        paddingLeft: "0.15rem",
-    }, target: "_blank", rel: "noopener noreferrer", children: _jsx("img", { id: "logo-img", width: "200", height: "45", src: "/cognizant-logo-white.svg", alt: "Cognizant Logo" }) }));
-/**
- * Component to display the customer's logo based on the settings.
- * @param logoServiceToken - Optional token for fetching the logo from logo.dev
- * @returns JSX element representing the customer's logo, MUI icon, or Cognizant fallback, or null if no logo
- * should be displayed or if the logo.dev token is missing/invalid.
- */
-export const CustomerLogo = ({ fallbackElement, logoServiceToken }) => {
-    const customer = useSettingsStore((state) => state.settings.branding.customer);
-    const iconSuggestion = useSettingsStore((state) => state.settings.branding.iconSuggestion);
-    const logoSource = useSettingsStore((state) => state.settings.branding.logoSource);
-    // null: render Cognizant logo (default)
-    if (logoSource === null) {
-        return customer?.trim().length ? null : getCognizantLogoImage();
-    }
-    // "none": explicitly render no logo
-    if (logoSource === "none") {
-        return fallbackElement;
-    }
-    // "generic": try MUI icon, then Cognizant fallback
-    if (logoSource === "generic") {
-        const MuiIcon = MuiIcons[iconSuggestion];
-        if (MuiIcon) {
-            return _jsx(MuiIcon, { sx: { fontSize: "2rem" } });
-        }
-        else {
-            console.warn(`Icon "${iconSuggestion}" not found in MUI icons. Falling back to default.`);
-            return fallbackElement;
-        }
-    }
-    // "auto": use logo.dev service
-    const logoUrl = logoServiceToken && customer?.trim().length > 0
-        ? `https://img.logo.dev/name/${encodeURIComponent(customer)}?token=${logoServiceToken}&theme=dark&format=png&size=75`
-        : null;
-    return logoUrl ? (_jsx("img", { src: logoUrl, alt: `${customer} Logo`, width: 40, height: 40, style: { borderRadius: "50%" } })) : (fallbackElement);
-};

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

@@ -1,17 +0,0 @@
-import { SxProps } from "@mui/material/styles";
-import { FC, ReactNode } from "react";
-interface MUIAccordionItem {
-    content: ReactNode;
-    disabled?: boolean;
-    title: ReactNode;
-}
-interface MUIAccordionProps {
-    arrowPosition?: "left" | "right";
-    defaultExpandedPanelKey?: number;
-    expandOnlyOnePanel?: boolean;
-    id: string;
-    items: MUIAccordionItem[];
-    sx?: SxProps;
-}
-export declare const MUIAccordion: FC<MUIAccordionProps>;
-export {};

package/dist/components/Common/MUIAccordion.js

@@ -1,66 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-/*
-Copyright 2025 Cognizant Technology Solutions Corp, www.cognizant.com.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-import ArrowForwardIosSharpIcon from "@mui/icons-material/ArrowForwardIosSharp";
-import MuiAccordion from "@mui/material/Accordion";
-import MuiAccordionDetails from "@mui/material/AccordionDetails";
-import MuiAccordionSummary, { accordionSummaryClasses } from "@mui/material/AccordionSummary";
-import { styled } from "@mui/material/styles";
-import Typography from "@mui/material/Typography";
-import { useCallback, useState } from "react";
-// #region: Styled Components
-const Accordion = styled((props) => (_jsx(MuiAccordion, { disableGutters: true, elevation: 0, id: "mui-accordion", ...props })))(({ theme }) => ({
-    border: `1px solid ${theme.palette.divider}`,
-    "&::before": {
-        display: "none",
-    },
-}));
-const AccordionSummary = styled((props) => (_jsx(MuiAccordionSummary, { id: "mui-accordion-summary", expandIcon: _jsx(ArrowForwardIosSharpIcon, { id: "arrow-forward", sx: { fontSize: "0.9rem" } }), ...props })))(({ theme }) => ({
-    [`& .${accordionSummaryClasses.expandIconWrapper}.${accordionSummaryClasses.expanded}`]: {
-        transform: "rotate(90deg)",
-    },
-    [`& .${accordionSummaryClasses.content}`]: {
-        marginLeft: theme.spacing(1),
-    },
-}));
-const AccordionDetails = styled(MuiAccordionDetails)(({ theme }) => ({
-    borderTop: "1px solid rgba(0, 0, 0, .125)",
-    padding: theme.spacing(2),
-}));
-// #endregion: Types
-export const MUIAccordion = ({ arrowPosition = "left", defaultExpandedPanelKey, expandOnlyOnePanel = false, id, items, sx, }) => {
-    const [expandedList, setExpandedList] = useState(defaultExpandedPanelKey ? [defaultExpandedPanelKey] : []);
-    const handleChange = useCallback((panelKey) => (_event, newExpanded) => {
-        setExpandedList((prevExpandedList) => {
-            if (!expandOnlyOnePanel) {
-                return newExpanded
-                    ? [...prevExpandedList, panelKey]
-                    : prevExpandedList.filter((key) => key !== panelKey);
-            }
-            else {
-                return newExpanded ? [panelKey] : [];
-            }
-        });
-    }, [expandOnlyOnePanel]);
-    const isExpanded = useCallback((panelKey) => expandedList.includes(panelKey), [expandedList]);
-    return (_jsx(_Fragment, { children: items.map(({ content, disabled = false, title }, index) => {
-            const panelKey = index + 1; // Start with index 1
-            const baseIdAndPanelKey = `${id}-${panelKey}`;
-            return (_jsxs(Accordion, { disabled: disabled, expanded: isExpanded(panelKey), id: `${baseIdAndPanelKey}-accordion`, onChange: handleChange(panelKey), sx: sx, children: [_jsx(AccordionSummary, { "aria-controls": `${baseIdAndPanelKey}-summary`, id: `${baseIdAndPanelKey}-summary`, sx: {
-                            flexDirection: arrowPosition === "left" ? "row-reverse" : undefined,
-                        }, children: _jsx(Typography, { component: "span", id: `${baseIdAndPanelKey}-summary-typography`, sx: { fontSize: "0.9rem" }, children: title }) }), _jsx(AccordionDetails, { id: `${baseIdAndPanelKey}-details`, children: _jsx(Typography, { component: "span", id: `${baseIdAndPanelKey}-details-typography`, sx: { fontSize: "0.85rem" }, children: content }) })] }, `${baseIdAndPanelKey}-accordion`));
-        }) }));
-};

package/dist/utils/useLocalStorage.d.ts

@@ -1 +0,0 @@
-export declare const useLocalStorage: (key: string, initialValue: unknown) => any[];

package/dist/utils/useLocalStorage.js

@@ -1,55 +0,0 @@
-/*
-Copyright 2025 Cognizant Technology Solutions Corp, www.cognizant.com.
-
-Licensed under the Apache License, Version 2.0 (the "License");
-you may not use this file except in compliance with the License.
-You may obtain a copy of the License at
-
-    http://www.apache.org/licenses/LICENSE-2.0
-
-Unless required by applicable law or agreed to in writing, software
-distributed under the License is distributed on an "AS IS" BASIS,
-WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
-See the License for the specific language governing permissions and
-limitations under the License.
-*/
-import { useState } from "react";
-export const useLocalStorage = (key, initialValue) => {
-    // State to store our value
-    // Pass initial state function to useState so logic is only executed once
-    const [storedValue, setStoredValue] = useState(() => {
-        if (typeof window === "undefined") {
-            return initialValue;
-        }
-        try {
-            // Get from local storage by key
-            const item = window.localStorage.getItem(key);
-            // Parse stored JSON or if none return initialValue
-            return item ? JSON.parse(item) : initialValue;
-        }
-        catch (error) {
-            // If error also return initialValue
-            console.error(error);
-            return initialValue;
-        }
-    });
-    // Return a wrapped version of useState's setter function that ...
-    // ... persists the new value to localStorage.
-    const setValue = (value) => {
-        try {
-            // Allow value to be a function so we have same API as useState
-            const valueToStore = typeof value === "function" ? value(storedValue) : value;
-            // Save state
-            setStoredValue(valueToStore);
-            // Save to local storage
-            if (typeof window !== "undefined") {
-                window.localStorage.setItem(key, JSON.stringify(valueToStore));
-            }
-        }
-        catch (error) {
-            // A more advanced implementation would handle the error case
-            console.error(error);
-        }
-    };
-    return [storedValue, setValue];
-};