superdesk-ui-framework 3.1.3 → 3.1.4

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_9__) {
 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 = 576);
+/******/ 	return __webpack_require__(__webpack_require__.s = 798);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -82,7 +82,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_0__;
 
 /***/ }),
 
-/***/ 21:
+/***/ 24:
 /***/ (function(module, exports, __webpack_require__) {
 
 /* WEBPACK VAR INJECTION */(function(global, module) {var __WEBPACK_AMD_DEFINE_RESULT__;/**
@@ -17296,11 +17296,11 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_0__;
   }
 }.call(this));
 
-/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(35), __webpack_require__(53)(module)))
+/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(40), __webpack_require__(56)(module)))
 
 /***/ }),
 
-/***/ 35:
+/***/ 40:
 /***/ (function(module, exports) {
 
 var g;
@@ -17328,7 +17328,36 @@ module.exports = g;
 
 /***/ }),
 
-/***/ 44:
+/***/ 56:
+/***/ (function(module, exports) {
+
+module.exports = function(module) {
+	if(!module.webpackPolyfill) {
+		module.deprecate = function() {};
+		module.paths = [];
+		// module.parent = undefined by default
+		if(!module.children) module.children = [];
+		Object.defineProperty(module, "loaded", {
+			enumerable: true,
+			get: function() {
+				return module.l;
+			}
+		});
+		Object.defineProperty(module, "id", {
+			enumerable: true,
+			get: function() {
+				return module.i;
+			}
+		});
+		module.webpackPolyfill = 1;
+	}
+	return module;
+};
+
+
+/***/ }),
+
+/***/ 57:
 /***/ (function(module, exports, __webpack_require__) {
 
 var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
@@ -28217,58 +28246,29 @@ return jQuery;
 
 /***/ }),
 
-/***/ 53:
-/***/ (function(module, exports) {
-
-module.exports = function(module) {
-	if(!module.webpackPolyfill) {
-		module.deprecate = function() {};
-		module.paths = [];
-		// module.parent = undefined by default
-		if(!module.children) module.children = [];
-		Object.defineProperty(module, "loaded", {
-			enumerable: true,
-			get: function() {
-				return module.l;
-			}
-		});
-		Object.defineProperty(module, "id", {
-			enumerable: true,
-			get: function() {
-				return module.i;
-			}
-		});
-		module.webpackPolyfill = 1;
-	}
-	return module;
-};
-
-
-/***/ }),
-
-/***/ 576:
+/***/ 798:
 /***/ (function(module, exports, __webpack_require__) {
 
 "use strict";
 
 
-__webpack_require__(21);
+__webpack_require__(24);
 
-__webpack_require__(44);
+__webpack_require__(57);
 
-__webpack_require__(577);
+__webpack_require__(799);
 
-__webpack_require__(579);
+__webpack_require__(801);
 
-__webpack_require__(581);
+__webpack_require__(803);
 
 __webpack_require__(0);
 
-__webpack_require__(8);
+__webpack_require__(9);
 
 /***/ }),
 
-/***/ 577:
+/***/ 799:
 /***/ (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__(44), __webpack_require__(578) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+		!(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(57), __webpack_require__(800) ], __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;
 
 /***/ }),
 
-/***/ 578:
+/***/ 800:
 /***/ (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__(44) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
+		!(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(57) ], __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";
 
 /***/ }),
 
-/***/ 579:
+/***/ 801:
 /***/ (function(module, exports, __webpack_require__) {
 
-__webpack_require__(580);
+__webpack_require__(802);
 module.exports = angular;
 
 
 /***/ }),
 
-/***/ 580:
+/***/ 802:
 /***/ (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__(44)))
+/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(57)))
 
 /***/ }),
 
-/***/ 581:
+/***/ 803:
 /***/ (function(module, exports, __webpack_require__) {
 
-__webpack_require__(582);
+__webpack_require__(804);
 module.exports = 'ngAnimate';
 
 
 /***/ }),
 
-/***/ 582:
+/***/ 804:
 /***/ (function(module, exports) {
 
 /**
@@ -69964,10 +69964,10 @@ angular.module('ngAnimate', [], function initAngularHelpers() {
 
 /***/ }),
 
-/***/ 8:
+/***/ 9:
 /***/ (function(module, exports) {
 
-module.exports = __WEBPACK_EXTERNAL_MODULE_8__;
+module.exports = __WEBPACK_EXTERNAL_MODULE_9__;
 
 /***/ })
 

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

@@ -4,7 +4,7 @@ import * as Layout from '../../../../app-typescript/components/Layouts';
 import * as Form from '../../../../app-typescript/components/Form';
 import * as Nav from '../../../../app-typescript/components/Navigation';
 import { BoxedList, BoxedListItem, BoxedListContentRow } from '../../../../app-typescript/components/Lists';
