RocketChat/Rocket.Chat

import type { Item } from '../../Components/DropDown/types';
import { callout } from '../callout';
import {
  actionWithButtonDefault,
  actionWithButtonPrimary,
  actionWithButtonSecondary,
  actionWithButtonDanger,
  actionWithButtonAsLink,
  actionWithButtonWarning,
  actionWithButtonSuccess,
  actionWithButtonSecondaryWithVariant,
  actionWithMenu,
  actionWithSingleStaticSelect,
  actionWithMultiStaticSelect,
  actionWithDatePicker,
  actionWithLinearScale,
} from './action';
import {
  contextWithPlainText,
  contextWithMrkdwn,
  contextWithImage,
  contextWithAllElements,
} from './context';
import { divider } from './divider';
import { imageWithTitle, imageWithoutTitle } from './image';
import {
  inputWithSingleLineInput,
  inputWithMultiLineInput,
  inputWithSingleStaticSelect,
  inputWithMultiStaticSelect,
  inputWithDatePicker,
  inputWithLinearSelect,
} from './input';
import {
  previewPlain,
  previewWithImage,
  previewWithUrl,
  previewWithImageAndUrl,
} from './preview';
import {
  sectionWithPlainText,
  sectionWithMrkdwn,
  sectionWithTextFields,
  sectionWithButtonDefault,
  sectionWithButtonPrimary,
  sectionWithButtonDanger,
  sectionWithButtonWarning,
  sectionWithButtonSuccess,
  sectionWithButtonSecondaryWithVariant,
  sectionWithButtonAsLink,
  sectionWithImage,
  sectionWithMenu,
  sectionWithdatePicker,
} from './section';
import { disabled, plain, selected } from '../tabNavigation';
import { actionWithToggleSwitch } from '../action/toggleSwitch';
import { actionWithTimePicker } from '../action/timePicker';
import { actionWithRadioButton } from '../action/radioButton';
import { actionWithCheckbox } from '../action/checkbox';

const BlocksTree: Item = [
  {
    label: 'actions',
    branches: [
      {
        label: 'button',
        branches: [
          {
            label: 'default',
            payload: actionWithButtonDefault,
          },
          {
            label: 'primary',
            payload: actionWithButtonPrimary,
          },
          {
            label: 'secondary',
            payload: actionWithButtonSecondary,
          },
          {
            label: 'danger',
            payload: actionWithButtonDanger,
          },
          {
            label: 'warning',
            payload: actionWithButtonWarning,
          },
          {
            label: 'success',
            payload: actionWithButtonSuccess,
          },
          {
            label: 'secondary with variant',
            payload: actionWithButtonSecondaryWithVariant,
          },
          {
            label: 'as Link',
            payload: actionWithButtonAsLink,
          },
        ],
      },

      {
        label: 'static select',
        branches: [
          {
            label: 'Single',
            payload: actionWithSingleStaticSelect,
          },
          {
            label: 'Multi',
            payload: actionWithMultiStaticSelect,
          },
        ],
      },
      {
        label: 'menu',
        payload: actionWithMenu,
      },
      {
        label: 'date Picker',
        payload: actionWithDatePicker,
      },
      {
        label: 'time Picker',
        payload: actionWithTimePicker,
      },
      {
        label: 'linear scale',
        payload: actionWithLinearScale,
      },
      {
        label: 'toggle switch',
        payload: actionWithToggleSwitch,
      },
      {
        label: 'radio buttons',
        payload: actionWithRadioButton,
      },
      {
        label: 'checkbox',
        payload: actionWithCheckbox,
      },
    ],
  },
  {
    label: 'section',
    branches: [
      {
        label: 'text',
        branches: [
          {
            label: 'plain text',
            payload: sectionWithPlainText,
          },
          {
            label: 'mrkdwn',
            payload: sectionWithMrkdwn,
          },
          {
            label: 'text fields',
            payload: sectionWithTextFields,
          },
        ],
      },
      {
        label: 'button',
        branches: [
          {
            label: 'default',
            payload: sectionWithButtonDefault,
          },
          {
            label: 'primary',
            payload: sectionWithButtonPrimary,
          },
          {
            label: 'danger',
            payload: sectionWithButtonDanger,
          },
          {
            label: 'warning',
            payload: sectionWithButtonWarning,
          },
          {
            label: 'success',
            payload: sectionWithButtonSuccess,
          },
          {
            label: 'secondary with variant',
            payload: sectionWithButtonSecondaryWithVariant,
          },
          {
            label: 'as Link',
            payload: sectionWithButtonAsLink,
          },
        ],
      },
      {
        label: 'image',
        payload: sectionWithImage,
      },
      {
        label: 'menu',
        payload: sectionWithMenu,
      },
      {
        label: 'date Picker',
        payload: sectionWithdatePicker,
      },
    ],
  },
  {
    label: 'preview',
    branches: [
      {
        label: 'plain',
        payload: previewPlain,
      },
      {
        label: 'image',
        payload: previewWithImage,
      },
      {
        label: 'URL',
        payload: previewWithUrl,
      },
      {
        label: 'image and URL',
        payload: previewWithImageAndUrl,
      },
    ],
  },
  {
    label: 'input',
    branches: [
      {
        label: 'textfeild',
        branches: [
          {
            label: 'single line',
            payload: inputWithSingleLineInput,
          },
          {
            label: 'multi line',
            payload: inputWithMultiLineInput,
          },
        ],
      },
      {
        label: 'static select',
        branches: [
          {
            label: 'single',
            payload: inputWithSingleStaticSelect,
          },
          {
            label: 'multi',
            payload: inputWithMultiStaticSelect,
          },
        ],
      },
      {
        label: 'date Picker',
        payload: inputWithDatePicker,
      },
      {
        label: 'linear scale',
        payload: inputWithLinearSelect,
      },
    ],
  },
  {
    label: 'image',
    branches: [
      {
        label: 'with title',
        payload: imageWithTitle,
      },
      {
        label: 'without title',
        payload: imageWithoutTitle,
      },
    ],
  },
  {
    label: 'Context',
    branches: [
      {
        label: 'Plain Text',
        payload: contextWithPlainText,
      },
      {
        label: 'Mrkdwn',
        payload: contextWithMrkdwn,
      },
      {
        label: 'Image',
        payload: contextWithImage,
      },
      {
        label: 'All Elements',
        payload: contextWithAllElements,
      },
    ],
  },
  {
    label: 'Conditional',
    branches: [],
  },
  {
    label: 'divider',
    branches: [
      {
        label: 'Plain',
        payload: divider,
      },
    ],
  },
  {
    label: 'callout',
    branches: [
      {
        label: 'Plain',
        payload: callout,
      },
    ],
  },
  {
    label: 'TabNavigation',
    branches: [
      {
        label: 'Plain',
        payload: plain,
      },
      {
        label: 'Disabled',
        payload: disabled,
      },
      {
        label: 'Selected',
        payload: selected,
      },
    ],
  },
];

export default BlocksTree;