3.0.0-alpha.2 release

.travis.yml

@@ -1,8 +1,8 @@
-dist: focal
+dist: jammy
 language: node_js
 node_js:
     - lts/*
-    - "21"
+    - node
 sudo: false
 before_install:
     - curl -fsSL https://www.mongodb.org/static/pgp/server-4.4.asc | sudo gpg -o /usr/share/keyrings/mongodb-server-4.4.gpg --dearmor
@@ -12,7 +12,7 @@ before_install:
 install:
     - npm config set prefer-offline false
     - npm install -g codecov
-    - git clone --branch=develop --depth 1 https://github.com/enactjs/cli ../cli
+    - git clone --branch=master --depth 1 https://github.com/enactjs/cli ../cli
     - pushd ../cli
     - npm install
     - npm link

Alert/Alert.js

@@ -23,7 +23,7 @@ import Popup from '../Popup';
 
 import AlertImage from './AlertImage';
 
-import css from './Alert.module.less';
+import componentCss from './Alert.module.less';
 
 /**
  * A modal Alert component.
@@ -64,6 +64,22 @@ const AlertBase = kind({
 		 */
 		children: PropTypes.node,
 
+		/**
+		 * Customizes the component by mapping the supplied collection of CSS class names to the
+		 * corresponding internal elements and states of this component.
+		 *
+		 * The following classes are supported:
+		 *
+		 * * `alert` - The root class name
+		 * * `content` - The content component class
+		 * * `fullscreen` - Applied to a `type='fullscreen'` alert
+		 * * `title` - The title component class
+		 *
+		 * @type {Object}
+		 * @public
+		 */
+		css: PropTypes.object,
+
 		/**
 		 * The `id` of Alert referred to when generating ids for `'title'` and `'buttons'`.
 		 *
@@ -140,12 +156,13 @@ const AlertBase = kind({
 	},
 
 	styles: {
-		css,
-		className: 'alert'
+		css: componentCss,
+		className: 'alert',
+		publicClassNames: ['alert', 'content', 'fullscreen', 'title']
 	},
 
 	computed: {
-		buttons: ({buttons}) => {
+		buttons: ({buttons, css}) => {
 			return mapAndFilterChildren(buttons, (button, index) => (
 				<Cell className={css.buttonCell} key={`button${index}`} shrink>
 					{button}
@@ -179,7 +196,7 @@ const AlertBase = kind({
 		}
 	},
 
-	render: ({buttons, contentComponent, children, id, image, overflow, title, type, ...rest}) => {
+	render: ({buttons, contentComponent, children, css, id, image, overflow, title, type, ...rest}) => {
 		const fullscreen = (type === 'fullscreen');
 		const position = (type === 'overlay' ? 'bottom' : type);
 		const showTitle = (fullscreen && title);

CHANGELOG.md

@@ -2,6 +2,59 @@
 
 The following is a curated list of changes in the Enact sandstone module, newest changes on the top.
 
+## [3.0.0-alpha.2] - 2024-10-08
+
+### Added
+
+- `sandstone/Alert` public class names `alert`, `content`, `fullscreen`, and `title`
+- `sandstone/Steps` prop `highlightCurrentOnly` to highlight and scale only the current step
+
+### Changed
+
+- `sandstone/Icon` supported icon list, adding new icons
+
+### Fixed
+
+- `sandstone/Panels.Header` to show title and subtitle properly in `sandstone/WizardPanels`
+- `sandstone/Scroller`, `sandstone/Slider`, and `sandstone/VirtualList` to have default prop when `undefined` prop is passed
+- `sandstone/Scroller` to show scroll indicator when `focusableScrollbar` prop is `true`
+- `sandstone/Scroller` to read out properly when `sandstone/Panels` has `sandstone/Scroller` with `focusableScrollbar`
+- `sandstone/Steps` prop `size` to accept number type
+- `sandstone/VideoPlayer` to show only the mini feedback when pressing play/pause key
+
+## [2.9.2] - 2024-09-26
+
+### Fixed
+
+- `sandstone/Panels.Header` to show title and subtitle properly in `sandstone/WizardPanels`
+- `sandstone/Scroller` to show scroll indicator when `focusableScrollbar` prop is `true`
+
+## [2.9.1] - 2024-09-09
+
+### Added
+
+- `sandstone/Alert` public class names `alert`, `content`, `fullscreen`, and `title`
+- `sandstone/Steps` prop `highlightCurrentOnly` to highlight and scale only the current step
+
+### Changed
+
+- `sandstone/Icon` supported icon list, adding new icons
+
+### Fixed
+
+- `sandstone/Scroller`, `sandstone/Slider`, and `sandstone/VirtualList` to have default prop when `undefined` prop is passed
+- `sandstone/Steps` prop `size` to accept number type
+
+## [2.7.18] - 2024-09-05
+
+### Added
+
+- `sandstone/Alert` public class names `alert`, `content`, `fullscreen`, and `title`
+
+### Changed
+
+- `sandstone/Icon` supported icon list, adding new icons
+
 ## [2.9.0] - 2024-07-17
 
 ### Added
@@ -17,6 +70,25 @@ The following is a curated list of changes in the Enact sandstone module, newest
 - `sandstone/Input` back button to be disabled when `disabled` prop is `true`
 - `sandstone/Popup` to restore focus when a popup is open by default and then closed
 
+## [3.0.0-alpha.1] - 2024-07-11
+
+### Removed
+
+- `sandstone/Input.InputPopupBase` prop `value`
+
+### Added
+
+- `sandstone/Scroller` `editable.blurItemFuncRef` prop to provide a function for blurring the focused item
+
+### Changed
+
+- `sandstone/PageViews` styling to match the latest GUI
+
+### Fixed
+
+- `sandstone/Input` back button to be disabled when `disabled` prop is `true`
+- `sandstone/Popup` to restore focus when a popup is open by default and then closed
+
 ## [2.9.0-beta.1] - 2024-06-17
 
 ### Added

Icon/Icon.js

@@ -359,6 +359,39 @@ const IconBase = kind({
  * wifilock35g
  * wifilock45g
  * create
+ * background
+ * pen
+ * eraser
+ * mediaplayer
+ * location
+ * exit
+ * movies
+ * mycontents
+ * accessibility
+ * seemore
+ * trailer
+ * onnow
+ * tvguidefvp
+ * pcnotconnected
+ * fileppt
+ * textinput
+ * pagewidth
+ * index
+ * colorpicker
+ * ear
+ * hand
+ * remotecontrol
+ * channelscheduling
+ * smartfunction
+ * appscontents
+ * deviceconnect
+ * move
+ * voiced
+ * auracast
+ * jumpbackward10
+ * jumpforward10
+ * logout
+ * sketch
  * ```
  *
  * @name iconList

Icon/IconList.js

@@ -218,5 +218,38 @@ export default {
 	wifilock25g       : 0x0F0196, // wifilock2_5g
 	wifilock35g       : 0x0F0197, // wifilock3_5g
 	wifilock45g       : 0x0F0198, // wifilock4_5g
-	create            : 0x0F0199 // create
+	create            : 0x0F0199, // create
+	background        : 0x0F019A, // background
+	pen               : 0x0F019B, // pen
+	eraser            : 0x0F019C, // eraser
+	mediaplayer       : 0x0F019D, // mediaplayer
+	location          : 0x0F019E, // location
+	exit              : 0x0F019F, // exit
+	movies            : 0x0F01A0, // movies
+	mycontents        : 0x0F01A1, // mycontents
+	accessibility     : 0x0F01A2, // accessibility
+	seemore           : 0x0F01A3, // see_more
+	trailer           : 0x0F01A4, // trailer
+	onnow             : 0x0F01A5, // onnow
+	tvguidefvp        : 0x0F01A6, // tvguide_fvp
+	pcnotconnected    : 0x0F01A7, // pc_not_connected
+	fileppt           : 0x0F01A8, // file_ppt
+	textinput         : 0x0F01A9, // textinput
+	pagewidth         : 0x0F01AA, // pagewidth
+	index             : 0x0F01AB, // index
+	colorpicker       : 0x0F01AC, // colorpicker
+	ear               : 0x0F01AD, // ear
+	hand              : 0x0F01AE, // hand
+	remotecontrol     : 0x0F01AF, // remotecontrol
+	channelscheduling : 0x0F01B0, // channelscheduling
+	smartfunction     : 0x0F01B1, // smartfunction
+	appscontents      : 0x0F01B2, // appscontents
+	deviceconnect     : 0x0F01B3, // deviceconnect
+	move              : 0x0F01B4, // move
+	voiced            : 0x0F01B5, // voiced
+	auracast          : 0x0F01B6, // auracast
+	jumpbackward10    : 0x0F01B7, // jumpbackward_10
+	jumpforward10     : 0x0F01B8, // jumpforward_10
+	logout            : 0x0F01B9, // logout
+	sketch            : 0x0F01BA // sketch
 };

Input/Input.js

@@ -1,5 +1,4 @@
 import {handle, forKey, forward, forwardCustom} from '@enact/core/handle';
-import deprecate from '@enact/core/internal/deprecate';
 import kind from '@enact/core/kind';
 import {extractAriaProps} from '@enact/core/util';
 import Spotlight from '@enact/spotlight';
@@ -291,18 +290,7 @@ const InputPopupBase = kind({
 		 * @default 'text'
 		 * @public
 		 */