-import { Spacer } from '../../../../app-typescript/components/Spacer';
+import { Spacer } from '@superdesk/common';
 
 interface IProps {
     children?: React.ReactNode;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "superdesk-ui-framework",
-  "version": "3.1.3",
+  "version": "3.1.4",
   "license": "AGPL-3.0",
   "repository": {
     "type": "git",
@@ -92,6 +92,7 @@
   },
   "dependencies": {
     "@popperjs/core": "^2.4.0",
+    "@superdesk/common": "0.0.28",
     "@superdesk/primereact": "^5.0.2-12",
     "@superdesk/react-resizable-panels": "0.0.39",
     "@types/enzyme-adapter-react-16": "^1.0.6",

package/react/components/avatar/avatar-group.js

@@ -59,7 +59,7 @@ var avatar_1 = require("./avatar");
 var avatar_wrapper_1 = require("./avatar-wrapper");
 var avatar_number_1 = require("./avatar-number");
 var avatar_placeholder_1 = require("./avatar-placeholder");
-var Spacer_1 = require("../Spacer");
+var common_1 = require("@superdesk/common");
 var WithPopover_1 = require("../WithPopover");
 function isAvatar(item) {
     return item['kind'] == null;
@@ -106,7 +106,7 @@ var AvatarGroup = /** @class */ (function (_super) {
         var someHaveDisplayName = this.props.items.some(function (item) { return isAvatar(item) && item.displayName.length > 0; });
         return (React.createElement(WithPopover_1.WithPopover, { zIndex: (_a = this.props.zIndex) !== null && _a !== void 0 ? _a : 101, placement: 'bottom-end', component: function () { return (React.createElement("div", { className: "avatar-popup" }, _this.props.items.map(function (item, index) {
                 return (someHaveDisplayName
-                    ? React.createElement(Spacer_1.Spacer, { h: true, alignItems: 'center', gap: '16', noGrow: true, key: index },
+                    ? React.createElement(common_1.Spacer, { h: true, alignItems: 'center', gap: '16', noGrow: true, key: index },
                         isAvatar(item)
                             && item.displayName,
                         isAvatar(item)

package/react/index.d.ts

@@ -91,7 +91,7 @@ export { ContentListItem } from './components/Lists/ContentList';
 export { MultiSelect } from './components/MultiSelect';
 export { ResizablePanels } from './components/ResizablePanels';
 export { WithPopover } from './components/WithPopover';
-export { Spacer, SpacerBlock } from './components/Spacer';
+export { Spacer, SpacerBlock } from '@superdesk/common';
 export { ResizeObserverComponent } from './components/ResizeObserverComponent';
 export { DragHandleDots } from './components/DragHandleDots';
 export { DragHandle } from './components/DragHandle';

package/react/index.js

@@ -220,9 +220,9 @@ var ResizablePanels_1 = require("./components/ResizablePanels");
 Object.defineProperty(exports, "ResizablePanels", { enumerable: true, get: function () { return ResizablePanels_1.ResizablePanels; } });
 var WithPopover_1 = require("./components/WithPopover");
 Object.defineProperty(exports, "WithPopover", { enumerable: true, get: function () { return WithPopover_1.WithPopover; } });
-var Spacer_1 = require("./components/Spacer");
-Object.defineProperty(exports, "Spacer", { enumerable: true, get: function () { return Spacer_1.Spacer; } });
-Object.defineProperty(exports, "SpacerBlock", { enumerable: true, get: function () { return Spacer_1.SpacerBlock; } });
+var common_1 = require("@superdesk/common");
+Object.defineProperty(exports, "Spacer", { enumerable: true, get: function () { return common_1.Spacer; } });
+Object.defineProperty(exports, "SpacerBlock", { enumerable: true, get: function () { return common_1.SpacerBlock; } });
 var ResizeObserverComponent_1 = require("./components/ResizeObserverComponent");
 Object.defineProperty(exports, "ResizeObserverComponent", { enumerable: true, get: function () { return ResizeObserverComponent_1.ResizeObserverComponent; } });
 var DragHandleDots_1 = require("./components/DragHandleDots");

package/app-typescript/components/Spacer.tsx

@@ -1,79 +0,0 @@
-import * as React from 'react';
-
-export interface IPropsSpacer {
-    h?: boolean; // horizontal
-    v?: boolean; // vertical
-    gap: '0' | '4' | '8' | '16' | '32' | '64';
-    justifyContent?: 'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly' | 'stretch';
-    alignItems?: 'start' | 'end' | 'center' | 'stretch';
-    noGrow?: boolean;
-
-    /**
-     * Will not wrap children in div elements.
-     * `noGrow` prop would then not be relevant.
-     */
-    noWrap?: boolean;
-
-    style?: React.CSSProperties;
-
-    children: Array<React.ReactNode>;
-}
-
-export class Spacer extends React.PureComponent<IPropsSpacer> {
-    render() {
-        const {h, v, gap, justifyContent, alignItems, noGrow, noWrap} = this.props;
-
-        const justifyContentDefault: IPropsSpacer['justifyContent'] = h ? 'space-between' : 'start';
-        const alignItemsDefault: IPropsSpacer['alignItems'] = h ? 'center' : 'start';
-
-        return (
-            <div
-                style={{
-                    display: 'flex',
-                    flexDirection: v ? 'column' : 'row',
-                    gap: `${gap}px`,
-                    justifyContent: justifyContent ?? justifyContentDefault,
-                    alignItems: alignItems ?? alignItemsDefault,
-                    width: noGrow === true ? undefined : '100%',
-                    ...(this.props.style ?? {}),
-                }}
-            >
-                {this.props.children.map((el, i) => noWrap ? el : (
-                    <div
-                        key={i}
-                        style={{
-                            width: noGrow === true ? undefined : '100%',
-                        }}
-                    >
-                        {el}
-                    </div>
-                ))}
-            </div>
-        );
-    }
-}
-
-/**
- * Renders a standalone spacing block - similar to <br />
- */
-export interface ISpacerBlock {
-    h?: boolean; // horizontal
-    v?: boolean; // vertical
-    gap: '4' | '8' | '16' | '32' | '64';
-}
-
-export class SpacerBlock extends React.PureComponent<ISpacerBlock> {
-    render() {
-        const {gap, h, v} = this.props;
-
-        return (
-            <span
-                style={{
-                    display: h === true ? 'inline-block' : 'block',
-                    width: h === true ? `${gap}px` : undefined,
-                    height: v === true ? `${gap}px` : undefined,
-                }}
-            />
-        );
-    }
-}

package/react/components/Spacer.d.ts

@@ -1,30 +0,0 @@
-import * as React from 'react';
-export interface IPropsSpacer {
-    h?: boolean;
-    v?: boolean;
-    gap: '0' | '4' | '8' | '16' | '32' | '64';
-    justifyContent?: 'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly' | 'stretch';
-    alignItems?: 'start' | 'end' | 'center' | 'stretch';
-    noGrow?: boolean;
-    /**
-     * Will not wrap children in div elements.
-     * `noGrow` prop would then not be relevant.
-     */
-    noWrap?: boolean;
-    style?: React.CSSProperties;
-    children: Array<React.ReactNode>;
-}
-export declare class Spacer extends React.PureComponent<IPropsSpacer> {
-    render(): JSX.Element;
-}
-/**
- * Renders a standalone spacing block - similar to <br />
- */
-export interface ISpacerBlock {
-    h?: boolean;
-    v?: boolean;
-    gap: '4' | '8' | '16' | '32' | '64';
-}
-export declare class SpacerBlock extends React.PureComponent<ISpacerBlock> {
-    render(): JSX.Element;
-}

package/react/components/Spacer.js

@@ -1,86 +0,0 @@
-"use strict";
-var __extends = (this && this.__extends) || (function () {
-    var extendStatics = function (d, b) {
-        extendStatics = Object.setPrototypeOf ||
-            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
-            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
-        return extendStatics(d, b);
-    };
-    return function (d, b) {
-        if (typeof b !== "function" && b !== null)
-            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
-        extendStatics(d, b);
-        function __() { this.constructor = d; }
-        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
-    };
-})();
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SpacerBlock = exports.Spacer = void 0;
-var React = __importStar(require("react"));
-var Spacer = /** @class */ (function (_super) {
-    __extends(Spacer, _super);
-    function Spacer() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    Spacer.prototype.render = function () {
-        var _a;
-        var _b = this.props, h = _b.h, v = _b.v, gap = _b.gap, justifyContent = _b.justifyContent, alignItems = _b.alignItems, noGrow = _b.noGrow, noWrap = _b.noWrap;
-        var justifyContentDefault = h ? 'space-between' : 'start';
-        var alignItemsDefault = h ? 'center' : 'start';
-        return (React.createElement("div", { style: __assign({ display: 'flex', flexDirection: v ? 'column' : 'row', gap: "".concat(gap, "px"), justifyContent: justifyContent !== null && justifyContent !== void 0 ? justifyContent : justifyContentDefault, alignItems: alignItems !== null && alignItems !== void 0 ? alignItems : alignItemsDefault, width: noGrow === true ? undefined : '100%' }, ((_a = this.props.style) !== null && _a !== void 0 ? _a : {})) }, this.props.children.map(function (el, i) { return noWrap ? el : (React.createElement("div", { key: i, style: {
-                width: noGrow === true ? undefined : '100%',
-            } }, el)); })));
-    };
-    return Spacer;
-}(React.PureComponent));
-exports.Spacer = Spacer;
-var SpacerBlock = /** @class */ (function (_super) {
-    __extends(SpacerBlock, _super);
-    function SpacerBlock() {
-        return _super !== null && _super.apply(this, arguments) || this;
-    }
-    SpacerBlock.prototype.render = function () {
-        var _a = this.props, gap = _a.gap, h = _a.h, v = _a.v;
-        return (React.createElement("span", { style: {
-                display: h === true ? 'inline-block' : 'block',
-                width: h === true ? "".concat(gap, "px") : undefined,
-                height: v === true ? "".concat(gap, "px") : undefined,
-            } }));
-    };
-    return SpacerBlock;
-}(React.PureComponent));
-exports.SpacerBlock = SpacerBlock;