[COMPASS-6220] Update `import-export` components to LeafyGreen components Created: 20/Oct/22  Updated: 01/Dec/22  Resolved: 23/Nov/22

Status: Closed
Project: Compass
Component/s: Import/Export, UI / UX
Affects Version/s: None
Fix Version/s: 1.35.0

Type: Task Priority: Major - P3
Reporter: Rhys Howell Assignee: Rhys Howell
Resolution: Done Votes: 0
Labels: milestone-4
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Issue Links:
Documented
Related
related to COMPASS-6133 Remove usage of Modal component from ... Closed
Epic Link: COMPASS-5388
Story Points: 5
Documentation Changes: Needed
Sprint: Iteration Narwhal, Iteration Octopus, Iteration Porpoise

 Description   
  • We update both import and export to use our wrapper of LeafyGreen’s Modal.
  • The radio button in export is updated to LeafyGreen’s radio button.
  • The file type selection in import and export are updated to use Combobox.
  • The following select usages are updated to use LeafyGreen’s select:
    • Select for the delimiter
    • Select for the csv import field type
  • The following button usages are updated to use LeafyGreen’s button:
    • Modal actions
    • File selector
    • Stop progress button
    • Show more errors button
  • The Field selection (import and export) and “Stop on errors” Checkboxes are updated to LeafyGreen checkboxes.
  • The following text components are updated to LeafyGreen Typography:
    • Label for delimiter select
    • Checkbox labels
    • Export fields header
    • Import fields header
    • Import file name
  • The open folder icon in export file button is updated to LeafyGreen’s folder icon.
  • The field name TextInput is updated to leafygreen


 Comments   
