profile
viewpoint
If you are wondering where the data of this site comes from, please visit https://api.github.com/users/nstepien/events. GitMemory does not store any data, but only uses NGINX to cache data for a period of time. The idea behind GitMemory is simply to give users a better reading experience.
Nicolas Stepien nstepien London, United Kingdom

nstepien/iltorb 164

Node.js module for brotli compression/decompression with native bindings

nstepien/gulp-brotli 17

gulp plugin for brotli compression/decompression

woxxy/react-twitch-components 7

Handy, real-time React Components for your Twitch stream Overlay

nstepien/overwatch-reticle 1

Overwatch: ideal reticle size for projectiles. Target lead and reticle calculations.

nstepien/sharp 0

High performance Node.js image processing, the fastest module to resize JPEG, PNG, WebP and TIFF images. Uses the libvips library.

nstepien/swr 0

React Hooks library for remote data fetching

issue openedadazzle/react-data-grid

I need to use To data grids in same page React Dnd issue

issue : React DnD - “Cannot have two HTML5 backends at the same time.”

Please suggest me to solve this issue

created time in 19 hours

push eventadazzle/react-data-grid

Aman Mahajan

commit sha 3181568c90e4855e447e4656650a73ec827ed980

Add a comment explaining focus strategy (#2387) * Remove focusSink and attach keydown event on the root element * Revert "Remove focusSink and attach keydown event on the root element" This reverts commit b6df76b618146b395181bf84f96761a87e409fca. * Add a comment explaning focus strategy * Tweak * Tweak

view details

push time in a day

push eventadazzle/react-data-grid

GitHub Action

commit sha a174fba43178c610e6038c7055806685cef4a071

canary storybook deployment

view details

push time in a day

push eventadazzle/react-data-grid

Aman Mahajan

commit sha 3181568c90e4855e447e4656650a73ec827ed980

Add a comment explaining focus strategy (#2387) * Remove focusSink and attach keydown event on the root element * Revert "Remove focusSink and attach keydown event on the root element" This reverts commit b6df76b618146b395181bf84f96761a87e409fca. * Add a comment explaning focus strategy * Tweak * Tweak

view details

push time in a day

delete branch adazzle/react-data-grid

delete branch : am-remove-focussink

delete time in a day

PR merged adazzle/react-data-grid

Add a comment explaining focus strategy

I tried to implement the recommended focusing strategy but ran into a few issues so I ended up adding a comment explaining our strategy

+18 -0

0 comment

1 changed file

amanmahajan7

pr closed time in a day

Pull request review commentadazzle/react-data-grid

Add a comment explaining focus strategy

 function DataGrid<R, SR>({       )}       {rows.length === 0 && EmptyRowsRenderer ? <EmptyRowsRenderer /> : (         <>+          {/*+            Ideally the focus should be set on the selected cell+            (https://www.w3.org/TR/wai-aria-practices-1.2/#kbd_roving_tabindex)+            but there are a few issues with this approach+            - onKeyDown/useLayoutEffect on the cell is not fast enough and grid+              looses focus if tab is pressed repeatedly

Not sure. We can check

amanmahajan7

comment created time in a day

push eventadazzle/react-data-grid

Aman Mahajan

commit sha 634c8ce8e3139e4ba19985dd3c113bab51bc5a2c

Tweak

view details

Aman Mahajan

commit sha 100ffc98fffe714ad4d54dcf77f56c05e66112b2

Tweak

view details

push time in 2 days

push eventadazzle/react-data-grid

Aman Mahajan

commit sha 6b88e0c49ebc7ff752cc6f58f2500fc7cd838b56

Add column.colSpan prop (#2356) * Add column.colSpan prop * Change colSpan signature * Handle keyboard navigation * Add comments * Update example * Handle frozen columns * Handle header and summary rows * Update example * Update viewport columns to handle colspan * Add ColumnSpanning example * Cleanup cell selection logic * Update src/utils/index.ts Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com> * Update src/utils/index.ts Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com> * Remove unused import * Check integer and non negative values * Move to cell selection logic to DataGrid * Update src/utils/index.ts Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com> * Tweak colors * Fix eslint warning * Split into two useMemos, fix startIdx * Check header and summary rows * Fix next position logic * Make sure cell is within bounds * Loop through columns once * Do not close flighting editor on enter/escape * Revert "Do not close flighting editor on enter/escape" This reverts commit fc6ed3d09634f2d433cf8e6b9a5f25a4d13e2626. * Add cellSpan tests * Remove colSpan number type * Optimize colSpan check * Test navigation * Fix types * Check filter row * Fix types * Update src/hooks/useCalculatedColumns.ts Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com> * Update src/hooks/useViewportColumns.ts Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com> * Update src/hooks/useViewportColumns.ts Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com> * Update src/types.ts Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com> * Update src/hooks/useViewportColumns.ts Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com> * Update src/hooks/useViewportColumns.ts Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com> * Update src/hooks/useViewportColumns.ts Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com> * Quit loop when first startIdx is found * Re-export ColSpanArgs * Use lastFrozenColumnIndex to validate colSpan * Update src/hooks/useViewportColumns.ts Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com> * Update src/utils/index.ts Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com> * Update test/column/colSpan.test.ts Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com> * Update test/column/colSpan.test.ts Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com> * Add getCellsAtRowIndex util * Move nextPosition calculation logic to getNextSelectedCellPosition * column.colSpan can't be a number * Eslint * Typecheck * Reuse colIdx, add posIdx * Move posIdx outside * Add failing tests * Fix cell navigation Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com>

view details

Nicolas Stepien

commit sha 3f5e235d5200cbf7a9308864a5e7257c32238c20

Update dependencies (#2369)

view details

Nicolas Stepien

commit sha e310ffa6b88608efbbabc0acfcb3f02df02b5c6a

Linaria: disable autoprefixing (#2370) * Linaria: disable autoprefixing * rm proposal-nullish-coalescing-operator and proposal-optional-chaining in babel config

view details

Aman Mahajan

commit sha 62e8a87b3db4993b2790e976a94d3e59d9179025

Fix scrolling on a merged cell (#2368) * Fix scrolling on a merged cell * Tweak row check * Idx can also be out of bounds * Use right position instead of left * Move validateCellPosition to utils * test scroll position * Test cell position

view details

Nicolas Stepien

commit sha 0f642f63904a81f6b4d2129888d0de09f516f8fa

Publish 7.0.0-canary.40

view details

Nicolas Stepien

commit sha d6c23fc6527467e261dc925f570c8d474d06b727

HeaderCell: Add missing event parameter to onPointerUp, fix #2305 (#2371)

view details

Aman Mahajan

commit sha 5099384fd242196523c6196343b9bebc94d2010b

Fix summary row colSpan (#2372)

view details

Nicolas Stepien

commit sha d9716d63d6a5de051a727df87c42213560d57d6e

Publish 7.0.0-canary.41

view details

Aman Mahajan

commit sha 24b9c6a5d5cc61a2b2f382d7bc5cf8496af95139

Add missing aria-colspan (#2374)

view details

Aman Mahajan

commit sha be8cd4a151874a0b5680274a91217d1881f96081

Add aria-readonly to readonly cells (#2379) * Add aria-readonly * Update src/Cell.tsx Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com> Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com>

view details

Nicolas Stepien

commit sha 0a763a309a189c2f2299a34658735d346b182379

Publish 7.0.0-canary.42

view details

Aman Mahajan

commit sha afe03f16591b23712d1cb5b7f03eef6b3e197a9b

Fix aria-redonly (#2380)

view details

Nicolas Stepien

commit sha 336b5eaaad438d070c5e83005644f00e4ec78167

Publish 7.0.0-canary.43

view details

Aman Mahajan

commit sha 822ac8729988627b29986d2db539f542d0be4161

Update changelog

view details

Aman Mahajan

commit sha 2e85a44c1ca60f7b9d0f908cd0417c26d9272a8d

Use aria-selected to style selected cell/rows (#2386) * Add aria-selected styles * Fix test * Use aria-selected for group rows * Fix tests * Fix types * Fix typo * Update src/style/grouprow.ts Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com> * Fix aria-selected on the group row Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com>

view details

Aman Mahajan

commit sha c18dd2c6d995a4c47ddb19bc4986dda198468220

Add support for variable row heights (#2384) * Change rowHeight to a function to support variable row heights * Fix hooks order * Remove memo * Add a comment * Fix tests * Fix types * Cleanup * Use a single array * Fix pageup/pagedown * Update src/DataGrid.tsx Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com> * Update src/hooks/useViewportRows.ts Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com> * newScrollTop -> nextRowY * move/deduplicate getRowTop(rowIdx) and getRowHeight(rowIdx) calls outside the ifs * Validate rowIdx * Update src/hooks/useViewportRows.ts Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com> * Fix typo * Add rowHeight tests * typo Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com>

view details

Nicolas Stepien

commit sha 738d3552e446d8469cbf1fef1147910b50f3ca11

Publish 7.0.0-canary.44

view details

Aman Mahajan

commit sha 3815e80f3457955fa1267cc59a4931a1bfcccff6

7.0.0-canary.44 changelog

view details

Nicolas Stepien

commit sha 59333b5991fa979d5efa7ac2e80ac1b707196c03

ResizeObserver: Add workaround for odd grid dimensions and zoom levels leading to "flickering" scrollbars (#2389)

view details

Nicolas Stepien

commit sha 30e14e3062f6ebf431ab0bb8b2d99c5a47c5ae75

Changelog for canary.45

view details

push time in 2 days

push eventadazzle/react-data-grid

Nicolas Stepien

commit sha 59333b5991fa979d5efa7ac2e80ac1b707196c03

ResizeObserver: Add workaround for odd grid dimensions and zoom levels leading to "flickering" scrollbars (#2389)

view details

Nicolas Stepien

commit sha 30e14e3062f6ebf431ab0bb8b2d99c5a47c5ae75

Changelog for canary.45

view details

Nicolas Stepien

commit sha e137e4a24629afae8b6b8939088fba69d1a62ac1

Publish 7.0.0-canary.45

view details

Aman Mahajan

commit sha 74e1b28a314db81ee8c26055ebadb8aa6cf2b808

Optimize onRowsChange: only update changed rows (#2390) * Filter unchanged rows * Handle handleDragEnd

view details

Nicolas Stepien

commit sha c83157fd437c7f5630d924e55131f7cd1e0bffee

Publish 7.0.0-canary.46

view details

Aman Mahajan

commit sha 4d2563979c34822a2c9ead2bfed5fff451799e57

Update changelog

view details

push time in 2 days

push eventadazzle/react-data-grid

Aman Mahajan

commit sha 465b63d5ebfa65cdafe57521b42266b422d76ac3

Add a comment explaning focus strategy

view details

push time in 2 days

push eventadazzle/react-data-grid

Aman Mahajan

commit sha f2b98d87778464df105bd640263414aa5715e864

Revert "Remove focusSink and attach keydown event on the root element" This reverts commit b6df76b618146b395181bf84f96761a87e409fca.

view details

push time in 2 days

push eventadazzle/react-data-grid

Nicolas Stepien

commit sha 59333b5991fa979d5efa7ac2e80ac1b707196c03

ResizeObserver: Add workaround for odd grid dimensions and zoom levels leading to "flickering" scrollbars (#2389)

view details

Nicolas Stepien

commit sha 30e14e3062f6ebf431ab0bb8b2d99c5a47c5ae75

Changelog for canary.45

view details

Nicolas Stepien

commit sha e137e4a24629afae8b6b8939088fba69d1a62ac1

Publish 7.0.0-canary.45

view details

Aman Mahajan

commit sha 74e1b28a314db81ee8c26055ebadb8aa6cf2b808

Optimize onRowsChange: only update changed rows (#2390) * Filter unchanged rows * Handle handleDragEnd

view details

Nicolas Stepien

commit sha c83157fd437c7f5630d924e55131f7cd1e0bffee

Publish 7.0.0-canary.46

view details

Aman Mahajan

commit sha 4d2563979c34822a2c9ead2bfed5fff451799e57

Update changelog

view details

Aman Mahajan

commit sha 8fe8bbbac98978bd03e40ba0b6e92c44035b234f

Merge branch 'canary' into am-remove-focussink

view details

push time in 2 days

push eventadazzle/react-data-grid

Aman Mahajan

commit sha 4d2563979c34822a2c9ead2bfed5fff451799e57

Update changelog

view details

Aman Mahajan

commit sha 9b0cfa0474ca64db025fde54d220a805158d9cdf

Merge branch 'canary' into am-display-contents

view details

push time in 2 days

push eventadazzle/react-data-grid

GitHub Action

commit sha d790604bd839dd23809ef1f9075eb1cdca0b2068

canary storybook deployment

view details

push time in 2 days

push eventadazzle/react-data-grid

Aman Mahajan

commit sha 4d2563979c34822a2c9ead2bfed5fff451799e57

Update changelog

view details

push time in 2 days

push eventadazzle/react-data-grid

Aman Mahajan

commit sha 2e85a44c1ca60f7b9d0f908cd0417c26d9272a8d

Use aria-selected to style selected cell/rows (#2386) * Add aria-selected styles * Fix test * Use aria-selected for group rows * Fix tests * Fix types * Fix typo * Update src/style/grouprow.ts Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com> * Fix aria-selected on the group row Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com>

view details

Aman Mahajan

commit sha c18dd2c6d995a4c47ddb19bc4986dda198468220

Add support for variable row heights (#2384) * Change rowHeight to a function to support variable row heights * Fix hooks order * Remove memo * Add a comment * Fix tests * Fix types * Cleanup * Use a single array * Fix pageup/pagedown * Update src/DataGrid.tsx Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com> * Update src/hooks/useViewportRows.ts Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com> * newScrollTop -> nextRowY * move/deduplicate getRowTop(rowIdx) and getRowHeight(rowIdx) calls outside the ifs * Validate rowIdx * Update src/hooks/useViewportRows.ts Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com> * Fix typo * Add rowHeight tests * typo Co-authored-by: Nicolas Stepien <567105+nstepien@users.noreply.github.com>

view details

Nicolas Stepien

commit sha 738d3552e446d8469cbf1fef1147910b50f3ca11

Publish 7.0.0-canary.44

view details

Aman Mahajan

commit sha 3815e80f3457955fa1267cc59a4931a1bfcccff6

7.0.0-canary.44 changelog

view details

Nicolas Stepien

commit sha 59333b5991fa979d5efa7ac2e80ac1b707196c03

ResizeObserver: Add workaround for odd grid dimensions and zoom levels leading to "flickering" scrollbars (#2389)

view details

Nicolas Stepien

commit sha 30e14e3062f6ebf431ab0bb8b2d99c5a47c5ae75

Changelog for canary.45

view details

Nicolas Stepien

commit sha e137e4a24629afae8b6b8939088fba69d1a62ac1

Publish 7.0.0-canary.45

view details

Aman Mahajan

commit sha 74e1b28a314db81ee8c26055ebadb8aa6cf2b808

Optimize onRowsChange: only update changed rows (#2390) * Filter unchanged rows * Handle handleDragEnd

view details

Nicolas Stepien

commit sha c83157fd437c7f5630d924e55131f7cd1e0bffee

Publish 7.0.0-canary.46

view details

Aman Mahajan

commit sha af886a49e5247896f68757b947ac13b267b452df

Merge branch 'canary' into am-display-contents

view details

push time in 2 days

push eventadazzle/react-data-grid

GitHub Action

commit sha 46211959d0f4b5e04dffe1097622915adde041a4

canary storybook deployment

view details

push time in 2 days

push eventadazzle/react-data-grid

GitHub Action

commit sha 95db936bd62af7d19762b2b1f7a9c1eccd368e16

canary storybook deployment

view details

push time in 2 days

push eventadazzle/react-data-grid

Aman Mahajan

commit sha 74e1b28a314db81ee8c26055ebadb8aa6cf2b808

Optimize onRowsChange: only update changed rows (#2390) * Filter unchanged rows * Handle handleDragEnd

view details

push time in 2 days

delete branch adazzle/react-data-grid

delete branch : am-check-row-change2

delete time in 2 days

push eventadazzle/react-data-grid

Aman Mahajan

commit sha 9387c1435f795710408c7f24d8e3ca1b0ccce3a9

Handle handleDragEnd

view details

push time in 2 days

push eventadazzle/react-data-grid

Aman Mahajan

commit sha 393a9bf8b97b27e804874c077e2d46ce8d3ceadb

Filter unchanged rows

view details

push time in 2 days

create barnchadazzle/react-data-grid

branch : am-check-row-change2

created branch time in 2 days

delete branch adazzle/react-data-grid

delete branch : am-check-row-change

delete time in 2 days

create barnchadazzle/react-data-grid

branch : am-check-row-change

created branch time in 2 days

push eventadazzle/react-data-grid

GitHub Action

commit sha c2b99651d8f14b0fb45162a9f5491465a947fe8c

canary storybook deployment

view details

push time in 2 days

push eventadazzle/react-data-grid

GitHub Action

commit sha ff3d6e19a9f9e5343fdbe4090615489a18ca2291

canary storybook deployment

view details

push time in 2 days