ibm-products icon indicating copy to clipboard operation
ibm-products copied to clipboard

feat(Datagrid): #2230 inline edit selection type

Open matthewgallo opened this issue 3 years ago • 1 comments

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

matthewgallo avatar Aug 25 '22 23:08 matthewgallo

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...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

netlify[bot] avatar Aug 25 '22 23:08 netlify[bot]