Comment by Githook User [ 01/Dec/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: chore(import-export): update export select fields table to LeafyGreen components COMPASS-6220 (#3777)
Branch: update-compass-shell-to-shared-config
https://github.com/mongodb-js/compass/commit/2abbb581c9f3038f5cba92f213ac230b995eb451

Comment by Githook User [ 01/Dec/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: chore(import-export): Update `ImportOptions` and csv `ImportPreview` to LeafyGreen components COMPASS-6220 (#3752)
Branch: update-compass-shell-to-shared-config
https://github.com/mongodb-js/compass/commit/9a3af5fc8cc6a9ccc96866e1b71d0a33c14d7c08

Comment by Githook User [ 01/Dec/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: feat(compass-import): update import modal to LeafyGreen components COMPASS-6220 (#3728)
Branch: update-compass-shell-to-shared-config
https://github.com/mongodb-js/compass/commit/f81cf38005a73bccb0db48296f267b5f55774b50

Comment by Githook User [ 01/Dec/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: feat(export): update export modal to LeafyGreen components COMPASS-6220 (#3693)
Branch: update-compass-shell-to-shared-config
https://github.com/mongodb-js/compass/commit/48c86f60a4b260b99726c01984fc49a7f7763019

Comment by Githook User [ 28/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: chore(import-export): update export select fields table to LeafyGreen components COMPASS-6220 (#3777)
Branch: update-react-tooltip-usage-to-lg
https://github.com/mongodb-js/compass/commit/2abbb581c9f3038f5cba92f213ac230b995eb451

Comment by Githook User [ 28/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: chore(import-export): Update `ImportOptions` and csv `ImportPreview` to LeafyGreen components COMPASS-6220 (#3752)
Branch: update-react-tooltip-usage-to-lg
https://github.com/mongodb-js/compass/commit/9a3af5fc8cc6a9ccc96866e1b71d0a33c14d7c08

Comment by Githook User [ 25/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: chore(import-export): update export select fields table to LeafyGreen components COMPASS-6220 (#3777)
Branch: compass-6057-refactor-auto-updates
https://github.com/mongodb-js/compass/commit/2abbb581c9f3038f5cba92f213ac230b995eb451

Comment by Githook User [ 25/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: chore(import-export): Update `ImportOptions` and csv `ImportPreview` to LeafyGreen components COMPASS-6220 (#3752)
Branch: compass-6057-refactor-auto-updates
https://github.com/mongodb-js/compass/commit/9a3af5fc8cc6a9ccc96866e1b71d0a33c14d7c08

Comment by Githook User [ 25/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: feat(compass-import): update import modal to LeafyGreen components COMPASS-6220 (#3728)
Branch: compass-6057-refactor-auto-updates
https://github.com/mongodb-js/compass/commit/f81cf38005a73bccb0db48296f267b5f55774b50

Comment by Githook User [ 21/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: chore(import-export): update export select fields table to LeafyGreen components COMPASS-6220 (#3777)
Branch: COMPASS-6061-implement-enabledevtools-option
https://github.com/mongodb-js/compass/commit/2abbb581c9f3038f5cba92f213ac230b995eb451

Comment by Githook User [ 21/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: chore(import-export): Update `ImportOptions` and csv `ImportPreview` to LeafyGreen components COMPASS-6220 (#3752)
Branch: COMPASS-6061-implement-enabledevtools-option
https://github.com/mongodb-js/compass/commit/9a3af5fc8cc6a9ccc96866e1b71d0a33c14d7c08

Comment by Githook User [ 21/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: chore(import-export): update export select fields table to LeafyGreen components COMPASS-6220 (#3777)
Branch: COMPASS-6291-preserve-preview-if-pipeline-fails
https://github.com/mongodb-js/compass/commit/2abbb581c9f3038f5cba92f213ac230b995eb451

Comment by Githook User [ 21/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: chore(import-export): Update `ImportOptions` and csv `ImportPreview` to LeafyGreen components COMPASS-6220 (#3752)
Branch: COMPASS-6291-preserve-preview-if-pipeline-fails
https://github.com/mongodb-js/compass/commit/9a3af5fc8cc6a9ccc96866e1b71d0a33c14d7c08

Comment by Githook User [ 21/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: chore(import-export): update export select fields table to LeafyGreen components COMPASS-6220 (#3777)
Branch: COMPASS-6298-pipeline-tests
https://github.com/mongodb-js/compass/commit/2abbb581c9f3038f5cba92f213ac230b995eb451

Comment by Githook User [ 21/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: chore(import-export): Update `ImportOptions` and csv `ImportPreview` to LeafyGreen components COMPASS-6220 (#3752)
Branch: COMPASS-6298-pipeline-tests
https://github.com/mongodb-js/compass/commit/9a3af5fc8cc6a9ccc96866e1b71d0a33c14d7c08

Comment by Githook User [ 21/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: chore(import-export): update export select fields table to LeafyGreen components COMPASS-6220 (#3777)
Branch: update-compass-instance-to-shared-config
https://github.com/mongodb-js/compass/commit/2abbb581c9f3038f5cba92f213ac230b995eb451

Comment by Githook User [ 21/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: chore(import-export): Update `ImportOptions` and csv `ImportPreview` to LeafyGreen components COMPASS-6220 (#3752)
Branch: update-compass-instance-to-shared-config
https://github.com/mongodb-js/compass/commit/9a3af5fc8cc6a9ccc96866e1b71d0a33c14d7c08

Comment by Githook User [ 21/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: chore(import-export): update export select fields table to LeafyGreen components COMPASS-6220 (#3777)
Branch: main
https://github.com/mongodb-js/compass/commit/2abbb581c9f3038f5cba92f213ac230b995eb451

Comment by Githook User [ 21/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: chore(import-export): Update `ImportOptions` and csv `ImportPreview` to LeafyGreen components COMPASS-6220 (#3752)
Branch: main
https://github.com/mongodb-js/compass/commit/9a3af5fc8cc6a9ccc96866e1b71d0a33c14d7c08

Comment by Githook User [ 18/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: feat(compass-import): update import modal to LeafyGreen components COMPASS-6220 (#3728)
Branch: reduce-collection-header-size
https://github.com/mongodb-js/compass/commit/f81cf38005a73bccb0db48296f267b5f55774b50

Comment by Githook User [ 18/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: feat(export): update export modal to LeafyGreen components COMPASS-6220 (#3693)
Branch: reduce-collection-header-size
https://github.com/mongodb-js/compass/commit/48c86f60a4b260b99726c01984fc49a7f7763019

Comment by Githook User [ 17/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: Merge branch 'main' into COMPASS-6220-update-import-components
Branch: COMPASS-6220-update-import-components
https://github.com/mongodb-js/compass/commit/e120316c97afa9216c075d025f70bcba434b54e2

Comment by Githook User [ 17/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: feat(compass-import): update import modal to LeafyGreen components COMPASS-6220 (#3728)
Branch: compass-validation-components
https://github.com/mongodb-js/compass/commit/f81cf38005a73bccb0db48296f267b5f55774b50

Comment by Githook User [ 14/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: feat(compass-import): update import modal to LeafyGreen components COMPASS-6220 (#3728)
Branch: 6293-dev
https://github.com/mongodb-js/compass/commit/f81cf38005a73bccb0db48296f267b5f55774b50

Comment by Githook User [ 14/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: feat(compass-import): update import modal to LeafyGreen components COMPASS-6220 (#3728)
Branch: main
https://github.com/mongodb-js/compass/commit/f81cf38005a73bccb0db48296f267b5f55774b50

Comment by Githook User [ 14/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: Merge branch 'main' into COMPASS-6220-import-modal-update
Branch: COMPASS-6220-import-modal-update
https://github.com/mongodb-js/compass/commit/dae265ff53f96a12ad21aad583af7ff08f2d4f14

Comment by Githook User [ 11/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: feat(export): update export modal to LeafyGreen components COMPASS-6220 (#3693)
Branch: compass-6057-refactor-auto-updates
https://github.com/mongodb-js/compass/commit/48c86f60a4b260b99726c01984fc49a7f7763019

Comment by Githook User [ 09/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: feat(export): update export modal to LeafyGreen components COMPASS-6220 (#3693)
Branch: COMPASS-4763-atlas-entry-point
https://github.com/mongodb-js/compass/commit/48c86f60a4b260b99726c01984fc49a7f7763019

Comment by Githook User [ 09/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: feat(export): update export modal to LeafyGreen components COMPASS-6220 (#3693)
Branch: COMPASS-6064-implement-readonly-option
https://github.com/mongodb-js/compass/commit/48c86f60a4b260b99726c01984fc49a7f7763019

Comment by Githook User [ 04/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: feat(export): update export modal to LeafyGreen components COMPASS-6220 (#3693)
Branch: export-to-language-components
https://github.com/mongodb-js/compass/commit/48c86f60a4b260b99726c01984fc49a7f7763019

Comment by Githook User [ 03/Nov/22 ]

Author:

{'name': 'Rhys', 'email': 'Anemy@users.noreply.github.com', 'username': 'Anemy'}

Message: feat(export): update export modal to LeafyGreen components COMPASS-6220 (#3693)
Branch: main
https://github.com/mongodb-js/compass/commit/48c86f60a4b260b99726c01984fc49a7f7763019

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