### Collapsible List Plugin

CollapsibleList plugin allows the user to add super cool collapsible list!

#### Usage

##### Editor

```tsx widget
import { pluginCollapsibleList, RicosEditor } from '@wix/ricos';
import React from 'react';
import { useDevContent } from 'ricos-dev-utils';

export default () => {
  const [content, setContent] = useDevContent();

  return (
    // @essential-start
    <RicosEditor
      placeholder={'Add collapsible list'}
      plugins={[pluginCollapsibleList()]}
      content={content}
      onChange={setContent}
    />
    // @essential-end
  );
};
```

##### Viewer

```tsx widget
import '@wix/ricos/css/plugin-collapsible-list-viewer.global.css';
import '@wix/ricos/css/ricos-viewer.global.css';
import type { RichContent } from '@wix/ricos';
import { pluginCollapsibleListViewer, RicosViewer } from '@wix/ricos';
import React from 'react';

export default () => {
  // @essential-start
  return <RicosViewer content={content} plugins={[pluginCollapsibleListViewer()]} />;
  // @essential-end
};

const content = {
  nodes: [
    {
      type: 'COLLAPSIBLE_LIST',
      id: 'b0fu917',
      nodes: [
        {
          type: 'COLLAPSIBLE_ITEM',
          id: 'mm8oh20',
          nodes: [
            {
              type: 'COLLAPSIBLE_ITEM_TITLE',
              id: '03qwh21',
              nodes: [
                {
                  type: 'PARAGRAPH',
                  id: 'gtvb622',
                  nodes: [
                    {
                      type: 'TEXT',
                      id: 'gqvb622',
                      textData: {
                        text: 'Collapsible list title',
                      },
                    },
                  ],
                },
              ],
            },
            {
              type: 'COLLAPSIBLE_ITEM_BODY',
              id: 'p0wqu23',
              nodes: [
                {
                  type: 'PARAGRAPH',
                  id: 't4jcv24',
                  nodes: [
                    {
                      type: 'TEXT',
                      id: 'gtvb62b',
                      textData: {
                        text: 'Collapsible list body',
                      },
                    },
                  ],
                },
              ],
            },
          ],
        },
      ],
      collapsibleListData: {
        containerData: {
          alignment: 'CENTER',
          textWrap: true,
        },
        expandOnlyOne: false,
        initialExpandedItems: 'FIRST',
        direction: 'LTR',
      },
    },
  ],
} as RichContent;
```

#### CollapsibleList Config API

##### isQapageData configuration to customize CollapsibleList appearance in search results as an FAQ.

```jsx
isQapageData?: boolean;
```

#### Currently supported plugins

For now, these are the plugins that are supported in the collapsible list and can be added when editing a cell:

1. Text color
2. Text highlight
3. Indent
4. Line spacing
5. Link
6. Image
7. Video
8. Gif
9. Emoji
10. File upload
11. Divider
12. Code block
13. Unsupported blocks
14. Spoiler

