pds-dev-kit-web-test 0.3.7 → 0.3.8

package/dist/src/desktop/components/DynamicDesktopNavBar/templates/DynamicDesktopNavBarTemplates.d.ts

@@ -2,7 +2,7 @@ import type { TemplateNamesType } from './types';
 declare class DynamicDesktopNavBarTemplates {
     private static data;
     private static names;
-    static getNames(): Record<"W1_0001" | "W1_0002" | "W1_0003" | "W1_0004" | "W1_0005", "W1_0001" | "W1_0002" | "W1_0003" | "W1_0004" | "W1_0005">;
+    static getNames(): Record<"W1_0001" | "W1_0002" | "W1_0003" | "W1_0004" | "W1_0005" | "W1_0006" | "W1_0007" | "W1_0008" | "W1_0009" | "W1_0010" | "W1_0011", "W1_0001" | "W1_0002" | "W1_0003" | "W1_0004" | "W1_0005" | "W1_0006" | "W1_0007" | "W1_0008" | "W1_0009" | "W1_0010" | "W1_0011">;
     static getTemplate(name: TemplateNamesType): {
         gridTemplate: string;
         gridStyle: {
@@ -108,6 +108,141 @@ declare class DynamicDesktopNavBarTemplates {
         userProfileOptions: {
             style: {};
         };
+    } | {
+        gridTemplate: string;
+        gridStyle: {
+            width: string;
+            gridTemplateColumns: string;
+        };
+        showSecondaryMenu: boolean;
+        userProfileOptions: {
+            style: {
+                width: string;
+            };
+        };
+        primaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {
+                justifyContent: string;
+            };
+        };
+        secondaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {};
+        };
+    } | {
+        gridTemplate: string;
+        gridStyle: {
+            width: string;
+            gridTemplateColumns: string;
+        };
+        showSecondaryMenu: boolean;
+        primaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {};
+        };
+        secondaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {};
+        };
+        userProfileOptions: {
+            style: {};
+        };
+    } | {
+        gridTemplate: string;
+        gridStyle: {
+            width: string;
+            gridTemplateColumns: string;
+        };
+        showSecondaryMenu: boolean;
+        primaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {};
+        };
+        secondaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {};
+        };
+        userProfileOptions: {
+            style: {};
+        };
+    } | {
+        gridTemplate: string;
+        gridStyle: {
+            width: string;
+            gridTemplateColumns: string;
+        };
+        showSecondaryMenu: boolean;
+        primaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {
+                justifyContent: string;
+            };
+        };
+        secondaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {};
+        };
+        userProfileOptions: {
+            style: {};
+        };
+    } | {
+        gridTemplate: string;
+        gridStyle: {
+            width: string;
+            gridTemplateColumns: string;
+        };
+        showSecondaryMenu: boolean;
+        primaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {
+                justifyContent: string;
+            };
+        };
+        secondaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {
+                justifyContent: string;
+            };
+        };
+        userProfileOptions: {
+            style: {};
+        };
+    } | {
+        gridTemplate: string;
+        gridStyle: {
+            gridTemplateColumns: string;
+        };
+        showSecondaryMenu: boolean;
+        primaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {
+                justifyContent: string;
+            };
+        };
+        secondaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {
+                width: string;
+                justifyContent: string;
+                paddingLeft: string;
+            };
+        };
+        userProfileOptions: {
+            style: {};
+        };
     };
 }
 export default DynamicDesktopNavBarTemplates;

package/dist/src/desktop/components/DynamicDesktopNavBar/templates/constants.d.ts

@@ -109,4 +109,145 @@ export declare const TEMPLATES_DATA: {
             style: {};
         };
     };
