Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add tooltip and popup markers #5

Merged
merged 48 commits into from
May 14, 2024
Merged

Add tooltip and popup markers #5

merged 48 commits into from
May 14, 2024

Conversation

matthew44-mappable
Copy link
Contributor

@matthew44-mappable matthew44-mappable commented Apr 15, 2024

Add new components:

  • MMapPopupMarker is a popup with custom content. It may have a different position relative to the object that the tail points to.

Updates:

  • MMapDefaultMarker may contain a popup. You can specify the parameters of the popup window using the popup prop.

Copy link

@flapenguin-mappable flapenguin-mappable left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Is this separate ballon?

src/markers/MMapBalloonMarker/index.css Outdated Show resolved Hide resolved
src/markers/MMapBalloonMarker/index.css Outdated Show resolved Hide resolved
src/markers/MMapBalloonMarker/index.ts Outdated Show resolved Hide resolved
@matthew44-mappable
Copy link
Contributor Author

Is this separate ballon?

Yes, I made it a separate entity that can be added to the map or made part of some kind of marker.

Tooltip, Balloon, Popup are all components from the same category, but have different purposes:

  • MMapBalloonMarker is a popup with custom content. It may have a different position relative to the object that the tail points to.
  • MMapDefaultPopupMarker is a similar popup, but with fixed content (title, description, action button, close button) based on our styles. It works on the basis of MMapBalloonMarker.
  • MMapTooltipMarker is a popup that contains only text without the close button. It works similarly based on MMapBalloonMarker.

Regarding naming, suggestions are accepted)

@matthew44-mappable matthew44-mappable force-pushed the add-popup-tooltip branch 3 times, most recently from ab6fef6 to 8aeb780 Compare April 26, 2024 15:02
src/markers/MMapDefaultMarker/index.ts Outdated Show resolved Hide resolved
src/markers/MMapDefaultPopupMarker/index.ts Outdated Show resolved Hide resolved
example/default-tooltip/common.ts Outdated Show resolved Hide resolved
src/markers/MMapPopupMarker/index.ts Outdated Show resolved Hide resolved
@matthew44-mappable matthew44-mappable merged commit 047437d into main May 14, 2024
1 check passed
@matthew44-mappable matthew44-mappable deleted the add-popup-tooltip branch May 14, 2024 09:39
matthew44-mappable added a commit that referenced this pull request May 28, 2024
* Added getting information about icons from Figma

* Added getting links to icons

* restructuring inside the tools folder

* Fetching components only with export settings

* load icon in local folder

* uploading icons from Figma to a local folder

* export only svg files

* refactor

* optimize svg and filter fallback icons

* generate types for icons

* generate icons list in md file

* filter fill-opacity icons

* default marker

* add nanospinner in cli tool

* path as common constants, nanospinner error in catch

* show pin with icon

* fetch colors from Figma

* color props

* optional props

* custom color

* add fallback icon

* size props in marker

* Downscale if no small icon

* upgrade markers

* download icons

* fix

* took chunk function from lodash

* rename generated files

* add tooltip marker

* tooltip combined positions, tooltip offset

* support dark theme

* separated tooltip and balloon

* add default popup

* remove close callback from popup content

* remove mock MMapPopupMarker

* add overrides

* popups examples

* add unit-tests

* add prefix in css

* add open animations

* remove __impl

* add popup in default marker

* fix popup in marker

* Rename ballon to popup

* Rename tooltip to text-popup

* fix issues

* remove text popup and default popup

* fix
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants