dfh-ui-library 1.14.29 → 1.14.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.css +1 -1
 - package/dist/cjs/index.css.map +1 -1
 - package/dist/cjs/index.js +1 -1
 - package/dist/cjs/index.js.map +1 -1
 - package/dist/cjs/types/components/Media/Icon/CustomIcon.d.ts +2 -0
 - package/dist/cjs/types/components/NavBar/NavBar.d.ts +1 -1
 - package/dist/cjs/types/shared/configs/themeConfig.d.ts +71 -0
 - package/dist/cjs/types/shared/models/components/base.model.d.ts +4 -0
 - package/dist/cjs/types/shared/models/components/common.model.d.ts +1 -0
 - package/dist/esm/index.css +1 -1
 - package/dist/esm/index.css.map +1 -1
 - package/dist/esm/index.js +1 -1
 - package/dist/esm/index.js.map +1 -1
 - package/dist/esm/types/components/Media/Icon/CustomIcon.d.ts +2 -0
 - package/dist/esm/types/components/NavBar/NavBar.d.ts +1 -1
 - package/dist/esm/types/shared/configs/themeConfig.d.ts +71 -0
 - package/dist/esm/types/shared/models/components/base.model.d.ts +4 -0
 - package/dist/esm/types/shared/models/components/common.model.d.ts +1 -0
 - package/dist/index.d.ts +78 -1
 - package/package.json +1 -1
 
| 
         @@ -3,8 +3,10 @@ import React, { FC } from "react"; 
     | 
|
| 
       3 
3 
     | 
    
         
             
            export declare const PlusIcon: FC<LucideProps>;
         
     | 
| 
       4 
4 
     | 
    
         
             
            export declare const HomeIcon: FC<LucideProps>;
         
     | 
| 
       5 
5 
     | 
    
         
             
            export declare const PresentationChart: FC<LucideProps>;
         
     | 
| 
      
 6 
     | 
    
         
            +
            export declare const LogoIcon: FC<LucideProps>;
         
     | 
| 
       6 
7 
     | 
    
         
             
            export declare const customIcons: {
         
     | 
| 
       7 
8 
     | 
    
         
             
                customPlus: React.FC<LucideProps>;
         
     | 
| 
       8 
9 
     | 
    
         
             
                homeIcon: React.FC<LucideProps>;
         
     | 
| 
       9 
10 
     | 
    
         
             
                presentationIcon: React.FC<LucideProps>;
         
     | 
| 
      
 11 
     | 
    
         
            +
                logoIcon: React.FC<LucideProps>;
         
     | 
| 
       10 
12 
     | 
    
         
             
            };
         
     | 
| 
         @@ -1,6 +1,6 @@ 
     | 
|
| 
       1 
1 
     | 
    
         
             
            import React from "react";
         
     | 
| 
       2 
2 
     | 
    
         
             
            import { TabNavigationProps } from "../../shared/models/components/common.model";
         
     | 
