superdesk-ui-framework 2.4.20 → 2.4.21

package/dist/vendor.bundle.js

@@ -29048,7 +29048,7 @@ module.exports = angular;
 /***/ (function(module, exports, __webpack_require__) {
 
 /* WEBPACK VAR INJECTION */(function(__webpack_provided_window_dot_jQuery) {/**
- * @license AngularJS v1.8.2
+ * @license AngularJS v1.8.3
  * (c) 2010-2020 Google LLC. http://angularjs.org
  * License: MIT
  */
@@ -29148,7 +29148,7 @@ function isValidObjectMaxDepth(maxDepth) {
 function minErr(module, ErrorConstructor) {
   ErrorConstructor = ErrorConstructor || Error;
 
-  var url = 'https://errors.angularjs.org/1.8.2/';
+  var url = 'https://errors.angularjs.org/1.8.3/';
   var regex = url.replace('.', '\\.') + '[\\s\\S]*';
   var errRegExp = new RegExp(regex, 'g');
 
@@ -31877,11 +31877,11 @@ function toDebugString(obj, maxDepth) {
 var version = {
   // These placeholder strings will be replaced by grunt's `build` task.
   // They need to be double- or single-quoted.
-  full: '1.8.2',
+  full: '1.8.3',
   major: 1,
   minor: 8,
-  dot: 2,
-  codeName: 'meteoric-mining'
+  dot: 3,
+  codeName: 'ultimate-farewell'
 };
 
 
@@ -32032,7 +32032,7 @@ function publishExternalAPI(angular) {
       });
     }
   ])
-  .info({ angularVersion: '1.8.2' });
+  .info({ angularVersion: '1.8.3' });
 }
 
 /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
@@ -46649,7 +46649,7 @@ function $ParseProvider() {
 
       var useInputs = parsedExpression.inputs && !exp.inputs;
 
-      // Propogate the literal/inputs/constant attributes
+      // Propagate the literal/inputs/constant attributes
       // ... but not oneTime since we are handling it
       oneTimeWatch.literal = parsedExpression.literal;
       oneTimeWatch.constant = parsedExpression.constant;
@@ -46736,7 +46736,7 @@ function $ParseProvider() {
       fn.$$intercepted = parsedExpression;
       fn.$$interceptor = interceptorFn;
 
-      // Propogate the literal/oneTime/constant attributes
+      // Propagate the literal/oneTime/constant attributes
       fn.literal = parsedExpression.literal;
       fn.oneTime = parsedExpression.oneTime;
       fn.constant = parsedExpression.constant;
@@ -65664,7 +65664,7 @@ module.exports = 'ngAnimate';
 /***/ (function(module, exports) {
 
 /**
- * @license AngularJS v1.8.2
+ * @license AngularJS v1.8.3
  * (c) 2010-2020 Google LLC. http://angularjs.org
  * License: MIT
  */
@@ -69917,7 +69917,7 @@ angular.module('ngAnimate', [], function initAngularHelpers() {
   isFunction  = angular.isFunction;
   isElement   = angular.isElement;
 })
-  .info({ angularVersion: '1.8.2' })
+  .info({ angularVersion: '1.8.3' })
   .directive('ngAnimateSwap', ngAnimateSwapDirective)
 
   .directive('ngAnimateChildren', $$AnimateChildrenDirective)

package/examples/pages/components/checkbox.html

@@ -45,7 +45,7 @@
                     <sd-check ng-model="def6" label-position="inside" data-icon="th-list">Button style with icon</sd-check>
                     <sd-check ng-model="def7" label-position="inside" data-icon="th" ng-checked="true">I have an icon!</sd-check>
                     <sd-check ng-model="def8" label-position="inside" data-icon="th-large">Yeah, me too!</sd-check>
-                    <sd-check ng-model="def9" data-icon="star">I have an icon :) </sd-check>
+                    <sd-check ng-model="def9" data-icon="star" disabled>I have an icon :) </sd-check>
                 </div>
             </div>
 

package/examples/pages/react/Inputs.tsx

@@ -64,6 +64,7 @@ export default class InputsDoc extends React.Component<{}, IState> {
                             <p className="docs-page__paragraph">// Hidden label</p>
                             <div className='form__row'>
                                 <Input label='Hidden input label'
+                                    type='number'
                                     value='Lorem ipsum input'
                                     maxLength={30}
                                     error='This is an error message'

package/examples/pages/react/Tags.tsx

@@ -33,7 +33,7 @@ export default class TagDoc extends React.Component<{}, ITag> {
             <section className="docs-page__container"> 
             <h2 className="docs-page__h2">Tag</h2>
             <Markup.ReactMarkupCodePreview>{`
-               <Tag text='This is a tag' onClick={()=>false}/>
+               <Tag text='This is a tag' onRemove={()=>false}/>
             `}
             </Markup.ReactMarkupCodePreview>
             
@@ -48,18 +48,18 @@ export default class TagDoc extends React.Component<{}, ITag> {
                                         shade={tag.shade}
                                         shape={tag.shape}
                                         readOnly={tag.readOnly}
-                                        onClick={()=>this.handleClick(index)}/>
+                                        onRemove={()=>this.handleClick(index)} />
                                 </React.Fragment>
                         )
                         })}
                 </div>
                 </Markup.ReactMarkupPreview>
                 <Markup.ReactMarkupCode>{`
-                    <Tag text='This is a tag' onClick={()=>false}/>
-                    <Tag text='This is a another tag' shade='darker' onClick={()=>false}/>
-                    <Tag text='Lorem ipsum' shade='highlight1' onClick={()=>false}/>
-                    <Tag text='Dolor amet' shade='highlight2' shape='square' onClick={()=>false}/>
-                    
+                    <Tag text='This is a tag' onRemove={()=>false}/>
+                    <Tag text='This is a another tag' shade='darker' onRemove={()=>false}/>
+                    <Tag text='Lorem ipsum' shade='highlight1' onRemove={()=>false}/>
+                    <Tag text='Dolor amet' shade='highlight2' shape='square' onRemove={()=>false}/>
+                    <Tag text='Read only tag' readOnly={true} onRemove={()=>false}/>
                 `}          
                 </Markup.ReactMarkupCode>
             </Markup.ReactMarkup>
@@ -70,6 +70,8 @@ export default class TagDoc extends React.Component<{}, ITag> {
                     <Prop name='shade' isRequired={false} type='light | darker | highlight1 | highlight2' default='light' description='Shade colour of tag'/>
                     <Prop name='shape' isRequired={false} type='round | square' default='round' description='Make shape of tag square or default round.'/>
                     <Prop name='keyValue' isRequired={false} type='number' default='/' description='Value of tag key'/>
+                    <Prop name='readOnly' isRequired={false} type='boolean' default='/' description='Read only tag. Dont have option to close/remove tag.'/>
+                    <Prop name='onRemove' isRequired={false} type='function' default='/' description='Callback function'/>
                 </PropsList>
         </section>
         )

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "superdesk-ui-framework",
-  "version": "2.4.20",
+  "version": "2.4.21",
   "license": "AGPL-3.0",
   "repository": {
     "type": "git",

package/react/components/Input.d.ts

@@ -1,6 +1,7 @@
 import * as React from 'react';
 interface IProps {
     value?: string;
+    type?: 'text' | 'number' | 'password';
     label: string;
     maxLength?: number;
     info?: string;

package/react/components/Input.js

@@ -69,6 +69,7 @@ var Input = /** @class */ (function (_super) {
         }
     };
     Input.prototype.render = function () {
+        var _a;
         var classes = classnames_1.default('sd-input', {
             'sd-input--inline-label': this.props.inlineLabel,
             'sd-input--required': this.props.required,
@@ -80,7 +81,7 @@ var Input = /** @class */ (function (_super) {
         });
         return (React.createElement("div", { className: classes },
             React.createElement("label", { className: labelClasses, htmlFor: this.htmlId, id: this.htmlId + 'label' }, this.props.label),
-            React.createElement("input", { className: 'sd-input__input', type: 'text', id: this.htmlId, value: this.state.value, "aria-label": this.props.label, "aria-describedby": this.htmlId + 'label', onChange: this.handleChange, disabled: this.props.disabled }),
+            React.createElement("input", { className: 'sd-input__input', type: (_a = this.props.type) !== null && _a !== void 0 ? _a : 'text', id: this.htmlId, value: this.state.value, "aria-label": this.props.label, "aria-describedby": this.htmlId + 'label', onChange: this.handleChange, disabled: this.props.disabled }),
             this.props.maxLength ?
                 React.createElement("div", { className: 'sd-input__char-count' },
                     this.state.value.length,

package/react/components/Tag.d.ts

@@ -5,7 +5,7 @@ interface IProps {
     shade?: 'light' | 'darker' | 'highlight1' | 'highlight2';
     shape?: 'round' | 'square';
     readOnly?: boolean;
-    onClick(): void;
+    onRemove?(): void;
 }
-export declare const Tag: ({ text, keyValue, shade, shape, readOnly, onClick }: IProps) => JSX.Element;
+export declare const Tag: ({ text, keyValue, shade, shape, readOnly, onRemove }: IProps) => JSX.Element;
 export {};

package/react/components/Tag.js

@@ -27,13 +27,13 @@ var React = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 exports.Tag = function (_a) {
     var _b;
-    var text = _a.text, keyValue = _a.keyValue, shade = _a.shade, shape = _a.shape, readOnly = _a.readOnly, onClick = _a.onClick;
+    var text = _a.text, keyValue = _a.keyValue, shade = _a.shade, shape = _a.shape, readOnly = _a.readOnly, onRemove = _a.onRemove;
     var classes = classnames_1.default('tag-label', (_b = {},
         _b["tag-label--" + shade] = shade && shade !== 'light',
         _b['tag-label--square'] = shape === 'square',
         _b));
     return (React.createElement("span", { className: classes, key: keyValue },
         text,
-        !readOnly ? React.createElement("button", { className: 'tag-label__remove', onClick: onClick },
+        !readOnly ? React.createElement("button", { className: 'tag-label__remove', onClick: onRemove },
             React.createElement("i", { className: 'icon-close-small' })) : null));
 };