Switch on to V3

This commit is contained in:
Tessa Kelly 2022-04-25 15:42:25 -07:00
parent 296fce96cb
commit 447687c913
12 changed files with 33 additions and 49 deletions

View File

@ -10,4 +10,5 @@ Nri.Ui.SideNav.V2,upgrade to V3
Nri.Ui.Switch.V1,upgrade to V2
Nri.Ui.Table.V4,upgrade to V5
Nri.Ui.Tabs.V6,upgrade to V7
Nri.Ui.Tooltip.V1,upgrade to V2
Nri.Ui.Tooltip.V1,upgrade to V3
Nri.Ui.Tooltip.V2,upgrade to V3

1 Nri.Ui.Accordion.V1 upgrade to V3
10 Nri.Ui.Switch.V1 upgrade to V2
11 Nri.Ui.Table.V4 upgrade to V5
12 Nri.Ui.Tabs.V6 upgrade to V7
13 Nri.Ui.Tooltip.V1 upgrade to V2 upgrade to V3
14 Nri.Ui.Tooltip.V2 upgrade to V3

View File

@ -72,6 +72,7 @@
"Nri.Ui.TextInput.V7",
"Nri.Ui.Tooltip.V1",
"Nri.Ui.Tooltip.V2",
"Nri.Ui.Tooltip.V3",
"Nri.Ui.UiIcon.V1"
],
"elm-version": "0.19.0 <= v < 0.20.0",

View File

@ -149,5 +149,8 @@ hint = 'upgrade to V6'
hint = 'upgrade to V7'
[forbidden."Nri.Ui.Tooltip.V1"]
hint = 'upgrade to V2'
hint = 'upgrade to V3'
usages = ['styleguide/../src/Nri/Ui/Menu/V1.elm']
[forbidden."Nri.Ui.Tooltip.V2"]
hint = 'upgrade to V3'

View File

