Closed Happyrajsinh closed 9 months ago
Name | Link |
---|---|
Latest commit | 866940c9a2b4ec583b15aabe5864c767a10a032f |
Latest deploy log | https://app.netlify.com/sites/carbon-addons-iot-react/deploys/65bbcc3ee2bbe60008a66961 |
Deploy Preview | https://deploy-preview-3839--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 configuration.
Closes #3838
Summary
Enahnces table drag and drop feature to drop table rows outside the table over breadcrumb nodes.
Change List (commits, features, bugs, etc)
Majority of the work is done in the
useTableDnd.jsx
. ProphasBreadcrumbDrop
is used to enable this feature in addition tohasDragAndDrop
of table. When drag is started upon setting up of drag and drop throughuseEffect
hook, mouse events likemouseEnter
andmouseLeave
are attached to all the breadcrumb nodes in the dom. Upon drop or drag cancel all these event listeners are removed.Acceptance Test (how to verify the PR)
hasBradcrumbDrop
checked in knobs. Will allow drop over breadcrumb nodes. For nodes inside the ellipsis, user need to first open that by clicking then need to perfrom drag and drop over those nodes.Regression Test (how to make sure this PR doesn't break old functionality)
Things to look for during review
iot
orbx
class prefix is using the prefix variabledata-testid
attribute. New test ids should have test written to ensure they are not changed or removed.