pr updates

kmcfaul · Mar 27, 2024 · 5d72064 · 5d72064
1 parent f2c88d8
commit 5d72064
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/packages/react-templates/README.md b/packages/react-templates/README.md
@@ -6,7 +6,7 @@ This package provides wrapped Patternfly component demos with a streamlined API
 
 #### Node Environment
 
-This project currently supports Node [Active LTS](https://github.com/nodejs/Release#release-schedule) releases. Please stay current with Node Active LTS when developing patternfly-react.
+This project currently supports [Node Active LTS](https://github.com/nodejs/Release#release-schedule) releases. Please stay current with Node Active LTS when developing patternfly-react.
 
 For example, to develop with Node 18, use the following:
 
@@ -15,7 +15,7 @@ nvm install 18
 nvm use 18
 ```
 
-This project also requires a Yarn version of >=1.6.0. The latest version can be installed [here](https://yarnpkg.com/).
+This project also requires a Yarn version of >=1.6.0. The latest version can be installed from the [Yarn](https://yarnpkg.com/) home page.
 
 ### Installing
 

diff --git a/packages/react-templates/src/components/Select/SelectSimple.tsx b/packages/react-templates/src/components/Select/SelectSimple.tsx
@@ -1,12 +1,12 @@
 import React from 'react';
-import { Select, SelectList } from '@patternfly/react-core/dist/esm/components/Select';
+import { Select, SelectList, SelectOptionProps } from '@patternfly/react-core/dist/esm/components/Select';
 import { MenuToggle, MenuToggleElement } from '@patternfly/react-core/dist/esm/components/MenuToggle';
 
 export interface SelectSimpleProps {
   /** @hide Forwarded ref */
   innerRef?: React.Ref<any>;
   /** Initial options of the select. */
-  initialOptions?: React.ReactElement[];
+  initialOptions?: SelectOptionProps[];
   /** Callback triggered on selection. */
   onSelect?: (_event: React.MouseEvent<Element, MouseEvent>, selection: string | number) => void;
   /** Callback triggered when the select opens or closes. */
@@ -15,6 +15,8 @@ export interface SelectSimpleProps {
   isDisabled?: boolean;
   /** Content of the toggle. Defaults to the selected option. */
   toggleContent?: React.ReactNode;
+  /** Width of the toggle */
+  toggleWidth?: string;
 }
 
 const SelectSimpleBase: React.FunctionComponent<SelectSimpleProps> = ({
@@ -24,6 +26,7 @@ const SelectSimpleBase: React.FunctionComponent<SelectSimpleProps> = ({
   onSelect,
   onToggle,
   toggleContent,
+  toggleWidth = '200px',
   ...props
 }: SelectSimpleProps) => {
   const [isOpen, setIsOpen] = React.useState(false);
@@ -48,7 +51,7 @@ const SelectSimpleBase: React.FunctionComponent<SelectSimpleProps> = ({
       isDisabled={isDisabled}
       style={
         {
-          width: '200px'
+          width: toggleWidth
         } as React.CSSProperties
       }
     >

diff --git a/packages/react-templates/src/components/Select/examples/SelectTemplates.md b/packages/react-templates/src/components/Select/examples/SelectTemplates.md
@@ -3,6 +3,7 @@ id: Select
 section: components
 subsection: menus
 template: true
+beta: true
 propComponents: ['SimpleSelect']
 ---