+    W1_0006: {
+        gridTemplate: string;
+        gridStyle: {
+            width: string;
+            gridTemplateColumns: string;
+        };
+        showSecondaryMenu: boolean;
+        userProfileOptions: {
+            style: {
+                width: string;
+            };
+        };
+        primaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {
+                justifyContent: string;
+            };
+        };
+        secondaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {};
+        };
+    };
+    W1_0007: {
+        gridTemplate: string;
+        gridStyle: {
+            width: string;
+            gridTemplateColumns: string;
+        };
+        showSecondaryMenu: boolean;
+        primaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {};
+        };
+        secondaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {};
+        };
+        userProfileOptions: {
+            style: {};
+        };
+    };
+    W1_0008: {
+        gridTemplate: string;
+        gridStyle: {
+            width: string;
+            gridTemplateColumns: string;
+        };
+        showSecondaryMenu: boolean;
+        primaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {};
+        };
+        secondaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {};
+        };
+        userProfileOptions: {
+            style: {};
+        };
+    };
+    W1_0009: {
+        gridTemplate: string;
+        gridStyle: {
+            width: string;
+            gridTemplateColumns: string;
+        };
+        showSecondaryMenu: boolean;
+        primaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {
+                justifyContent: string;
+            };
+        };
+        secondaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {};
+        };
+        userProfileOptions: {
+            style: {};
+        };
+    };
+    W1_0010: {
+        gridTemplate: string;
+        gridStyle: {
+            width: string;
+            gridTemplateColumns: string;
+        };
+        showSecondaryMenu: boolean;
+        primaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {
+                justifyContent: string;
+            };
+        };
+        secondaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {
+                justifyContent: string;
+            };
+        };
+        userProfileOptions: {
+            style: {};
+        };
+    };
+    W1_0011: {
+        gridTemplate: string;
+        gridStyle: {
+            gridTemplateColumns: string;
+        };
+        showSecondaryMenu: boolean;
+        primaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {
+                justifyContent: string;
+            };
+        };
+        secondaryMenuOptions: {
+            showMenuAsIcon: boolean;
+            maxLength: number;
+            style: {
+                width: string;
+                justifyContent: string;
+                paddingLeft: string;
+            };
+        };
+        userProfileOptions: {
+            style: {};
+        };
+    };
 };

package/dist/src/desktop/components/DynamicDesktopNavBar/templates/constants.js

@@ -111,5 +111,146 @@ exports.TEMPLATES_DATA = {
         userProfileOptions: {
             style: {}
         }
+    },
+    W1_0006: {
+        gridTemplate: 'BRAND_LOGO PRIMARY_MENU USER_PROFILE',
+        gridStyle: {
+            width: '1400px',
+            gridTemplateColumns: 'max-content auto max-content'
+        },
+        showSecondaryMenu: false,
+        userProfileOptions: {
+            style: {
+                width: '180px'
+            }
+        },
+        primaryMenuOptions: {
+            showMenuAsIcon: false,
+            maxLength: 99,
+            style: {
+                justifyContent: 'center'
+            }
+        },
+        secondaryMenuOptions: {
+            showMenuAsIcon: false,
+            maxLength: 0,
+            style: {}
+        }
+    },
+    W1_0007: {
+        gridTemplate: 'BRAND_LOGO PRIMARY_MENU USER_PROFILE',
+        gridStyle: {
+            width: '1400px',
+            gridTemplateColumns: 'max-content auto max-content'
+        },
+        showSecondaryMenu: false,
+        primaryMenuOptions: {
+            showMenuAsIcon: false,
+            maxLength: 99,
+            style: {}
+        },
+        secondaryMenuOptions: {
+            showMenuAsIcon: false,
+            maxLength: 0,
+            style: {}
+        },
+        userProfileOptions: {
+            style: {}
+        }
+    },
+    W1_0008: {
+        gridTemplate: 'BRAND_LOGO PRIMARY_MENU SECONDARY_MENU USER_PROFILE',
+        gridStyle: {
+            width: '1400px',
+            gridTemplateColumns: 'max-content auto max-content max-content'
+        },
+        showSecondaryMenu: true,
+        primaryMenuOptions: {
+            showMenuAsIcon: false,
+            maxLength: 99,
+            style: {}
+        },
+        secondaryMenuOptions: {
+            showMenuAsIcon: true,
+            maxLength: 3,
+            style: {}
+        },
+        userProfileOptions: {
+            style: {}
+        }
+    },
+    W1_0009: {
+        gridTemplate: 'BRAND_LOGO PRIMARY_MENU USER_PROFILE',
+        gridStyle: {
+            width: '1400px',
+            gridTemplateColumns: 'max-content auto max-content'
+        },
+        showSecondaryMenu: false,
+        primaryMenuOptions: {
+            showMenuAsIcon: false,
+            maxLength: 5,
+            style: {
+                justifyContent: 'flex-end'
+            }
+        },
+        secondaryMenuOptions: {
+            showMenuAsIcon: false,
+            maxLength: 0,
+            style: {}
+        },
+        userProfileOptions: {
+            style: {}
+        }
+    },
+    W1_0010: {
+        gridTemplate: 'BRAND_LOGO PRIMARY_MENU SECONDARY_MENU USER_PROFILE',
+        gridStyle: {
+            width: '1400px',
+            gridTemplateColumns: 'max-content auto max-content max-content'
+        },
+        showSecondaryMenu: true,
+        primaryMenuOptions: {
+            showMenuAsIcon: false,
+            maxLength: 99,
+            style: {
+                justifyContent: 'flex-end'
+            }
+        },
+        secondaryMenuOptions: {
+            showMenuAsIcon: true,
+            maxLength: 3,
+            style: {
+                justifyContent: 'flex-end'
+            }
+        },
+        userProfileOptions: {
+            style: {}
+        }
+    },
+    W1_0011: {
+        gridTemplate: 'PRIMARY_MENU BRAND_LOGO SECONDARY_MENU USER_PROFILE',
+        gridStyle: {
+            gridTemplateColumns: '1fr min-content 1fr min-content'
+        },
+        showSecondaryMenu: true,
+        primaryMenuOptions: {
+            showMenuAsIcon: false,
+            maxLength: 3,
+            style: {
+                justifyContent: 'right'
+            }
+        },
+        secondaryMenuOptions: {
+            showMenuAsIcon: false,
+            maxLength: 2,
+            style: {
+                width: '100%',
+                justifyContent: 'left',
+                paddingLeft: '32px'
+            }
+        },
+        userProfileOptions: {
+            style: {}
+        }
     }
 };