-		type: PropTypes.oneOf(['text', 'password', 'number', 'passwordnumber', 'url', 'tel', 'passwordtel']),
-
-		/**
-		 * Initial value of the input.
-		 *
-		 * This value is used for setting the `defaultValue` of the `InputField`.
-		 * @see {@link sandstone/Input.InputField}
-		 * @type {String|Number}
-		 * @public
-		 * @deprecated Will be removed in 3.0.0. Use {@link sandstone/Input.InputPopupBase.defaultValue|defaultValue} instead.
-		 */
-		value: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+		type: PropTypes.oneOf(['text', 'password', 'number', 'passwordnumber', 'url', 'tel', 'passwordtel'])
 	},
 
 	defaultProps: {
@@ -312,8 +300,7 @@ const InputPopupBase = kind({
 		size: 'small',
 		subtitle: '',
 		title: '',
-		type: 'text',
-		value: '' // value is provided by Changeable, but will be null if defaultValue wasn't specified by the consumer
+		type: 'text'
 	},
 
 	styles: {
@@ -382,19 +369,10 @@ const InputPopupBase = kind({
 		subtitle,
 		title,
 		type,
-		value,
 		maxLength,
 		minLength,
 		...rest
 	}) => {
-		/* istanbul ignore next */
-		if (value) {
-			deprecate({
-				name: 'sandstone/Input.InputPopupBase.value',
-				replacedBy: 'sandstone/Input.InputPopupBase.defaultValue',
-				until: '3.0.0'
-			});
-		}
 		const id = `inputPopup`;
 		const ariaLabelledBy = popupAriaLabel ? null : `${id}_title ${id}_subtitle`;
 		const inputProps = extractInputFieldProps({disabled, ...rest});
@@ -451,7 +429,7 @@ const InputPopupBase = kind({
 									announce={announce}
 									maxLength={limitNumberLength(popupType, maxLength)}
 									minLength={limitNumberLength(popupType, minLength)}
-									defaultValue={defaultValue || value}
+									defaultValue={defaultValue}
 									onBeforeChange={onBeforeChange}
 									onComplete={onNumberComplete}
 									showKeypad
@@ -468,7 +446,7 @@ const InputPopupBase = kind({
 									size={size}
 									autoFocus
 									type={type}
-									defaultValue={defaultValue || value}
+									defaultValue={defaultValue}
 									placeholder={placeholder}
 									onBeforeChange={onBeforeChange}
 									onKeyDown={onInputKeyDown}

Marquee/Marquee.js

@@ -14,16 +14,13 @@
 
 import hoc from '@enact/core/hoc';
 import {I18nContextDecorator} from '@enact/i18n/I18nDecorator';
-import {isRtlText} from '@enact/i18n/util';
 import {
 	MarqueeBase,
 	MarqueeController,
 	MarqueeDecorator as UiMarqueeDecorator
 } from '@enact/ui/Marquee';
 
-const MarqueeDecorator = hoc({
-	marqueeDirection: (str) => isRtlText(str) ? 'rtl' : 'ltr'
-}, (config, Wrapped) => {
+const MarqueeDecorator = hoc((config, Wrapped) => {
 	return I18nContextDecorator(
 		{rtlProp: 'rtl', localeProp: 'locale'},
 		UiMarqueeDecorator(

PageViews/Page.js

@@ -11,9 +11,9 @@ import css from './Page.module.less';
  * @ui
  * @public
  */
-
 const Page = kind({
 	name: 'Page',
+
 	propTypes: /** @lends sandstone/PageViews.Page.prototype */ {
 		/**
 		 * Contents of the page.
@@ -36,18 +36,19 @@ const Page = kind({
 		 */
 		css: PropTypes.object
 	},
+
 	styles: {
-		css: css,
+		css,
 		className: 'page',
 		publicClassNames: true
 	},
+
 	render: ({children, ...rest}) => {
 		return (
 			<div {...rest}>
 				{children}
 			</div>
 		);
-
 	}
 });
 

PageViews/Page.module.less

@@ -1,3 +1,6 @@
+// Page.module.less
+//
+
 .page {
     height: 100%;
 }