@ -4,7 +4,11 @@ module Nri.Ui.SegmentedControl.V14 exposing
, Positioning(..), Width(..)
)
{-| Changes from V13:
{-| Patch changes:
- use Tooltip.V3 instead of Tooltip.V2
Changes from V13:
- Adds tooltip support to `viewRadioGroup`
@ -26,7 +30,7 @@ import Nri.Ui.Colors.Extra exposing (withAlpha)
import Nri.Ui.Colors.V1 as Colors
import Nri.Ui.Fonts.V1 as Fonts
import Nri.Ui.Svg.V1 as Svg exposing (Svg)
import Nri.Ui.Tooltip.V2 as Tooltip
import Nri.Ui.Tooltip.V3 as Tooltip
import Nri.Ui.Util exposing (dashify)
import TabsInternal.V2 as TabsInternal

View File

@ -7,7 +7,11 @@ module Nri.Ui.Tabs.V7 exposing
, spaHref
)
{-| Changes from V6:
{-| Patch changes:
- use Tooltip.V3 instead of Tooltip.V2
Changes from V6:
- Changes Tab construction to follow attributes-based approach
- Adds tooltip support
@ -29,7 +33,7 @@ import Nri.Ui
import Nri.Ui.Colors.Extra exposing (withAlpha)
import Nri.Ui.Colors.V1 as Colors
import Nri.Ui.Fonts.V1 as Fonts
import Nri.Ui.Tooltip.V2 as Tooltip
import Nri.Ui.Tooltip.V3 as Tooltip
import TabsInternal.V2 as TabsInternal

View File

@ -1,4 +1,4 @@
module Nri.Ui.Tooltip.V2 exposing
module Nri.Ui.Tooltip.V3 exposing
( view, toggleTip
, Attribute
, plaintext, html
@ -15,37 +15,7 @@ module Nri.Ui.Tooltip.V2 exposing
, primaryLabel, auxillaryDescription
)
{-| Known issues:
- tooltips with focusable content (e.g., a link) will not handle focus correctly for
keyboard-only users when using the onHover attribute
Post-release patches:
- fix overlay for onClick toolTip having a border
- mark customTriggerAttributes as deprecated
- add containerCss
- adds `nriDescription` and `testId`
- fix <https://github.com/NoRedInk/noredink-ui/issues/766>
- use `Shadows`
Changes from V1:
- {Position, withPosition} -> {onTop, onBottom, onLeft, onRight}
- withTooltipStyleOverrides -> css
- {Width, withWidth} -> {exactWidth, fitToContent}
- {Padding, withPadding} -> {smallPadding, normalPadding}
- adds customPadding
- adds custom for custom attributes
- adds plaintext, html helpers for setting the content
- pass a list of attributes rather than requiring a pipeline to set up the tooltip
- move Trigger into the attributes
- change primaryLabel and auxillaryDescription to attributes, adding view
- move the onTrigger event to the attributes
- extraButtonAttrs becomes attribute `customTriggerAttributes`
- isOpen field becomes the `open` attribute
- fold toggleTip and view into each other, so there's less to maintain
- adds withoutTail
{-| Changes from V2:
These tooltips follow the accessibility recommendations from: <https://inclusive-components.design/tooltips-toggletips>

View File

@ -21,7 +21,7 @@ import Html.Styled.Events as Events
import Html.Styled.Keyed as Keyed
import Json.Decode
import Nri.Ui.Html.Attributes.V2 as AttributesExtra
import Nri.Ui.Tooltip.V2 as Tooltip
import Nri.Ui.Tooltip.V3 as Tooltip
import Nri.Ui.Util exposing (dashify)

View File

@ -20,7 +20,7 @@ import Html.Styled.Attributes as Attributes
import Nri.Ui.ClickableSvg.V2 as ClickableSvg
import Nri.Ui.Colors.V1 as Colors
import Nri.Ui.Svg.V1 exposing (Svg)
import Nri.Ui.Tooltip.V2 as Tooltip
import Nri.Ui.Tooltip.V3 as Tooltip
import Nri.Ui.UiIcon.V1 as UiIcon

View File

@ -26,7 +26,7 @@ import Nri.Ui.Colors.V1 as Colors
import Nri.Ui.Fonts.V1 as Fonts
import Nri.Ui.SegmentedControl.V14 as SegmentedControl
import Nri.Ui.Svg.V1 as Svg exposing (Svg)
import Nri.Ui.Tooltip.V2 as Tooltip
import Nri.Ui.Tooltip.V3 as Tooltip
import Nri.Ui.UiIcon.V1 as UiIcon
import String exposing (toLower)
import Task

View File

@ -22,7 +22,7 @@ import Nri.Ui.Colors.V1 as Colors
import Nri.Ui.Svg.V1 as Svg
import Nri.Ui.Tabs.V7 as Tabs exposing (Alignment(..), Tab)
import Nri.Ui.Text.V6 as Text
import Nri.Ui.Tooltip.V2 as Tooltip
import Nri.Ui.Tooltip.V3 as Tooltip
import Nri.Ui.UiIcon.V1 as UiIcon
import Routes
import Task

View File

@ -21,13 +21,18 @@ import Nri.Ui.ClickableSvg.V2 as ClickableSvg
import Nri.Ui.ClickableText.V3 as ClickableText
import Nri.Ui.Heading.V2 as Heading
import Nri.Ui.Text.V6 as Text
import Nri.Ui.Tooltip.V2 as Tooltip
import Nri.Ui.Tooltip.V3 as Tooltip
import Nri.Ui.UiIcon.V1 as UiIcon
version : Int
version =
2
3
moduleName : String
moduleName =
"Tooltip"
example : Example State Msg
@ -69,11 +74,6 @@ example =
}
moduleName : String
moduleName =
"Tooltip"
type alias State =
{ openTooltip : Maybe TooltipType
, staticExampleSettings : Control (List ( String, Tooltip.Attribute Never ))

View File

@ -68,6 +68,7 @@
"Nri.Ui.TextInput.V7",
"Nri.Ui.Tooltip.V1",
"Nri.Ui.Tooltip.V2",
"Nri.Ui.Tooltip.V3",
"Nri.Ui.UiIcon.V1"
]
}