Rename to referenceListDefaultOpen

Author: OEvgeny

CHANGELOG.md

@@ -104,7 +104,7 @@ Breaking changes in this release:
    - Updated Fluent theme to use the new attachment preview feature
 - Added collapsible activity and activity with abstract handling, in PR [#5506](https://github.com/microsoft/BotFramework-WebChat/pull/5506), in PR [#5513](https://github.com/microsoft/BotFramework-WebChat/pull/5513), in PR [#5771](https://github.com/microsoft/BotFramework-WebChat/pull/5771), by [@OEvgeny](https://github.com/OEvgeny)
    - Added `styleOptions.partGroupDefaultOpen` to configure whether part groups are open by default, defaults to `true`
-   - Added `styleOptions.referencesDefaultOpen` to configure whether references are open by default, defaults to `true`
+   - Added `styleOptions.referenceListDefaultOpen` to configure whether references are open by default, defaults to `true`
    - In the Fluent theme "copilot" variant, part groups and references now default to closed
 - Added `disableFileUpload` flag to completelly disable file upload feature, in PR [#5508](https://github.com/microsoft/BotFramework-WebChat/pull/5508), by [@JamesNewbyAtMicrosoft](https://github.com/JamesNewbyAtMicrosoft)
    - Deprecated `hideUploadButton` in favor of `disableFileUpload`.

__tests__/html2/side-by-side/index.html

@@ -864,7 +864,7 @@
                   },
                   styleOptions: {
                     groupTimestamp: 1,
-                    referencesDefaultOpen: true,
+                    referenceListDefaultOpen: true,
                     timestampFormat: 'absolute',
                     botAvatarBackgroundColor: '#304E7A',
                     ...adjustStyleOptions

packages/api/src/StyleOptions.ts

@@ -978,7 +978,7 @@ type StyleOptions = {
    *
    * @default true
    */
-  referencesDefaultOpen?: boolean | undefined;
+  referenceListDefaultOpen?: boolean | undefined;
 
   /**
    * Defines how activities are being grouped by (in the order of appearance in the array). Default to `['sender', 'status', 'part']` or `sender,status` in CSS.

packages/api/src/defaultStyleOptions.ts

@@ -314,7 +314,7 @@ const DEFAULT_OPTIONS: Required<StyleOptions> = {
   speechRecognitionContinuous: false,
 
   partGroupDefaultOpen: true,
-  referencesDefaultOpen: true,
+  referenceListDefaultOpen: true,
 
   groupActivitiesBy: ['sender', 'status', 'part'],
 

packages/component/src/LinkDefinition/LinkDefinitions.tsx

@@ -55,11 +55,11 @@ const LinkDefinitions = <TAccessoryProps extends {}>({
   const localizeWithPlural = useLocalizer({ plural: true });
   const summaryRef = useRef<HTMLElement>(null);
   const classNames = useStyles(styles);
-  const [{ referencesDefaultOpen }] = useStyleOptions();
+  const [{ referenceListDefaultOpen }] = useStyleOptions();
 
   const headerText = localizeWithPlural(REFERENCE_LIST_HEADER_IDS, childrenCount(children));
 
-  const defaultOpenString = useMemo(() => (referencesDefaultOpen ? 'true' : 'false'), [referencesDefaultOpen]);
+  const defaultOpenString = useMemo(() => (referenceListDefaultOpen ? 'true' : 'false'), [referenceListDefaultOpen]);
 
   const handleToggle = useCallback<ReactEventHandler<HTMLDetailsElement>>(event => {
     const summary = summaryRef.current;
@@ -77,7 +77,7 @@ const LinkDefinitions = <TAccessoryProps extends {}>({
       // eslint-disable-next-line react/forbid-dom-props
       id={id}
       onToggle={handleToggle}
-      open={referencesDefaultOpen}
+      open={referenceListDefaultOpen}
     >
       <summary
         aria-controls={id}

packages/fluent-theme/src/private/FluentThemeProvider.tsx

@@ -104,7 +104,7 @@ function FluentThemeProvider(props: FluentThemeProviderProps) {
   const fluentStyleOptions = useMemo(
     () =>
       Object.freeze({
-        ...(variant === 'copilot' && { partGroupDefaultOpen: false, referencesDefaultOpen: false }),
+        ...(variant === 'copilot' && { partGroupDefaultOpen: false, referenceListDefaultOpen: false }),
         feedbackActionsPlacement: 'activity-actions',
         stylesRoot
       }),