From 380f175b9a320152ee7231a3bee7749ba769fd24 Mon Sep 17 00:00:00 2001
From: ilyabrower <ilia.brauer@semrush.com>
Date: Mon, 18 Nov 2024 14:20:07 +0100
Subject: [PATCH] [UIK-2326][website] removed renderFunction example in ddmenu
 (#1777)

<!--- Provide a general summary of your changes in the Title above -->

## Motivation and Context

<!--- Why is this change required? What problem does it solve? -->
<!--- If it fixes an open issue, please link to the issue here. -->

## How has this been tested?
Manually
<!--- Please describe in detail how you tested your changes. -->
<!--- For example: -->
<!--- I have added unit tests -->
<!--- I have added Voice Over tests -->
<!--- Code cannot be tested automatically so I have tested it only
manually -->

## Screenshots (if appropriate):

## Types of changes

<!--- What types of changes does your code introduce? Put an `x` in all
the boxes that apply: -->

- [ ] Bug fix (non-breaking change which fixes an issue).
- [ ] New feature (non-breaking change which adds functionality).
- [ ] Breaking change (fix or feature that would cause existing
functionality to not work as expected).
- [X] Nice improve.

## Checklist:

<!--- Go over all the following points, and put an `x` in all the boxes
that apply. -->
<!--- If you're unsure about any of these, don't hesitate to ask. We're
here to help! -->

- [X] My code follows the code style of this project.
- [X] I have updated the documentation accordingly or it's not required.
- [X] Unit tests are not broken.
- [X] I have added changelog note to corresponding `CHANGELOG.md` file
with planned publish date.
- [ ] I have added new unit tests on added of fixed functionality.
---
 .../__stories__/Dropdown-menu.stories.tsx     |  5 --
 .../docs-examples/render_function.tsx         | 53 -------------------
 .../dropdown-menu/dropdown-menu-code.md       | 14 -----
 3 files changed, 72 deletions(-)
 delete mode 100644 stories/components/dropdown-menu/__stories__/docs-examples/render_function.tsx

diff --git a/stories/components/dropdown-menu/__stories__/Dropdown-menu.stories.tsx b/stories/components/dropdown-menu/__stories__/Dropdown-menu.stories.tsx
index 639c840fb9..579f3fbefa 100644
--- a/stories/components/dropdown-menu/__stories__/Dropdown-menu.stories.tsx
+++ b/stories/components/dropdown-menu/__stories__/Dropdown-menu.stories.tsx
@@ -8,7 +8,6 @@ import ItemActionsExample from './docs-examples/item_actions';
 import ListItemTypesExample from './docs-examples/list_item_types';
 import NestedExample from './docs-examples/nested';
 import NestedWithFocusableExample from './docs-examples/nested_with_focusable';
-import RenderFunctionExample from './docs-examples/render_function';
 import TheSecondMethodExample from './docs-examples/the_second_method';
 
 const meta: Meta<typeof DropdownMenu> = {
@@ -43,10 +42,6 @@ export const NestedWithFocusable: Story = {
   render: NestedWithFocusableExample,
 };
 
-export const RenderFunction: Story = {
-  render: RenderFunctionExample,
-};
-
 export const TheSecondMethod: Story = {
   render: TheSecondMethodExample,
 };
diff --git a/stories/components/dropdown-menu/__stories__/docs-examples/render_function.tsx b/stories/components/dropdown-menu/__stories__/docs-examples/render_function.tsx
deleted file mode 100644
index 6a160dda0e..0000000000
--- a/stories/components/dropdown-menu/__stories__/docs-examples/render_function.tsx
+++ /dev/null
@@ -1,53 +0,0 @@
-import React from 'react';
-import DropdownMenu from 'intergalactic/dropdown-menu';
-import Button from 'intergalactic/button';
-import { Box } from '@semcore/flex-box';
-
-const Demo = () => {
-  return (
-    <DropdownMenu>
-      {(props, handlers) => {
-        const {
-          getTriggerProps, // encapsulates Trigger logic
-          getPopperProps, // encapsulates Popper logic
-          getListProps, // encapsulates List logic
-          getItemProps, // // encapsulates Item logic
-        } = props;
-
-        const popperProps = getPopperProps();
-
-        return (
-          <React.Fragment>
-            <Button {...getTriggerProps()}>Dropdown menu with render function</Button>
-            <Box
-              {...popperProps}
-              hidden={!popperProps.visible}
-              zIndex={10}
-              p={2}
-              style={{
-                backgroundColor: 'var(--intergalactic-bg-primary-neutral, #FFF)',
-                border: '1px solid gray',
-              }}
-            >
-              <ul {...getListProps()}>
-                <li {...getItemProps()}>Option 1</li>
-                <li {...getItemProps()}>Option 2</li>
-                <li {...getItemProps()}>Option 3</li>
-                <li {...getItemProps()}>Option 4</li>
-                <li {...getItemProps()}>Option 5</li>
-              </ul>
-              <button type='button' onClick={() => handlers.visible(false)}>
-                Close me
-              </button>
-              <button type='button' onClick={() => handlers.highlightedIndex(2)}>
-                Highlight item 3
-              </button>
-            </Box>
-          </React.Fragment>
-        );
-      }}
-    </DropdownMenu>
-  );
-};
-
-export default Demo;
diff --git a/website/docs/components/dropdown-menu/dropdown-menu-code.md b/website/docs/components/dropdown-menu/dropdown-menu-code.md
index 8022fc39fe..e30906f76e 100644
--- a/website/docs/components/dropdown-menu/dropdown-menu-code.md
+++ b/website/docs/components/dropdown-menu/dropdown-menu-code.md
@@ -88,20 +88,6 @@ The component offers several options for laying out list item types:
 
 :::
 
-## Render-function
-
-Like with lower-level components, you can access the component's logic by passing a render function into the body.
-
-You can find the list of available methods in the [Context section of the API](/components/dropdown-menu/dropdown-menu-api#context).
-
-::: sandbox
-
-<script lang="tsx">
-  export Demo from 'stories/components/dropdown-menu/__stories__/docs-examples/render_function.tsx';
-</script>
-
-:::
-
 ## Nested menus
 
 ::: sandbox