oojs-ui - npm Package Compare versions

Comparing version 0.6.2 to 0.6.3

build/modules.json

@@ -29,2 +29,3 @@ {
 			"src/elements/LabelElement.js",
+			"src/elements/LookupElement.js",
 			"src/elements/PopupElement.js",
@@ -44,2 +45,3 @@ "src/elements/FlaggedElement.js",
 			"src/layouts/FieldLayout.js",
+			"src/layouts/ActionFieldLayout.js",
 			"src/layouts/FieldsetLayout.js",
@@ -46,0 +48,0 @@ "src/layouts/FormLayout.js",

demos/demo.js

@@ -32,4 +32,4 @@ /**
 	this.themeSelect = new OO.ui.ButtonSelectWidget( { $: this.$ } ).addItems( [
-		new OO.ui.ButtonOptionWidget( { $: this.$, data: 'apex', label: 'Apex' } ),
-		new OO.ui.ButtonOptionWidget( { $: this.$, data: 'mediawiki', label: 'MediaWiki' } )
+		new OO.ui.ButtonOptionWidget( { $: this.$, data: 'mediawiki', label: 'MediaWiki' } ),
+		new OO.ui.ButtonOptionWidget( { $: this.$, data: 'apex', label: 'Apex' } )
 	] );
@@ -100,9 +100,9 @@ this.graphicsSelect = new OO.ui.ButtonSelectWidget( { $: this.$ } ).addItems( [
 OO.ui.Demo.static.themes = {
+	mediawiki: {
+		fileSuffix: '-mediawiki',
+		theme: OO.ui.MediaWikiTheme || OO.ui.Theme
+	},
 	apex: {
 		fileSuffix: '-apex',
 		theme: OO.ui.ApexTheme || OO.ui.Theme
-	},
-	mediawiki: {
-		fileSuffix: '-mediawiki',
-		theme: OO.ui.MediaWikiTheme || OO.ui.Theme
 	}
@@ -157,3 +157,3 @@ };
  */
-OO.ui.Demo.static.defaultTheme = 'apex';
+OO.ui.Demo.static.defaultTheme = 'mediawiki';
 
@@ -160,0 +160,0 @@ /**

demos/pages/dialogs.js

@@ -192,2 +192,3 @@ OO.ui.Demo.static.pages.dialogs = function ( demo ) {
 			new SamplePage( 'large', { $: this.$, label: 'Large', icon: 'window' } ),
+			new SamplePage( 'larger', { $: this.$, label: 'Larger', icon: 'window' } ),
 			new SamplePage( 'full', { $: this.$, label: 'Full', icon: 'window' } )
@@ -240,2 +241,8 @@ ];
 		{
+			name: 'Simple dialog (larger)',
+			config: {
+				size: 'larger'
+			}
+		},
+		{
 			name: 'Simple dialog (full)',
@@ -242,0 +249,0 @@ config: {

demos/pages/widgets.js

@@ -53,2 +53,65 @@ OO.ui.Demo.static.pages.widgets = function ( demo ) {
 
+	/**
+	 * Demo for LookupElement.
+	 * @extends OO.ui.TextInputWidget
+	 * @mixins OO.ui.LookupElement
+	 */
+	function NumberLookupTextInputWidget() {
+		// Parent constructor
+		OO.ui.TextInputWidget.call( this, { validate: 'integer' } );
+		// Mixin constructors
+		OO.ui.LookupElement.call( this );
+	}
+	OO.inheritClass( NumberLookupTextInputWidget, OO.ui.TextInputWidget );
+	OO.mixinClass( NumberLookupTextInputWidget, OO.ui.LookupElement );
+
+	/**
+	 * @inheritdoc
+	 */
+	NumberLookupTextInputWidget.prototype.getLookupRequest = function () {
+		var
+			value = this.getValue(),
+			deferred = $.Deferred(),
+			delay = 500 + Math.floor( Math.random() * 500 );
+
+		this.isValid().done( function ( valid ) {
+			if ( valid ) {
+				// Resolve with results after a faked delay
+				setTimeout( function () {
+					deferred.resolve( [ value * 1, value * 2, value * 3, value * 4, value * 5 ] );
+				}, delay );
+			} else {
+				// No results when the input contains invalid content
+				deferred.resolve( [] );
+			}
+		} );
+
+		return deferred.promise( { abort: function () {} } );
+	};
+
+	/**
+	 * @inheritdoc
+	 */
+	NumberLookupTextInputWidget.prototype.getLookupCacheDataFromResponse = function ( response ) {
+		return response || [];
+	};
+
+	/**
+	 * @inheritdoc
+	 */
+	NumberLookupTextInputWidget.prototype.getLookupMenuOptionsFromData = function ( data ) {
+		var
+			items = [],
+			i, number;
+		for ( i = 0; i < data.length; i++ ) {
+			number = String( data[i] );
+			items.push( new OO.ui.MenuOptionWidget( {
+				data: number,
+				label: number
+			} ) );
+		}
+
+		return items;
+	};
+
 	fieldLayouts = [
@@ -565,2 +628,54 @@ new OO.ui.FieldLayout(
 		),
+		new OO.ui.ActionFieldLayout(
+			new OO.ui.TextInputWidget( {} ),
+			new OO.ui.ButtonWidget( {
+				label: 'Button'
+			} ),
+			{
+				label: 'ActionFieldLayout aligned left',
+				align: 'left'
+			}
+		),
+		new OO.ui.ActionFieldLayout(
+			new OO.ui.TextInputWidget( {} ),
+			new OO.ui.ButtonWidget( {
+				label: 'Button'
+			} ),
+			{
+				label: 'ActionFieldLayout aligned inline',
+				align: 'inline'
+			}
+		),
+		new OO.ui.ActionFieldLayout(
+			new OO.ui.TextInputWidget( {} ),
+			new OO.ui.ButtonWidget( {
+				label: 'Button'
+			} ),
+			{
+				label: 'ActionFieldLayout aligned right',
+				align: 'right'
+			}
+		),
+		new OO.ui.ActionFieldLayout(
+			new OO.ui.TextInputWidget( {} ),
+			new OO.ui.ButtonWidget( {
+				label: 'Button'
+			} ),
+			{
+				label: 'ActionFieldLayout aligned top',
+				align: 'top'
+			}
+		),
+		new OO.ui.ActionFieldLayout(
+			new OO.ui.TextInputWidget( {} ),
+			new OO.ui.ButtonWidget( {
+				label: 'Button'
+			} ),
+			{
+				label: 'ActionFieldLayout aligned top with help',
+				help: 'I am an additional, helpful information. Lorem ipsum dolor sit amet, cibo definiebas pri ' +
+					'in, duo ex inimicus perpetua complectitur, mel periculis similique at.\u200E',
+				align: 'top'
+			}
+		),
 		new OO.ui.FieldLayout(
@@ -655,2 +770,9 @@ new OO.ui.ButtonWidget( {
 		new OO.ui.FieldLayout(
+			new NumberLookupTextInputWidget(),
+			{
+				label: 'LookupElement demo (try inputting an integer)',
+				align: 'top'
+			}
+		),
+		new OO.ui.FieldLayout(
 			new OO.ui.DropdownWidget( {
@@ -657,0 +779,0 @@ label: 'Select one',

dist/i18n/roa-tara.json

@@ -9,3 +9,12 @@ {
 	"ooui-outline-control-move-up": "Spuèste 'a vôsce sus",
-	"ooui-toolbar-more": "De cchiù"
+	"ooui-outline-control-remove": "Live 'a vôsce",
+	"ooui-toolbar-more": "De cchiù",
+	"ooui-toolgroup-expand": "De cchiù",
+	"ooui-toolgroup-collapse": "De mene",
+	"ooui-dialog-message-accept": "OK",
+	"ooui-dialog-message-reject": "Annulle",
+	"ooui-dialog-process-error": "Quacche cose ha sciute stuèrte",
+	"ooui-dialog-process-dismiss": "Scitte",
+	"ooui-dialog-process-retry": "Pruève arrete",
+	"ooui-dialog-process-continue": "Condinue"
 }

dist/oojs-ui-apex.js

 /*!
- * OOjs UI v0.6.2
+ * OOjs UI v0.6.3
  * https://www.mediawiki.org/wiki/OOjs_UI
@@ -9,3 +9,3 @@ *
  *
- * Date: 2015-01-10T01:25:19Z
+ * Date: 2015-01-16T00:05:04Z
  */
@@ -12,0 +12,0 @@ /* Instantiation */

dist/oojs-ui-apex.min.js

@@ -1,3 +0,3 @@
-/*! OOjs UI v0.6.2 | http://oojs.mit-license.org */
+/*! OOjs UI v0.6.3 | http://oojs.mit-license.org */
 OO.ui.theme=new OO.ui.Theme;
 //# sourceMappingURL=oojs-ui-apex.min.js.map

dist/oojs-ui-mediawiki.js

 /*!
- * OOjs UI v0.6.2
+ * OOjs UI v0.6.3
  * https://www.mediawiki.org/wiki/OOjs_UI
@@ -9,3 +9,3 @@ *
  *
- * Date: 2015-01-10T01:25:19Z
+ * Date: 2015-01-16T00:05:04Z
  */
@@ -12,0 +12,0 @@ /**

dist/oojs-ui-mediawiki.min.js

@@ -1,3 +0,3 @@
-/*! OOjs UI v0.6.2 | http://oojs.mit-license.org */
+/*! OOjs UI v0.6.3 | http://oojs.mit-license.org */
 OO.ui.MediaWikiTheme=function(){OO.ui.MediaWikiTheme.super.call(this)},OO.inheritClass(OO.ui.MediaWikiTheme,OO.ui.Theme),OO.ui.MediaWikiTheme.prototype.getElementClasses=function(a){var b,c={invert:!1,progressive:!1,constructive:!1,destructive:!1},d=OO.ui.MediaWikiTheme.super.prototype.getElementClasses.call(this,a);a.supports(["isFramed","isDisabled","hasFlag"])&&(!a.isDisabled()&&a.isFramed()&&a.hasFlag("primary")?c.invert=!0:(c.progressive=a.hasFlag("progressive"),c.constructive=a.hasFlag("constructive"),c.destructive=a.hasFlag("destructive")));for(b in c)d[c[b]?"on":"off"].push("oo-ui-image-"+b);return d},OO.ui.theme=new OO.ui.MediaWikiTheme;
 //# sourceMappingURL=oojs-ui-mediawiki.min.js.map

History.md

 # OOjs UI Release History
 
+## v0.6.3 / 2015-01-14
+* DEPRECATION: LookupInputWidget should no longer be used, instead use LookupElement
+
+* MediaWiki Theme: Adjust toolbar popups' border and shadows (Bartosz Dziewoński)
+* MediaWiki Theme: Don't use 'box-shadow' to produce thin grey lines in dialogs (Bartosz Dziewoński)
+* demo: Switch the default theme from 'Apex' to 'MediaWiki' (Ricordisamoa)
+* Toolbar: Update #initialize docs (Bartosz Dziewoński)
+* Add an ActionFieldLayout (Moriel Schottlender)
+* dialog: Provide a 'larger' size for things for which 'large' isn't enough (James D. Forrester)
+* Synchronize ComboBoxWidget and DropdownWidget styles (Bartosz Dziewoński)
+* Replace old&busted LookupInputWidget with new&hot LookupElement (Bartosz Dziewoński)
+
 ## v0.6.2 / 2015-01-09
@@ -4,0 +16,0 @@ * WindowManager#removeWindows: Documentation fix (Ed Sanders)

i18n/roa-tara.json

@@ -9,3 +9,12 @@ {
 	"ooui-outline-control-move-up": "Spuèste 'a vôsce sus",
-	"ooui-toolbar-more": "De cchiù"
+	"ooui-outline-control-remove": "Live 'a vôsce",
+	"ooui-toolbar-more": "De cchiù",
+	"ooui-toolgroup-expand": "De cchiù",
+	"ooui-toolgroup-collapse": "De mene",
+	"ooui-dialog-message-accept": "OK",
+	"ooui-dialog-message-reject": "Annulle",
+	"ooui-dialog-process-error": "Quacche cose ha sciute stuèrte",
+	"ooui-dialog-process-dismiss": "Scitte",
+	"ooui-dialog-process-retry": "Pruève arrete",
+	"ooui-dialog-process-continue": "Condinue"
 }

package.json

 {
   "name": "oojs-ui",
-  "version": "0.6.2",
+  "version": "0.6.3",
   "description": "User interface classes built on the OOjs framework.",
@@ -5,0 +5,0 @@ "keywords": [

src/Toolbar.js

@@ -96,3 +96,3 @@ /**
  * Sets up handles and preloads required information for the toolbar to work.
- * This must be called immediately after it is attached to a visible document.
+ * This must be called after it is attached to a visible document and before doing anything else.
  */
@@ -99,0 +99,0 @@ OO.ui.Toolbar.prototype.initialize = function () {

src/widgets/LookupInputWidget.js

@@ -12,2 +12,3 @@ /**
  * @abstract
+ * @deprecated Use LookupElement instead.
  *
@@ -14,0 +15,0 @@ * @constructor

src/Window.js

@@ -38,4 +38,4 @@ /**
  * @param {Object} [config] Configuration options
- * @cfg {string} [size] Symbolic name of dialog size, `small`, `medium`, `large` or `full`; omit to
- *   use #static-size
+ * @cfg {string} [size] Symbolic name of dialog size, `small`, `medium`, `large`, `larger` or
+ *  `full`; omit to use #static-size
  */
@@ -300,3 +300,3 @@ OO.ui.Window = function OoUiWindow( config ) {
  *
- * @return {string} Symbolic size name, e.g. 'small', 'medium', 'large', 'full'
+ * @return {string} Symbolic size name, e.g. `small`, `medium`, `large`, `larger`, `full`
  */
@@ -303,0 +303,0 @@ OO.ui.Window.prototype.getSize = function () {

src/WindowManager.js

@@ -141,2 +141,5 @@ /**
 	},
+	larger: {
+		width: 900
+	},
 	full: {
@@ -143,0 +146,0 @@ // These can be non-numeric because they are never used in calculations

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

3650836

increased by1.48%

Number of package files

846

increased by0.48%

Lines of code

76574

increased by1.33%

No dependency changes