superdesk-ui-framework 3.0.1-beta.1 → 3.0.1-beta.2

package/dist/vendor.bundle.js

@@ -7,7 +7,7 @@
 		var a = typeof exports === 'object' ? factory(require("react"), require("react-dom")) : factory(root["react"], root["react-dom"]);
 		for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
 	}
-})(typeof self !== 'undefined' ? self : this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_8__) {
+})(typeof self !== 'undefined' ? self : this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_7__) {
 return /******/ (function(modules) { // webpackBootstrap
 /******/ 	// The module cache
 /******/ 	var installedModules = {};
@@ -70,7 +70,7 @@ return /******/ (function(modules) { // webpackBootstrap
 /******/ 	__webpack_require__.p = "";
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 447);
+/******/ 	return __webpack_require__(__webpack_require__.s = 468);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -82,7 +82,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_0__;
 
 /***/ }),
 
-/***/ 35:
+/***/ 37:
 /***/ (function(module, exports) {
 
 var g;
@@ -110,7 +110,7 @@ module.exports = g;
 
 /***/ }),
 
-/***/ 36:
+/***/ 38:
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -10999,7 +10999,7 @@ return jQuery;
 
 /***/ }),
 
-/***/ 41:
+/***/ 43:
 /***/ (function(module, exports, __webpack_require__) {
 
 /* WEBPACK VAR INJECTION */(function(global, module) {var __WEBPACK_AMD_DEFINE_RESULT__;/**
@@ -28213,11 +28213,11 @@ return jQuery;
   }
 }.call(this));
 
-/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(35), __webpack_require__(43)(module)))
+/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(37), __webpack_require__(44)(module)))
 
 /***/ }),
 
-/***/ 43:
+/***/ 44:
 /***/ (function(module, exports) {
 
 module.exports = function(module) {
@@ -28246,29 +28246,29 @@ module.exports = function(module) {
 
 /***/ }),
 
-/***/ 447:
+/***/ 468:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-__webpack_require__(41);
+__webpack_require__(43);
 
-__webpack_require__(36);
+__webpack_require__(38);
 
-__webpack_require__(448);
+__webpack_require__(469);
 
-__webpack_require__(450);
+__webpack_require__(471);
 
-__webpack_require__(452);
+__webpack_require__(473);
 
 __webpack_require__(0);
 
-__webpack_require__(8);
+__webpack_require__(7);
 
 /***/ }),
 
-/***/ 448:
+/***/ 469:
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -28292,7 +28292,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 	if ( true ) {
 
 		// AMD. Register as an anonymous module.
-		!(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(36), __webpack_require__(449) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+		!(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(38), __webpack_require__(470) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -29030,7 +29030,7 @@ return $.widget;
 
 /***/ }),
 
-/***/ 449:
+/***/ 470:
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;( function( factory ) {
@@ -29039,7 +29039,7 @@ var __WEBPACK_AMD_DEFINE_FACTORY__, __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_
 	if ( true ) {
 
 		// AMD. Register as an anonymous module.
-		!(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(36) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+		!(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(38) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
 				__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
 				(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
 				__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
@@ -29060,16 +29060,16 @@ return $.ui.version = "1.13.0";
 
 /***/ }),
 
-/***/ 450:
+/***/ 471:
 /***/ (function(module, exports, __webpack_require__) {
 
-__webpack_require__(451);
+__webpack_require__(472);
 module.exports = angular;
 
 
 /***/ }),
 
-/***/ 451:
+/***/ 472:
 /***/ (function(module, exports, __webpack_require__) {
 
 /* WEBPACK VAR INJECTION */(function(__webpack_provided_window_dot_jQuery) {/**
@@ -65672,20 +65672,20 @@ $provide.value("$locale", {
 })(window);
 
 !window.angular.$$csp().noInlineStyle && window.angular.element(document.head).prepend(window.angular.element('<style>').text('@charset "UTF-8";[ng\\:cloak],[ng-cloak],[data-ng-cloak],[x-ng-cloak],.ng-cloak,.x-ng-cloak,.ng-hide:not(.ng-hide-animate){display:none !important;}ng\\:form{display:block;}.ng-animate-shim{visibility:hidden;}.ng-anchor{position:absolute;}'));
-/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(36)))
+/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(38)))
 
 /***/ }),
 
-/***/ 452:
+/***/ 473:
 /***/ (function(module, exports, __webpack_require__) {
 
-__webpack_require__(453);
+__webpack_require__(474);
 module.exports = 'ngAnimate';
 
 
 /***/ }),
 
-/***/ 453:
+/***/ 474:
 /***/ (function(module, exports) {
 
 /**
@@ -69964,10 +69964,10 @@ angular.module('ngAnimate', [], function initAngularHelpers() {
 
 /***/ }),
 
-/***/ 8:
+/***/ 7:
 /***/ (function(module, exports) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE_8__;
+module.exports = __WEBPACK_EXTERNAL_MODULE_7__;
 
 /***/ })
 

package/examples/css/docs-page.css

@@ -6,7 +6,7 @@
     --docs-page-color-bg-default: hsl(0, 0%, 97%);
     --docs-page-color-bg-00: hsla(214, 13%, 96%, 1);
     --docs-page-color-bg-10: hsla(0, 0%, 100%, 1);
-    --docs-page-color-bg__window-bar: hsl(0, 0%, 92%);
+    --docs-page-color-bg__window-bar: hsl(214, 13%, 90%);
     --docs-page-color-bg__aside: hsla(214, 13%, 92%, 1);
     --docs-page-color-bg__header: hsl(216, 45%, 24%);
 
@@ -26,7 +26,7 @@
     --docs-page-color-bg-default: hsla(214, 13%, 96%, 1);
     --docs-page-color-bg-00: hsla(214, 13%, 12%, 1);
     --docs-page-color-bg-10: hsla(214, 13%, 12%, 1);
-    --docs-page-color-bg__window-bar: hsl(0, 0%, 8%);
+    --docs-page-color-bg__window-bar: hsl(214, 13%, 8%);
     --docs-page-color-bg__aside: hsla(214, 13%, 16%, 1);
     --docs-page-color-bg__header: hsl(216, 40%, 18%);
 
@@ -858,7 +858,6 @@ pre.prettyprint {
     scroll-behavior: smooth;
 }
 
-.
 /* ---------------- COLOR SWATCHES ---------------- */
 
 .doc-swatches__grid {

package/examples/index.js

@@ -406,6 +406,14 @@ export default angular.module('ui-docs', [
             'personal-profile': {
                 name: 'Personal Profile',
                 component: 'PersonalProfile'
+            },
+            'rundown-editor': {
+                name: 'Rundown Editor',
+                component: 'RundownEditor'
+            },
+            'rundowns': {
+                name: 'Rundowns',
+                component: 'Rundowns'
             }
         }
     }))

package/examples/pages/playgrounds/react-playgrounds/EditorTest.tsx

@@ -112,6 +112,7 @@ export class EditorTest extends React.Component<IProps, IState> {
             )}
             main={(
                 <Layout.AuthoringMain
+                headerPadding='medium'
                 toolBar={(
                     <React.Fragment>
                         <div className="sd-editor-toolbar__content">
@@ -126,18 +127,19 @@ export class EditorTest extends React.Component<IProps, IState> {
                                 <dd><time title="July 29, 2021 3:58 PM">07/29</time></dd>
                             </dl>
                         </div>
-                        <ButtonGroup  align='end'>
+                        <ButtonGroup align='end'>
                             <IconButton icon="preview-mode" toolTipAppend={true} ariaValue="Print preview" onClick={()=> false} />
                             <IconButton icon="adjust" ariaValue="Toogle theme" onClick={()=> false} />
                             <IconButton icon="switches" ariaValue="Theme settings" onClick={()=> false} />
                         </ButtonGroup>
                     </React.Fragment>
                 )}
-                authoringHeader={(
+                authoringHeader ={(
                     <React.Fragment>
                         <Form.FormGroup inlineLabel={true}>
                             <Form.FormItem>
                                 <Input
+                                    type='text'
                                     label='Slugline'
                                     value='This is some value'
                                     maxLength={30}
@@ -146,10 +148,11 @@ export class EditorTest extends React.Component<IProps, IState> {
                                     required={false}
                                     disabled={false}
                                     invalid={false}
-                                    onChange={(value) => {}} /> 
+                                    onChange={(value) => {}} />
                             </Form.FormItem>
                             <Form.FormItem>
                                 <Input
+                                    type='text'
                                     label='Slugline'
                                     value='This is some value'
                                     maxLength={30}
@@ -164,6 +167,7 @@ export class EditorTest extends React.Component<IProps, IState> {
                         <Form.FormGroup inlineLabel={true}>
                             <Form.FormItem>
                                 <Input
+                                    type='text'
                                     label='Genre'
                                     value='This is some value'
                                     maxLength={30}
@@ -177,7 +181,8 @@ export class EditorTest extends React.Component<IProps, IState> {
                         </Form.FormGroup>
                         <Form.FormGroup marginBottom='0' inlineLabel={true}>
                             <Form.FormItem>
-                                <Input 
+                                <Input
+                                    type='text'
                                     label='Subject'
                                     value='This is some value'
                                     maxLength={30}

package/examples/pages/playgrounds/react-playgrounds/Index.tsx

@@ -4,4 +4,6 @@ export { TestGround } from './TestGround';
 export { UiPlayground } from './UiPlayground';
 export { PageLayoutTest } from './PageLayoutTest';
 export { EditorTest } from './EditorTest';
-export { PersonalProfile } from './PersonalProfile';
+export { RundownEditor } from './RundownEditor';
+export { PersonalProfile } from './PersonalProfile';
+export { Rundowns } from './Rundowns';

package/examples/pages/playgrounds/react-playgrounds/PersonalProfile.tsx

@@ -200,6 +200,7 @@ export class PersonalProfile extends React.Component<IProps, IState> {
                                                     <Form.FormItem>
                                                         <Input
                                                             label='First Name'
+                                                            type='text'
                                                             value='Jeffrey'
                                                             error='Error message'
                                                             required={false}
@@ -212,6 +213,7 @@ export class PersonalProfile extends React.Component<IProps, IState> {
                                                     <Form.FormItem>
                                                         <Input
                                                             label='Last Name'
+                                                            type='text'
                                                             value='Lebowski'
                                                             error='Error message'
                                                             required={false}
@@ -224,6 +226,7 @@ export class PersonalProfile extends React.Component<IProps, IState> {
                                                     <Form.FormItem>
                                                         <Input
                                                             label='Username'
+                                                            type='text'
                                                             value='the_dude'
                                                             error='Error message'
                                                             required={false}
@@ -238,6 +241,7 @@ export class PersonalProfile extends React.Component<IProps, IState> {
                                                     <Form.FormItem>
                                                         <Input
                                                             label='Email'
+                                                            type='text'
                                                             value='jeffrey.lebowski@bloodsimple.org'
                                                             error='Error message'
                                                             required={false}
@@ -250,6 +254,7 @@ export class PersonalProfile extends React.Component<IProps, IState> {
                                                     <Form.FormItem>
                                                         <Input
                                                             label='Phone number'
+                                                            type='text'
                                                             value='+381 64 155 22 55'
                                                             error='Error message'
                                                             required={false}
@@ -345,6 +350,7 @@ export class PersonalProfile extends React.Component<IProps, IState> {
                                                 <Form.FormItem>
                                                     <Input
                                                         label='Sign-Off'
+                                                        type='text'
                                                         value='the_dude'
                                                         error='Error message'
                                                         required={false}
@@ -357,6 +363,7 @@ export class PersonalProfile extends React.Component<IProps, IState> {
                                                 <Form.FormItem>
                                                     <Input
                                                         label='Byline'
+                                                        type='text'
                                                         value='Jeffrey Lebowski'
                                                         error='Error message'
                                                         required={false}
@@ -369,6 +376,7 @@ export class PersonalProfile extends React.Component<IProps, IState> {
                                                 <Form.FormItem>
                                                     <Input
                                                         label='Job Title'
+                                                        type='text'
                                                         value='the_dude'
                                                         error='Error message'
                                                         required={false}
@@ -381,6 +389,7 @@ export class PersonalProfile extends React.Component<IProps, IState> {
                                                 <Form.FormItem>
                                                     <Input
                                                         label='Biography'
+                                                        type='text'
                                                         value='the_dude'
                                                         error='Error message'
                                                         required={false}
@@ -394,6 +403,7 @@ export class PersonalProfile extends React.Component<IProps, IState> {
                                                 <Form.FormItem>
                                                     <Input
                                                         label='Facebook'
+                                                        type='text'
                                                         value='the_dude'
                                                         error='Error message'
                                                         required={false}
@@ -406,6 +416,7 @@ export class PersonalProfile extends React.Component<IProps, IState> {
                                                 <Form.FormItem>
                                                     <Input
                                                         label='Instagram'
+                                                        type='text'
                                                         value='the_dude'
                                                         error='Error message'
                                                         required={false}
@@ -418,6 +429,7 @@ export class PersonalProfile extends React.Component<IProps, IState> {
                                                 <Form.FormItem>
                                                     <Input
                                                         label='Twitter'
+                                                        type='text'
                                                         value='the_dude'
                                                         error='Error message'
                                                         required={false}
@@ -518,6 +530,7 @@ export class PersonalProfile extends React.Component<IProps, IState> {
                                                 <Form.FormItem>
                                                     <Input
                                                         label='Dateline / Located'
+                                                        type='text'
                                                         value=''
                                                         error='This is error message'
                                                         required={false}