| 
       3 
     | 
    
         
            -
            declare const NavBar: ({ navigationData, additionalClasses, navItemClick, userImage, username, themeColor, accountPopoverMenuItems, version, environmentList, selectedEnvironment, currentEnvironment, onHelpClick, helpOpen, handleEnvironmentChange, trainingMode }: TabNavigationProps & {
         
     | 
| 
      
 3 
     | 
    
         
            +
            declare const NavBar: ({ navigationData, additionalClasses, navItemClick, userImage, username, themeColor, accountPopoverMenuItems, version, environmentList, selectedEnvironment, currentEnvironment, onHelpClick, helpOpen, handleEnvironmentChange, trainingMode, orgName }: TabNavigationProps & {
         
     | 
| 
       4 
4 
     | 
    
         
             
                onHelpClick?: () => void;
         
     | 
| 
       5 
5 
     | 
    
         
             
                trainingMode?: boolean;
         
     | 
| 
       6 
6 
     | 
    
         
             
            }) => React.JSX.Element;
         
     | 
| 
         @@ -197,6 +197,77 @@ export declare const themeConfigs: { 
     | 
|
| 
       197 
197 
     | 
    
         
             
                            warning: string;
         
     | 
| 
       198 
198 
     | 
    
         
             
                            error: string;
         
     | 
| 
       199 
199 
     | 
    
         
             
                            info: string;
         
     | 
| 
      
 200 
     | 
    
         
            +
                            content: {
         
     | 
| 
      
 201 
     | 
    
         
            +
                                default: string;
         
     | 
| 
      
 202 
     | 
    
         
            +
                                deemphasized: string;
         
     | 
| 
      
 203 
     | 
    
         
            +
                                light: string;
         
     | 
| 
      
 204 
     | 
    
         
            +
                                dark: string;
         
     | 
| 
      
 205 
     | 
    
         
            +
                            };
         
     | 
| 
      
 206 
     | 
    
         
            +
                            graphic: {
         
     | 
| 
      
 207 
     | 
    
         
            +
                                default: string;
         
     | 
| 
      
 208 
     | 
    
         
            +
                                light: string;
         
     | 
| 
      
 209 
     | 
    
         
            +
                                dark: string;
         
     | 
| 
      
 210 
     | 
    
         
            +
                            };
         
     | 
| 
      
 211 
     | 
    
         
            +
                            background: {
         
     | 
| 
      
 212 
     | 
    
         
            +
                                default: string;
         
     | 
| 
      
 213 
     | 
    
         
            +
                                gradient: string;
         
     | 
| 
      
 214 
     | 
    
         
            +
                                light1: string;
         
     | 
| 
      
 215 
     | 
    
         
            +
                                light2: string;
         
     | 
| 
      
 216 
     | 
    
         
            +
                            };
         
     | 
| 
      
 217 
     | 
    
         
            +
                            border: {
         
     | 
| 
      
 218 
     | 
    
         
            +
                                default: string;
         
     | 
| 
      
 219 
     | 
    
         
            +
                                light: string;
         
     | 
| 
      
 220 
     | 
    
         
            +
                                dark: string;
         
     | 
| 
      
 221 
     | 
    
         
            +
                            };
         
     | 
| 
      
 222 
     | 
    
         
            +
                            accent: {
         
     | 
| 
      
 223 
     | 
    
         
            +
                                primary: string;
         
     | 
| 
      
 224 
     | 
    
         
            +
                                special: string;
         
     | 
| 
      
 225 
     | 
    
         
            +
                                brand: {
         
     | 
| 
      
 226 
     | 
    
         
            +
                                    primary: string;
         
     | 
| 
      
 227 
     | 
    
         
            +
                                    secondary: string;
         
     | 
| 
      
 228 
     | 
    
         
            +
                                };
         
     | 
| 
      
 229 
     | 
    
         
            +
                            };
         
     | 
| 
      
 230 
     | 
    
         
            +
                            palette: {
         
     | 
| 
      
 231 
     | 
    
         
            +
                                A: {
         
     | 
| 
      
 232 
     | 
    
         
            +
                                    dark: string;
         
     | 
| 
      
 233 
     | 
    
         
            +
                                    medium: string;
         
     | 
| 
      
 234 
     | 
    
         
            +
                                    light: string;
         
     | 
| 
      
 235 
     | 
    
         
            +
                                };
         
     | 
| 
      
 236 
     | 
    
         
            +
                                B: {
         
     | 
| 
      
 237 
     | 
    
         
            +
                                    dark: string;
         
     | 
| 
      
 238 
     | 
    
         
            +
                                    medium: string;
         
     | 
| 
      
 239 
     | 
    
         
            +
                                    light: string;
         
     | 
| 
      
 240 
     | 
    
         
            +
                                };
         
     | 
| 
      
 241 
     | 
    
         
            +
                            };
         
     | 
| 
      
 242 
     | 
    
         
            +
                            state: {
         
     | 
| 
      
 243 
     | 
    
         
            +
                                active: {
         
     | 
| 
      
 244 
     | 
    
         
            +
                                    dark: {
         
     | 
| 
      
 245 
     | 
    
         
            +
                                        foreground: string;
         
     | 
| 
      
 246 
     | 
    
         
            +
                                        background: string;
         
     | 
| 
      
 247 
     | 
    
         
            +
                                        border: string;
         
     | 
| 
      
 248 
     | 
    
         
            +
                                    };
         
     | 
| 
      
 249 
     | 
    
         
            +
                                    light: {
         
     | 
| 
      
 250 
     | 
    
         
            +
                                        foreground: string;
         
     | 
| 
      
 251 
     | 
    
         
            +
                                        background: string;
         
     | 
| 
      
 252 
     | 
    
         
            +
                                        border: string;
         
     | 
| 
      
 253 
     | 
    
         
            +
                                    };
         
     | 
| 
      
 254 
     | 
    
         
            +
                                };
         
     | 
| 
      
 255 
     | 
    
         
            +
                                disabled: {
         
     | 
| 
      
 256 
     | 
    
         
            +
                                    foreground: string;
         
     | 
| 
      
 257 
     | 
    
         
            +
                                    background: string;
         
     | 
| 
      
 258 
     | 
    
         
            +
                                    border: string;
         
     | 
| 
      
 259 
     | 
    
         
            +
                                };
         
     | 
| 
      
 260 
     | 
    
         
            +
                                error: {
         
     | 
| 
      
 261 
     | 
    
         
            +
                                    foreground: string;
         
     | 
| 
      
 262 
     | 
    
         
            +
                                    background: string;
         
     | 
| 
      
 263 
     | 
    
         
            +
                                    border: string;
         
     | 
| 
      
 264 
     | 
    
         
            +
                                };
         
     | 
| 
      
 265 
     | 
    
         
            +
                                success: {
         
     | 
| 
      
 266 
     | 
    
         
            +
                                    foreground: string;
         
     | 
| 
      
 267 
     | 
    
         
            +
                                    background: string;
         
     | 
| 
      
 268 
     | 
    
         
            +
                                    border: string;
         
     | 
| 
      
 269 
     | 
    
         
            +
                                };
         
     | 
| 
      
 270 
     | 
    
         
            +
                            };
         
     | 
| 
       200 
271 
     | 
    
         
             
                        };
         
     | 
| 
       201 
272 
     | 
    
         
             
                        placeholderColor: {
         
     | 
| 
       202 
273 
     | 
    
         
             
                            gray: string;
         
     | 
| 
         @@ -476,6 +476,8 @@ export interface ISelectProps extends SelectHTMLAttributes<HTMLSelectElement> { 
     | 
|
| 
       476 
476 
     | 
    
         
             
                isIcon?: boolean;
         
     | 
| 
       477 
477 
     | 
    
         
             
                secondaryText?: string;
         
     | 
| 
       478 
478 
     | 
    
         
             
                isRequired?: boolean;
         
     | 
| 
      
 479 
     | 
    
         
            +
                tooltipProps?: ToolTipProps;
         
     | 
| 
      
 480 
     | 
    
         
            +
                enableToolTip?: boolean;
         
     | 
| 
       479 
481 
     | 
    
         
             
            }
         
     | 
| 
       480 
482 
     | 
    
         
             
            export interface IMessageProps extends IChildrenProp, IAdditionalClassesProp, IOnClickEventProps {
         
     | 
| 
       481 
483 
     | 
    
         
             
                /**
         
     | 
| 
         @@ -627,6 +629,8 @@ export interface DataTestIdProp { 
     | 
|
| 
       627 
629 
     | 
    
         
             
            }
         
     | 
| 
       628 
630 
     | 
    
         
             
            export interface LogoProps extends DataTestIdProp, AdditionalClassesProp {
         
     | 
| 
       629 
631 
     | 
    
         
             
                iconType?: string;
         
     | 
| 
      
 632 
     | 
    
         
            +
                orgName?: string;
         
     | 
| 
      
 633 
     | 
    
         
            +
                isNavLogo?: boolean;
         
     | 
| 
       630 
634 
     | 
    
         
             
            }
         
     | 
| 
       631 
635 
     | 
    
         
             
            export interface TooltipProps {
         
     | 
| 
       632 
636 
     | 
    
         
             
                /**
         
     | 
| 
         @@ -128,6 +128,7 @@ export interface TabNavigationProps extends AdditionalClassesProp { 
     | 
|
| 
       128 
128 
     | 
    
         
             
                currentEnvironment?: Environment;
         
     | 
| 
       129 
129 
     | 
    
         
             
                handleEnvironmentChange?: (environment: Environment) => void;
         
     | 
| 
       130 
130 
     | 
    
         
             
                helpOpen?: boolean;
         
     | 
| 
      
 131 
     | 
    
         
            +
                orgName?: string;
         
     | 
| 
       131 
132 
     | 
    
         
             
            }
         
     | 
| 
       132 
133 
     | 
    
         
             
            export interface TabNavItemProps {
         
     | 
| 
       133 
134 
     | 
    
         
             
                isActive: boolean;
         
     | 
    
        package/dist/index.d.ts
    CHANGED
    
    | 
         @@ -32,6 +32,7 @@ declare const customIcons: { 
     | 
|
| 
       32 
32 
     | 
    
         
             
                customPlus: React__default.FC<LucideProps>;
         
     | 
| 
       33 
33 
     | 
    
         
             
                homeIcon: React__default.FC<LucideProps>;
         
     | 
| 
       34 
34 
     | 
    
         
             
                presentationIcon: React__default.FC<LucideProps>;
         
     | 
| 
      
 35 
     | 
    
         
            +
                logoIcon: React__default.FC<LucideProps>;
         
     | 
| 
       35 
36 
     | 
    
         
             
            };
         
     | 
| 
       36 
37 
     | 
    
         | 
| 
       37 
38 
     | 
    
         
             
            type AlignmentType = 'center' | 'left' | 'right';
         
     | 
| 
         @@ -124,6 +125,7 @@ interface TabNavigationProps extends AdditionalClassesProp$1 { 
     | 
|
| 
       124 
125 
     | 
    
         
             
                currentEnvironment?: Environment;
         
     | 
| 
       125 
126 
     | 
    
         
             
                handleEnvironmentChange?: (environment: Environment) => void;
         
     | 
| 
       126 
127 
     | 
    
         
             
                helpOpen?: boolean;
         
     | 
| 
      
 128 
     | 
    
         
            +
                orgName?: string;
         
     | 
| 
       127 
129 
     | 
    
         
             
            }
         
     | 
| 
       128 
130 
     | 
    
         
             
            interface MessageProps {
         
     | 
| 
       129 
131 
     | 
    
         
             
                type: string;
         
     | 
| 
         @@ -1250,6 +1252,8 @@ interface ISelectProps extends SelectHTMLAttributes<HTMLSelectElement> { 
     | 
|
| 
       1250 
1252 
     | 
    
         
             
                isIcon?: boolean;
         
     | 
| 
       1251 
1253 
     | 
    
         
             
                secondaryText?: string;
         
     | 
| 
       1252 
1254 
     | 
    
         
             
                isRequired?: boolean;
         
     | 
| 
      
 1255 
     | 
    
         
            +
                tooltipProps?: ToolTipProps;
         
     | 
| 
      
 1256 
     | 
    
         
            +
                enableToolTip?: boolean;
         
     | 
| 
       1253 
1257 
     | 
    
         
             
            }
         
     | 
| 
       1254 
1258 
     | 
    
         
             
            interface IInputProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
         
     | 
| 
       1255 
1259 
     | 
    
         
             
                /**
         
     | 
| 
         @@ -1333,6 +1337,8 @@ interface DataTestIdProp { 
     | 
|
| 
       1333 
1337 
     | 
    
         
             
            }
         
     | 
| 
       1334 
1338 
     | 
    
         
             
            interface LogoProps extends DataTestIdProp, AdditionalClassesProp {
         
     | 
| 
       1335 
1339 
     | 
    
         
             
                iconType?: string;
         
     | 
| 
      
 1340 
     | 
    
         
            +
                orgName?: string;
         
     | 
| 
      
 1341 
     | 
    
         
            +
                isNavLogo?: boolean;
         
     | 
| 
       1336 
1342 
     | 
    
         
             
            }
         
     | 
| 
       1337 
1343 
     | 
    
         
             
            interface TooltipProps {
         
     | 
| 
       1338 
1344 
     | 
    
         
             
                /**
         
     | 
| 
         @@ -1686,7 +1692,7 @@ declare const MarkdownContent: React__default.FC<Props>; 
     | 
|
| 
       1686 
1692 
     | 
    
         | 
| 
       1687 
1693 
     | 
    
         
             
            declare const LoadingSpinner: React__default.FC<AdditionalClassesProp$1>;
         
     | 
| 
       1688 
1694 
     | 
    
         | 
| 
       1689 
     | 
    
         
            -
            declare const NavBar: ({ navigationData, additionalClasses, navItemClick, userImage, username, themeColor, accountPopoverMenuItems, version, environmentList, selectedEnvironment, currentEnvironment, onHelpClick, helpOpen, handleEnvironmentChange, trainingMode }: TabNavigationProps & {
         
     | 
| 
      
 1695 
     | 
    
         
            +
            declare const NavBar: ({ navigationData, additionalClasses, navItemClick, userImage, username, themeColor, accountPopoverMenuItems, version, environmentList, selectedEnvironment, currentEnvironment, onHelpClick, helpOpen, handleEnvironmentChange, trainingMode, orgName }: TabNavigationProps & {
         
     | 
| 
       1690 
1696 
     | 
    
         
             
                onHelpClick?: () => void;
         
     | 
| 
       1691 
1697 
     | 
    
         
             
                trainingMode?: boolean;
         
     | 
| 
       1692 
1698 
     | 
    
         
             
            }) => React__default.JSX.Element;
         
     | 
| 
         @@ -2248,6 +2254,77 @@ declare const themeConfigs: { 
     | 
|
| 
       2248 
2254 
     | 
    
         
             
                            warning: string;
         
     | 
| 
       2249 
2255 
     | 
    
         
             
                            error: string;
         
     | 
| 
       2250 
2256 
     | 
    
         
             
                            info: string;
         
     | 
| 
      
 2257 
     | 
    
         
            +
                            content: {
         
     | 
| 
      
 2258 
     | 
    
         
            +
                                default: string;
         
     | 
| 
      
 2259 
     | 
    
         
            +
                                deemphasized: string;
         
     | 
| 
      
 2260 
     | 
    
         
            +
                                light: string;
         
     | 
| 
      
 2261 
     | 
    
         
            +
                                dark: string;
         
     | 
| 
      
 2262 
     | 
    
         
            +
                            };
         
     | 
| 
      
 2263 
     | 
    
         
            +
                            graphic: {
         
     | 
| 
      
 2264 
     | 
    
         
            +
                                default: string;
         
     | 
| 
      
 2265 
     | 
    
         
            +
                                light: string;
         
     | 
| 
      
 2266 
     | 
    
         
            +
                                dark: string;
         
     | 
| 
      
 2267 
     | 
    
         
            +
                            };
         
     | 
| 
      
 2268 
     | 
    
         
            +
                            background: {
         
     | 
| 
      
 2269 
     | 
    
         
            +
                                default: string;
         
     | 
| 
      
 2270 
     | 
    
         
            +
                                gradient: string;
         
     | 
| 
      
 2271 
     | 
    
         
            +
                                light1: string;
         
     | 
| 
      
 2272 
     | 
    
         
            +
                                light2: string;
         
     | 
| 
      
 2273 
     | 
    
         
            +
                            };
         
     | 
| 
      
 2274 
     | 
    
         
            +
                            border: {
         
     | 
| 
      
 2275 
     | 
    
         
            +
                                default: string;
         
     | 
| 
      
 2276 
     | 
    
         
            +
                                light: string;
         
     | 
| 
      
 2277 
     | 
    
         
            +
                                dark: string;
         
     | 
| 
      
 2278 
     | 
    
         
            +
                            };
         
     | 
| 
      
 2279 
     | 
    
         
            +
                            accent: {
         
     | 
| 
      
 2280 
     | 
    
         
            +
                                primary: string;
         
     | 
| 
      
 2281 
     | 
    
         
            +
                                special: string;
         
     | 
| 
      
 2282 
     | 
    
         
            +
                                brand: {
         
     | 
| 
      
 2283 
     | 
    
         
            +
                                    primary: string;
         
     | 
| 
      
 2284 
     | 
    
         
            +
                                    secondary: string;
         
     | 
| 
      
 2285 
     | 
    
         
            +
                                };
         
     | 
| 
      
 2286 
     | 
    
         
            +
                            };
         
     | 
| 
      
 2287 
     | 
    
         
            +
                            palette: {
         
     | 
| 
      
 2288 
     | 
    
         
            +
                                A: {
         
     | 
| 
      
 2289 
     | 
    
         
            +
                                    dark: string;
         
     | 
| 
      
 2290 
     | 
    
         
            +
                                    medium: string;
         
     | 
| 
      
 2291 
     | 
    
         
            +
                                    light: string;
         
     | 
| 
      
 2292 
     | 
    
         
            +
                                };
         
     | 
| 
      
 2293 
     | 
    
         
            +
                                B: {
         
     | 
| 
      
 2294 
     | 
    
         
            +
                                    dark: string;
         
     | 
| 
      
 2295 
     | 
    
         
            +
                                    medium: string;
         
     | 
| 
      
 2296 
     | 
    
         
            +
                                    light: string;
         
     | 
| 
      
 2297 
     | 
    
         
            +
                                };
         
     | 
| 
      
 2298 
     | 
    
         
            +
                            };
         
     | 
| 
      
 2299 
     | 
    
         
            +
                            state: {
         
     | 
| 
      
 2300 
     | 
    
         
            +
                                active: {
         
     | 
| 
      
 2301 
     | 
    
         
            +
                                    dark: {
         
     | 
| 
      
 2302 
     | 
    
         
            +
                                        foreground: string;
         
     | 
| 
      
 2303 
     | 
    
         
            +
                                        background: string;
         
     | 
| 
      
 2304 
     | 
    
         
            +
                                        border: string;
         
     | 
| 
      
 2305 
     | 
    
         
            +
                                    };
         
     | 
| 
      
 2306 
     | 
    
         
            +
                                    light: {
         
     | 
| 
      
 2307 
     | 
    
         
            +
                                        foreground: string;
         
     | 
| 
      
 2308 
     | 
    
         
            +
                                        background: string;
         
     | 
| 
      
 2309 
     | 
    
         
            +
                                        border: string;
         
     | 
| 
      
 2310 
     | 
    
         
            +
                                    };
         
     | 
| 
      
 2311 
     | 
    
         
            +
                                };
         
     | 
| 
      
 2312 
     | 
    
         
            +
                                disabled: {
         
     | 
| 
      
 2313 
     | 
    
         
            +
                                    foreground: string;
         
     | 
| 
      
 2314 
     | 
    
         
            +
                                    background: string;
         
     | 
| 
      
 2315 
     | 
    
         
            +
                                    border: string;
         
     | 
| 
      
 2316 
     | 
    
         
            +
                                };
         
     | 
| 
      
 2317 
     | 
    
         
            +
                                error: {
         
     | 
| 
      
 2318 
     | 
    
         
            +
                                    foreground: string;
         
     | 
| 
      
 2319 
     | 
    
         
            +
                                    background: string;
         
     | 
| 
      
 2320 
     | 
    
         
            +
                                    border: string;
         
     | 
| 
      
 2321 
     | 
    
         
            +
                                };
         
     | 
| 
      
 2322 
     | 
    
         
            +
                                success: {
         
     | 
| 
      
 2323 
     | 
    
         
            +
                                    foreground: string;
         
     | 
| 
      
 2324 
     | 
    
         
            +
                                    background: string;
         
     | 
| 
      
 2325 
     | 
    
         
            +
                                    border: string;
         
     | 
| 
      
 2326 
     | 
    
         
            +
                                };
         
     | 
| 
      
 2327 
     | 
    
         
            +
                            };
         
     | 
| 
       2251 
2328 
     | 
    
         
             
                        };
         
     | 
| 
       2252 
2329 
     | 
    
         
             
                        placeholderColor: {
         
     | 
| 
       2253 
2330 
     | 
    
         
             
                            gray: string;
         
     |