Update downstream API usages/references 🤦

cee-chen · cee-chen · commit 1812e863a58f · 2024-01-12T08:13:18.000-08:00
diff --git a/changelogs/upcoming/7455.md b/changelogs/upcoming/7455.md
@@ -1 +1 @@
-- Updated `EuiResizableButton` with a new `showIndicator` prop, which allows replacing the default grab handle with a plain border
+- Updated `EuiResizableButton` to allow customizing the `indicator` style with either `handle` (default) or `border`
diff --git a/src-docs/src/views/resizable_container/resizable_button_indicator.tsx b/src-docs/src/views/resizable_container/resizable_button_indicator.tsx
@@ -18,7 +18,7 @@ export default () => (
           <EuiText>{text}</EuiText>
         </EuiResizablePanel>
 
-        <EuiResizableButton showIndicator={false} />
+        <EuiResizableButton indicator="border" />
 
         <EuiResizablePanel
           initialSize={50}
@@ -36,7 +36,7 @@ export default () => (
                   <EuiText>{text}</EuiText>
                 </EuiResizablePanel>
 
-                <EuiResizableButton showIndicator={false} />
+                <EuiResizableButton indicator="border" />
 
                 <EuiResizablePanel initialSize={50} minSize="50px" tabIndex={0}>
                   <EuiText>{text}</EuiText>
diff --git a/src-docs/src/views/resizable_container/resizable_container_example.js b/src-docs/src/views/resizable_container/resizable_container_example.js
@@ -521,9 +521,9 @@ export const ResizableContainerExample = {
             indicator as a UI hint. For use cases where the resize behavior is
             "nice to have" but not a primary UX focus, or where there are many
             other busy UI elements on the page, you can set{' '}
-            <EuiCode>{'showIndicator={false}'}</EuiCode> to display a subdued
-            border element instead, which only provides resize affordance on
-            hover or focus.
+            <EuiCode>indicator="border"</EuiCode> to display a subdued border
+            element instead, which only provides resize affordance on hover or
+            focus.
           </p>
         </>
       ),
@@ -532,7 +532,7 @@ export const ResizableContainerExample = {
       props: { EuiResizableButton },
       snippet: `<EuiResizableButton
   isHorizontal
-  showIndicator={false}
+  indicator="border"
 />`,
     },
     {
diff --git a/src/components/flyout/flyout_resizable.tsx b/src/components/flyout/flyout_resizable.tsx
@@ -147,7 +147,7 @@ export const EuiFlyoutResizable = forwardRef(
       >
         <EuiResizableButton
           isHorizontal
-          showIndicator={false}
+          indicator="border"
           css={cssStyles}
           onMouseDown={onMouseDown}
           onTouchStart={onMouseDown}
diff --git a/src/components/resizable_container/resizable_button.stories.tsx b/src/components/resizable_container/resizable_button.stories.tsx
@@ -21,7 +21,7 @@ const meta: Meta<EuiResizableButtonProps> = {
   component: EuiResizableButton,
   args: {
     // Component defaults
-    showIndicator: true,
+    indicator: 'handle',
     alignIndicator: 'center',
     disabled: false,
     isHorizontal: false,

Original file line number	Diff line number	Diff line change
`@@ -1 +1 @@`
`1`		-- Updated `EuiResizableButton` with a new `showIndicator` prop, which allows replacing the default grab handle with a plain border
	`1`	+- Updated `EuiResizableButton` to allow customizing the `indicator` style with either `handle` (default) or `border`
Original file line number	Diff line number	Diff line change
`@@ -147,7 +147,7 @@ export const EuiFlyoutResizable = forwardRef(`
`147`	`147`	`>`
`148`	`148`	`<EuiResizableButton`
`149`	`149`	`isHorizontal`
`150`		`- showIndicator={false}`
	`150`	`+ indicator="border"`
`151`	`151`	`css={cssStyles}`
`152`	`152`	`onMouseDown={onMouseDown}`
`153`	`153`	`onTouchStart={onMouseDown}`