fix(ui5-popover): rename noArrow property to hideArrow (#3351)

fifoosid · web-flow · commit 39cc473f6489 · 2021-05-28T16:56:16.000+03:00
Part of #3107 BREAKING_CHANGE: rename noArrow property to hideArrow
diff --git a/packages/fiori/src/NotifactionOverflowActionsPopover.hbs b/packages/fiori/src/NotifactionOverflowActionsPopover.hbs
@@ -2,7 +2,7 @@
 	class="ui5-notification-overflow-popover"
 	placement-type="Bottom"
 	horizontal-align="Right"
-	no-arrow
+	hide-arrow
 >
 	<div class="ui5-notification-overflow-list">
 		{{#each overflowActions}}
diff --git a/packages/fiori/src/ShellBarPopover.hbs b/packages/fiori/src/ShellBarPopover.hbs
@@ -13,7 +13,7 @@
 <ui5-popover class="ui5-shellbar-overflow-popover"
 	placement-type="Bottom"
 	horizontal-align="{{popoverHorizontalAlign}}"
-	no-arrow
+	hide-arrow
 	@ui5-before-open={{_overflowPopoverBeforeOpen}}
 	@ui5-after-close={{_overflowPopoverAfterClose}}
 >
diff --git a/packages/main/src/ComboBoxPopover.hbs b/packages/main/src/ComboBoxPopover.hbs
@@ -1,5 +1,5 @@
 <ui5-responsive-popover
-	no-arrow
+	hide-arrow
 	content-only-on-desktop
 	_disable-initial-focus
 	placement-type="Bottom"
@@ -95,7 +95,7 @@
 		_disable-initial-focus
 		prevent-focus-restore
 		no-padding
-		no-arrow
+		hide-arrow
 		class="ui5-valuestatemessage-popover"
 		placement-type="Bottom"
 	>
diff --git a/packages/main/src/DatePickerPopover.hbs b/packages/main/src/DatePickerPopover.hbs
@@ -5,7 +5,7 @@
 	placement-type="Bottom"
 	horizontal-align="Left"
 	?disable-scrolling="{{_isIE}}"
-	no-arrow
+	hide-arrow
 	with-padding
 	no-stretch
 	?_hide-header={{_shouldHideHeader}}
diff --git a/packages/main/src/FileUploaderPopover.hbs b/packages/main/src/FileUploaderPopover.hbs
@@ -3,7 +3,7 @@
 	_disable-initial-focus
 	prevent-focus-restore
 	no-padding
-	no-arrow
+	hide-arrow
 	class="ui5-valuestatemessage-popover"
 	placement-type="Bottom"
 	horizontal-align="Left"
diff --git a/packages/main/src/InputPopover.hbs b/packages/main/src/InputPopover.hbs
@@ -1,6 +1,6 @@
 {{#if showSuggestions}}
 	<ui5-responsive-popover
-		no-arrow
+		hide-arrow
 		_disable-initial-focus
 		placement-type="Bottom"
 		horizontal-align="Left"
@@ -68,7 +68,7 @@
 			_disable-initial-focus
 			prevent-focus-restore
 			no-padding
-			no-arrow
+			hide-arrow
 			class="ui5-valuestatemessage-popover"
 			placement-type="Bottom"
 			horizontal-align="Left"
diff --git a/packages/main/src/MultiComboBoxPopover.hbs b/packages/main/src/MultiComboBoxPopover.hbs
@@ -2,7 +2,7 @@
 	placement-type="Bottom"
 	horizontal-align="Left"
 	class="ui5-multi-combobox-all-items-responsive-popover"
-	no-arrow
+	hide-arrow
 	_disable-initial-focus
 	@ui5-selection-change={{_listSelectionChange}}
 	@ui5-after-close={{_toggle}}
@@ -95,7 +95,7 @@
 		_disable-initial-focus
 		prevent-focus-restore
 		no-padding
-		no-arrow
+		hide-arrow
 		class="ui5-valuestatemessage-popover"
 		placement-type="Bottom"
 		horizontal-align="Left"
diff --git a/packages/main/src/Popover.js b/packages/main/src/Popover.js
@@ -126,8 +126,9 @@ const metadata = {
 		 * @type {boolean}
 		 * @defaultvalue false
 		 * @public
+		 * @since 1.0.0-rc.15
 		 */
-		noArrow: {
+		hideArrow: {
 			type: Boolean,
 		},
 
@@ -498,7 +499,7 @@ class Popover extends Popup {
 		this._width = width;
 		this._height = height;
 
-		const arrowOffset = this.noArrow ? 0 : arrowSize;
+		const arrowOffset = this.hideArrow ? 0 : arrowSize;
 
 		// calc popover positions
 		switch (placementType) {
diff --git a/packages/main/src/SelectPopover.hbs b/packages/main/src/SelectPopover.hbs
@@ -1,6 +1,6 @@
 {{#if options}}
 	<ui5-responsive-popover
-		no-arrow
+		hide-arrow
 		_disable-initial-focus
 		content-only-on-desktop
 		placement-type="Bottom"
@@ -67,7 +67,7 @@
 		_disable-initial-focus
 		prevent-focus-restore
 		no-padding
-		no-arrow
+		hide-arrow
 		class="ui5-valuestatemessage-popover"
 		placement-type="Bottom"
 	>
diff --git a/packages/main/src/TabContainerPopover.hbs b/packages/main/src/TabContainerPopover.hbs
@@ -4,7 +4,7 @@
 	placement-type="Bottom"
 	content-only-on-desktop
 	with-padding
-	no-arrow
+	hide-arrow
 	_hide-header
 >
 	<ui5-list @ui5-item-press="{{_onOverflowListItemSelect}}">
diff --git a/packages/main/src/TextAreaPopover.hbs b/packages/main/src/TextAreaPopover.hbs
@@ -3,7 +3,7 @@
 		skip-registry-update
 		prevent-focus-restore
 		no-padding
-		no-arrow
+		hide-arrow
 		_disable-initial-focus
 		class="ui5-valuestatemessage-popover"
 		style="{{styles.valueStateMsgPopover}}"
diff --git a/packages/main/src/TimePickerPopover.hbs b/packages/main/src/TimePickerPopover.hbs
@@ -5,7 +5,7 @@
 	horizontal-align="Left"
 	allow-target-overlap
 	_hide-header
-	no-arrow
+	hide-arrow
 	no-stretch
 	stay-open-on-scroll
 	@ui5-after-close="{{onResponsivePopoverAfterClose}}"
diff --git a/packages/main/src/TokenizerPopover.hbs b/packages/main/src/TokenizerPopover.hbs
@@ -3,7 +3,7 @@
 	style={{styles.popover}}
 	header-text={{morePopoverTitle}}
 	?content-only-on-desktop="{{hasValueState}}"
-	no-arrow
+	hide-arrow
 	placement-type="Bottom"
 	horizontal-align="Left"
 >
diff --git a/packages/main/src/themes/Popover.css b/packages/main/src/themes/Popover.css
@@ -81,6 +81,6 @@
 	margin: .1875rem -.375rem 0 0;
 }
 
-:host([no-arrow]) .ui5-popover-arrow {
+:host([hide-arrow]) .ui5-popover-arrow {
 	display: none;
 }
diff --git a/packages/main/test/pages/Dialog.html b/packages/main/test/pages/Dialog.html
@@ -329,7 +329,7 @@
 		</div>
 	</ui5-popover>
 
-	<ui5-dialog placement-type="Bottom" no-arrow id='danger'>
+	<ui5-dialog placement-type="Bottom" id='danger'>
 		<ui5-list>
 			<ui5-li>Hello</ui5-li>
 			<ui5-li>World</ui5-li>
diff --git a/packages/main/test/pages/Input_quickview.html b/packages/main/test/pages/Input_quickview.html
@@ -33,7 +33,7 @@ <h1> Quick View sample</h1>
 		<ui5-suggestion-item class="suggestionItem" text="IPad Air"></ui5-suggestion-item>
 	</ui5-input>
 
-	<ui5-popover id="quickViewCard" no-arrow placement-type="Right" height="500px" prevent-focus-restore>
+	<ui5-popover id="quickViewCard" hide-arrow placement-type="Right" height="500px" prevent-focus-restore>
 		<button>hello</button>
 		<ui5-input id="searchInput" style="width: 300px">
 			<ui5-icon id="searchIcon" slot="icon" name="search"></ui5-icon>
@@ -78,7 +78,7 @@ <h1> Test Quick View sample</h1>
 	<div style="width: 200px">Test mouseover on item</div>
 	<ui5-input id="mouseoverResult" style="width: 100%"></ui5-input>
 
-	<ui5-popover id="quickViewCard2" no-arrow placement-type="Right" height="500px">
+	<ui5-popover id="quickViewCard2" hide-arrow placement-type="Right" height="500px">
 		<ui5-input id="searchInput2" style="width: 300px">
 			<ui5-icon id="searchIcon" slot="icon" name="search"></ui5-icon>
 		</ui5-input>
diff --git a/packages/main/test/pages/Popover.html b/packages/main/test/pages/Popover.html
@@ -76,7 +76,7 @@
 
 		<ui5-button id="popbtn">Open Popover</ui5-button>
 
-		<ui5-popover placement-type="Bottom" no-arrow id="danger">
+		<ui5-popover placement-type="Bottom" hide-arrow id="danger">
 
 
 			<ui5-list>
diff --git a/packages/main/test/pages/Popups.html b/packages/main/test/pages/Popups.html
@@ -62,7 +62,7 @@
 		<content id="popover"></content>
 	</div>
 
-	<ui5-popover placement-type="Bottom" horizontal-align="Stretch" no-arrow initial-focus="input1" class="wcPopoverWithList">
+	<ui5-popover placement-type="Bottom" horizontal-align="Stretch" hide-arrow initial-focus="input1" class="wcPopoverWithList">
 		<ui5-list id="myList" indent separators="Inner" mode="MultiSelect" footer-text="Copyright" no-data-text="No data">
 			<!-- Header -->
 			<div style="display: flex; align-items: center;" slot="header">
diff --git a/packages/main/test/samples/ColorPalette.sample.html b/packages/main/test/samples/ColorPalette.sample.html
@@ -91,7 +91,7 @@ <h3>ColorPalette in Popover</h3>
 			header-text="Pick a color"
 			placement-type="Bottom"
 			horizontal-align="Left"
-			no-arrow>
+			hide-arrow>
 				<ui5-color-palette id="colorPaletteInPopover" show-more-colors>
 					<ui5-color-palette-item value="darkblue"></ui5-color-palette-item>
 					<ui5-color-palette-item value="pink"></ui5-color-palette-item>
diff --git a/packages/main/test/specs/Popover.spec.js b/packages/main/test/specs/Popover.spec.js
@@ -23,7 +23,7 @@ describe("Attributes propagation", () => {
 		assert.ok(popover.shadow$(".ui5-popover-arrow").isDisplayedInViewport(), "Initially popover has arrow.");
 
 		browser.execute(() => {
-			document.getElementById("pop").toggleAttribute("no-arrow");
+			document.getElementById("pop").toggleAttribute("hide-arrow");
 		});
 
 		assert.ok(!popover.shadow$(".ui5-popover-arrow").isDisplayedInViewport(), "The arrow was hidden.");

Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@`
`2`	`2`	`class="ui5-notification-overflow-popover"`
`3`	`3`	`placement-type="Bottom"`
`4`	`4`	`horizontal-align="Right"`
`5`		`- no-arrow`
	`5`	`+ hide-arrow`
`6`	`6`	`>`
`7`	`7`	`<div class="ui5-notification-overflow-list">`
`8`	`8`	`{{#each overflowActions}}`
Original file line number	Diff line number	Diff line change
`@@ -13,7 +13,7 @@`
`13`	`13`	`<ui5-popover class="ui5-shellbar-overflow-popover"`
`14`	`14`	`placement-type="Bottom"`
`15`	`15`	`horizontal-align="{{popoverHorizontalAlign}}"`
`16`		`- no-arrow`
	`16`	`+ hide-arrow`
`17`	`17`	`@ui5-before-open={{_overflowPopoverBeforeOpen}}`
`18`	`18`	`@ui5-after-close={{_overflowPopoverAfterClose}}`
`19`	`19`	`>`
Original file line number	Diff line number	Diff line change
`@@ -4,7 +4,7 @@`
`4`	`4`	`placement-type="Bottom"`
`5`	`5`	`content-only-on-desktop`
`6`	`6`	`with-padding`
`7`		`- no-arrow`
	`7`	`+ hide-arrow`
`8`	`8`	`_hide-header`
`9`	`9`	`>`
`10`	`10`	`<ui5-list @ui5-item-press="{{_onOverflowListItemSelect}}">`
Original file line number	Diff line number	Diff line change
`@@ -3,7 +3,7 @@`
`3`	`3`	`style={{styles.popover}}`
`4`	`4`	`header-text={{morePopoverTitle}}`
`5`	`5`	`?content-only-on-desktop="{{hasValueState}}"`
`6`		`- no-arrow`
	`6`	`+ hide-arrow`
`7`	`7`	`placement-type="Bottom"`
`8`	`8`	`horizontal-align="Left"`
`9`	`9`	`>`
Original file line number	Diff line number	Diff line change
`@@ -81,6 +81,6 @@`
`81`	`81`	`margin: .1875rem -.375rem 0 0;`
`82`	`82`	`}`
`83`	`83`
`84`		`-:host([no-arrow]) .ui5-popover-arrow {`
	`84`	`+:host([hide-arrow]) .ui5-popover-arrow {`
`85`	`85`	`display: none;`
`86`	`86`	`}`