Implement a new indexes modal design (COMPASS-5942)

[COMPASS-5978] Implement new indexes modal designs Created: 26/Jul/22  Updated: 28/Sep/22  Resolved: 21/Aug/22

Status: Closed
Project: Compass
Component/s: Indexes, UI / UX
Affects Version/s: None
Fix Version/s: 1.33.1

Type: Sub-task Priority: Major - P3
Reporter: Alena Khineika Assignee: Alena Khineika
Resolution: Done Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Issue Links:
Documented
Related
is related to COMPASS-6035 Use CollapsibleFieldSet and FormField... Closed
Documentation Changes: Needed
Documentation Changes Summary:

Elements on the page were rearranged. Also, the add index field button was replaced with +/- icons for each index name/type pair.

Sprint: Iteration Isopod

 Description   

Designs:
https://www.figma.com/file/vbjoD4dcisPYRYJ5RRu72k/Compass-LG?node-id=2425%3A61731

  • Implement new designs keeping old branding styles.
  • Move package to TypeScript and CSS-in-JS.


 Comments   
Comment by Githook User [ 28/Sep/22 ]

Author:

{'name': 'Alena Khineika', 'email': 'alena.khineika@gmail.com', 'username': 'alenakhineika'}

Message: feat: implement new indexes modal designs COMPASS-5978, COMPASS-4252 (#3363)

  • refactor: use a unified way to name props
  • feat: scroll create index modal
  • refactor: remove empty line
  • docs: add comments to code
  • fix: track telemetry on modal show
  • fix: do not delete all index fields
  • test: fix wildcard e2e selectors
  • refactor: fix test id
  • refactor: remove unused useId
  • fix: import TextInput from leafygreen
  • test: switch back to jsx file
  • refactor: move create index modules to typescript
  • fix: show combobox menu on any input area click
  • fix: get useWildcardProjection state
  • test: fix create index modal selector
  • refactor: move errors to footer
  • fix: pass dark mode props to components
  • refactor: revert to spaces
Comment by Githook User [ 31/Aug/22 ]

Author:

{'name': 'Alena Khineika', 'email': 'alena.khineika@gmail.com', 'username': 'alenakhineika'}

Message: feat: implement new indexes modal designs COMPASS-5978, COMPASS-4252 (#3363)

  • refactor: use a unified way to name props
  • feat: scroll create index modal
  • refactor: remove empty line
  • docs: add comments to code
  • fix: track telemetry on modal show
  • fix: do not delete all index fields
  • test: fix wildcard e2e selectors
  • refactor: fix test id
  • refactor: remove unused useId
  • fix: import TextInput from leafygreen
  • test: switch back to jsx file
  • refactor: move create index modules to typescript
  • fix: show combobox menu on any input area click
  • fix: get useWildcardProjection state
  • test: fix create index modal selector
  • refactor: move errors to footer
  • fix: pass dark mode props to components
  • refactor: revert to spaces
Comment by Githook User [ 30/Aug/22 ]

Author:

{'name': 'Alena Khineika', 'email': 'alena.khineika@gmail.com', 'username': 'alenakhineika'}

Message: feat: implement new indexes modal designs COMPASS-5978, COMPASS-4252 (#3363)

  • refactor: use a unified way to name props
  • feat: scroll create index modal
  • refactor: remove empty line
  • docs: add comments to code
  • fix: track telemetry on modal show
  • fix: do not delete all index fields
  • test: fix wildcard e2e selectors
  • refactor: fix test id
  • refactor: remove unused useId
  • fix: import TextInput from leafygreen
  • test: switch back to jsx file
  • refactor: move create index modules to typescript
  • fix: show combobox menu on any input area click
  • fix: get useWildcardProjection state
  • test: fix create index modal selector
  • refactor: move errors to footer
  • fix: pass dark mode props to components
  • refactor: revert to spaces
Comment by Githook User [ 26/Aug/22 ]

Author:

{'name': 'Alena Khineika', 'email': 'alena.khineika@gmail.com', 'username': 'alenakhineika'}

Message: feat: implement new indexes modal designs COMPASS-5978, COMPASS-4252 (#3363)

  • refactor: use a unified way to name props
  • feat: scroll create index modal
  • refactor: remove empty line
  • docs: add comments to code
  • fix: track telemetry on modal show
  • fix: do not delete all index fields
  • test: fix wildcard e2e selectors
  • refactor: fix test id
  • refactor: remove unused useId
  • fix: import TextInput from leafygreen
  • test: switch back to jsx file
  • refactor: move create index modules to typescript
  • fix: show combobox menu on any input area click
  • fix: get useWildcardProjection state
  • test: fix create index modal selector
  • refactor: move errors to footer
  • fix: pass dark mode props to components
  • refactor: revert to spaces
Comment by Githook User [ 22/Aug/22 ]

Author:

{'name': 'Alena Khineika', 'email': 'alena.khineika@gmail.com', 'username': 'alenakhineika'}

Message: feat: implement new indexes modal designs COMPASS-5978, COMPASS-4252 (#3363)

  • refactor: use a unified way to name props
  • feat: scroll create index modal
  • refactor: remove empty line
  • docs: add comments to code
  • fix: track telemetry on modal show
  • fix: do not delete all index fields
  • test: fix wildcard e2e selectors
  • refactor: fix test id
  • refactor: remove unused useId
  • fix: import TextInput from leafygreen
  • test: switch back to jsx file
  • refactor: move create index modules to typescript
  • fix: show combobox menu on any input area click
  • fix: get useWildcardProjection state
  • test: fix create index modal selector
  • refactor: move errors to footer
  • fix: pass dark mode props to components
  • refactor: revert to spaces
Comment by Githook User [ 19/Aug/22 ]

Author:

{'name': 'Alena Khineika', 'email': 'alena.khineika@gmail.com', 'username': 'alenakhineika'}

Message: Merge remote-tracking branch 'origin/main' into COMPASS-5978-new-indexes-modal-designs
Branch: COMPASS-5978-new-indexes-modal-designs
https://github.com/mongodb-js/compass/commit/ab1fa14f9777bc20c33b08de9d227b4f35caecee

Comment by Githook User [ 18/Aug/22 ]

Author:

{'name': 'Alena Khineika', 'email': 'alena.khineika@gmail.com', 'username': 'alenakhineika'}

Message: Merge remote-tracking branch 'origin/main' into COMPASS-5978-new-indexes-modal-designs

  1. Conflicts:
  2. packages/compass-e2e-tests/helpers/selectors.ts
  3. packages/compass-sidebar/src/components/sidebar.tsx
    Branch: COMPASS-5978-new-indexes-modal-designs
    https://github.com/mongodb-js/compass/commit/2ec376ea180ce0e807cf66444a3b5e62df505e76
Comment by Githook User [ 18/Aug/22 ]

Author:

{'name': 'Alena Khineika', 'email': 'alena.khineika@gmail.com', 'username': 'alenakhineika'}

Message: feat: implement new indexes modal designs COMPASS-5978
Branch: COMPASS-5978-new-indexes-modal-designs
https://github.com/mongodb-js/compass/commit/ffe99a4a7881ede9f84d3020b0084e4fe2f2a614

Generated at Wed Feb 07 22:41:29 UTC 2024 using Jira 9.7.1#970001-sha1:2222b88b221c4928ef0de3161136cc90c8356a66.