From 3ab8f7d34b9999464a02ae47cdbb385ddd37e382 Mon Sep 17 00:00:00 2001
From: Sergey Myssak <sergey.myssak@gmail.com>
Date: Fri, 16 Jun 2023 10:03:40 +0600
Subject: [PATCH] Remove Split button from OUI docs (#805)

Co-authored-by: Andrey Myssak <andreymyssak@gmail.com>
Signed-off-by: Sergey Myssak <sergey.myssak@gmail.com>
---
 src-docs/src/views/button/button_example.js | 48 ---------------------
 src-docs/src/views/button/split_button.js   | 48 ---------------------
 2 files changed, 96 deletions(-)
 delete mode 100644 src-docs/src/views/button/split_button.js

diff --git a/src-docs/src/views/button/button_example.js b/src-docs/src/views/button/button_example.js
index cafa2fc3fb..b864a9b9e5 100644
--- a/src-docs/src/views/button/button_example.js
+++ b/src-docs/src/views/button/button_example.js
@@ -81,27 +81,6 @@ const buttonIconSnippet = [
 />`,
 ];
 
-import SplitButton from './split_button';
-const splitButtonSource = require('!!raw-loader!./split_button');
-const splitButtonHtml = renderToHtml(SplitButton);
-const splitButtonSnippet = [
-  `<OuiFlexGroup responsive={false} gutterSize="s" alignItems="center">
-  <OuiFlexItem grow={false}>
-    <OuiButton size="s">
-      Primary action
-    </OuiButton>
-  </OuiFlexItem>
-  <OuiFlexItem grow={false}>
-    <OuiButtonIcon
-      display="base"
-      size="s"
-      iconType="boxesVertical"
-      aria-label="More"
-    />
-  </OuiFlexItem>
-</OuiFlexGroup>`,
-];
-
 import ButtonGhost from './button_ghost';
 const buttonGhostSource = require('!!raw-loader!./button_ghost');
 const buttonGhostHtml = renderToHtml(ButtonGhost);
@@ -379,33 +358,6 @@ export const ButtonExample = {
       snippet: buttonIconSnippet,
       demo: <ButtonIcon />,
     },
-    {
-      title: 'Split buttons',
-      source: [
-        {
-          type: GuideSectionTypes.JS,
-          code: splitButtonSource,
-        },
-        {
-          type: GuideSectionTypes.HTML,
-          code: splitButtonHtml,
-        },
-      ],
-      text: (
-        <>
-          <p>
-            OUI does not support split buttons specifically. Instead, we
-            recommend using separate buttons for the main and overflow actions.
-            You can achieve this by simply using the <OuiCode>display</OuiCode>{' '}
-            and <OuiCode>size</OuiCode> props <strong>OuiButtonIcon</strong> to
-            match that of the primary action button.
-          </p>
-        </>
-      ),
-      props: { OuiButton, OuiButtonIcon },
-      snippet: splitButtonSnippet,
-      demo: <SplitButton />,
-    },
     {
       title: 'Toggle buttons',
       source: [
diff --git a/src-docs/src/views/button/split_button.js b/src-docs/src/views/button/split_button.js
deleted file mode 100644
index 99bb3fb903..0000000000
--- a/src-docs/src/views/button/split_button.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/*
- * SPDX-License-Identifier: Apache-2.0
- *
- * The OpenSearch Contributors require contributions made to
- * this file be licensed under the Apache-2.0 license or a
- * compatible open source license.
- *
- * Modifications Copyright OpenSearch Contributors. See
- * GitHub history for details.
- */
-
-import React from 'react';
-
-import {
-  OuiButton,
-  OuiButtonIcon,
-  OuiFlexGroup,
-  OuiFlexItem,
-} from '../../../../src/components';
-
-const colors = ['primary', 'text', 'accent', 'success', 'warning', 'danger'];
-
-export default () => (
-  <>
-    {colors.map((color) => (
-      <OuiFlexGroup
-        key={color}
-        responsive={false}
-        gutterSize="s"
-        alignItems="center">
-        <OuiFlexItem grow={false}>
-          <OuiButton color={color} size="s" iconType="calendar">
-            Last 15 min
-          </OuiButton>
-        </OuiFlexItem>
-        <OuiFlexItem grow={false}>
-          <OuiButtonIcon
-            color={color}
-            display="base"
-            size="s"
-            iconType="boxesVertical"
-            aria-label="More"
-          />
-        </OuiFlexItem>
-      </OuiFlexGroup>
-    ))}
-  </>
-);