feat(table): add custom input to header columns

[EKong-IBM]

GRAPHITE-58370

Summary

• Adding property to allow custom column inputs for Table. This will also allow for extended filters to be added.

Change List (commits, features, bugs, etc)

• FilterHeaderRow and testing file. Added property to TableHead.

Acceptance Test (how to verify the PR)

• When creating a table, set customInput to an element and it should display that element instead of the current multiselect, combobox, or textinput.

Things to look for during review

• [ ] Make sure all references to iot or bx class prefix is using the prefix variable
• [ ] (React) All major areas have a data-testid attribute. New test ids should have test written to ensure they are not changed or removed.
• [ ] UI should be checked in RTL mode to ensure the proper handling of layout and text.
• [ ] All strings should be translatable.
• [ ] The code should pass a11y scans (The storybook a11y knob should show no violations). New components should have a11y test written.
• [ ] Unit test should be written and should have a coverage of 90% or higher in all areas.
• [ ] All components should be passing visual regression test. For new styles or components either a visual regression test should be written for all permutations or the base image updated.
• [ ] Changes or new components should either write new or update existing documentation.
• [ ] PR should link and close out an existing issue

[netlify[bot]]

✅ Deploy Preview for carbon-addons-iot-react ready!

Name	Link
🔨 Latest commit	0d6c89fda24cb011bd45cdf2d314730ba2f6a3f2
🔍 Latest deploy log	https://app.netlify.com/sites/carbon-addons-iot-react/deploys/6446cd273079e80008b2b0b5
😎 Deploy Preview	https://deploy-preview-3767--carbon-addons-iot-react.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.

[EKong-IBM]

I wasn't quite able to resolve the unit test issues, but I had followed David's review and the display seemed to work properly.

packages/react/src/components/Table/TableHead/TableHead.jsx customInput: column?.customInput, -> customInput: column.filter?.customInput,

packages/react/src/components/Table/Table.story.helpers.jsx customInput: <div>customInput</div>, -> filter: { customInput: <div>customInput</div> },

[erzhan-temir-mamyrov]

@sls-ca I am not sure. I can follow up with Graphite ticket and resolve merge conflicts.

[JordanWSmith15]

@sls-ca it is needed still, it just isn't high priority any more. Let's let it sit for a while, and some other dev will pick it up and finish it.