package/dist/src/mobile/components/ChatBubbleListItem/ChatBubbleListItem.js

@@ -79,26 +79,26 @@ function ChatBubbleListItem(_a) {
         styleTheme === 'other_avatar' ||
         styleTheme === 'other_avatar_sub';
     var titleTextColorTheme = 'sysTextPrimary';
-    var countTextColorTheme = 'sysTextBrandPrimary';
+    var countTextColorTheme = 'sysTextPrimary';
     switch (colorTheme) {
         case 'grey': {
             titleTextColorTheme = 'sysTextPrimary';
-            countTextColorTheme = 'sysTextBrandPrimary';
+            countTextColorTheme = 'sysTextPrimary';
             break;
         }
         case 'brand_primary': {
             titleTextColorTheme = 'usrTextBrandPrimary';
-            countTextColorTheme = 'sysTextBrandPrimary';
+            countTextColorTheme = 'sysTextPrimary';
             break;
         }
         case 'translucent_white': {
             titleTextColorTheme = 'sysTextBlack';
-            countTextColorTheme = 'sysTextTertiary';
+            countTextColorTheme = 'sysTextPrimary';
             break;
         }
         case 'translucent_black': {
             titleTextColorTheme = 'sysTextWhite';
-            countTextColorTheme = 'sysTextTertiary';
+            countTextColorTheme = 'sysTextPrimary';
         }
     }
     /**

package/dist/src/mobile/components/Dropdown/Dropdown.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import type { PDSTextType } from '../../../common';
-import type { DropdownValueOption } from '../../../common/types';
+import type { DropdownGroupInfo, DropdownValueOption } from '../../../common/types';
 type Props = {
     colorTheme?: 'none' | 'dark' | 'white';
     defaultValue?: DropdownValueOption;
@@ -14,7 +14,8 @@ type Props = {
     customWidth?: string;
     displayType?: 'text_only' | 'icon_only' | 'icon_text';
     fontWeight?: 'bold' | 'regular';
+    groupInfoArray?: DropdownGroupInfo[];
     onChange?: (option: DropdownValueOption) => void;
 };
-declare function Dropdown({ colorTheme, value, defaultValue, hintText, maxHeightItemNumber, responsiveMode, size, state, valueArray, customWidth, displayType, fontWeight, onChange }: Props): JSX.Element;
+declare function Dropdown({ colorTheme, value, defaultValue, hintText, maxHeightItemNumber, responsiveMode, size, state, valueArray, customWidth, displayType, fontWeight, groupInfoArray, onChange }: Props): JSX.Element;
 export default Dropdown;