ibm-products
                                
                                
                                
                                    ibm-products copied to clipboard
                            
                            
                            
                        feat(Datagrid): #2230 inline edit selection type
Inline edit PR from Ratheesh will need to be reviewed/merged first
Contributes to #2230
Adds the selection type to the useInlineEdit hook. Used the same story, just added a new column that uses this type. Supports an optional icon for each dropdown item. To use the inline edit selection type, the column data should look like the following:
{
      Header: 'Chart type',
      accessor: 'chartType',
      inlineEdit: {
        type: 'select',
        items: inlineEditSelectItems, // this is an array of objects, i.e. the items rendered inside of the dropdown
      },
    },
What did you change?
useInlineEdit.js
_useInlineEdit.scss
Datagrid.stories.js
getInlineColumns.js
makeData.js
https://user-images.githubusercontent.com/10215203/186783586-af342b82-5714-4b6d-8e64-f940a245a935.mp4
How did you test and verify your work?
Storybook
Deploy Preview for carbon-for-ibm-products ready!
| Name | Link | 
|---|---|
| Latest commit | a6f29afca929fd167da113bb36a0aef5831ba8c1 | 
| Latest deploy log | https://app.netlify.com/sites/carbon-for-ibm-products/deploys/631a2158afe6630008234e69 | 
| Deploy Preview | https://deploy-preview-2234--carbon-for-ibm-products.netlify.app | 
| Preview on mobile | Toggle QR Code...Use your smartphone camera to open QR code link.  | 
To edit notification comments on pull requests, go to your Netlify site settings.