superdesk-ui-framework 3.1.3 → 3.1.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/app/fonts/sd_big-icons.eot +0 -0
- package/app/fonts/sd_big-icons.svg +11 -0
- package/app/fonts/sd_big-icons.ttf +0 -0
- package/app/fonts/sd_big-icons.woff +0 -0
- package/app-typescript/components/avatar/avatar-group.tsx +1 -1
- package/app-typescript/index.ts +1 -1
- package/dist/examples.bundle.js +57959 -21734
- package/dist/playgrounds/react-playgrounds/Multiedit.tsx +1 -1
- package/dist/sd_big-icons.eot +0 -0
- package/dist/sd_big-icons.svg +11 -0
- package/dist/sd_big-icons.ttf +0 -0
- package/dist/sd_big-icons.woff +0 -0
- package/dist/superdesk-ui.bundle.js +56825 -20600
- package/dist/vendor.bundle.js +55 -55
- package/examples/pages/playgrounds/react-playgrounds/Multiedit.tsx +1 -1
- package/package.json +2 -1
- package/react/components/avatar/avatar-group.js +2 -2
- package/react/index.d.ts +1 -1
- package/react/index.js +3 -3
- package/app-typescript/components/Spacer.tsx +0 -79
- package/react/components/Spacer.d.ts +0 -30
- package/react/components/Spacer.js +0 -86
package/dist/vendor.bundle.js
CHANGED
@@ -7,7 +7,7 @@
|
|
7
7
|
var a = typeof exports === 'object' ? factory(require("react"), require("react-dom")) : factory(root["react"], root["react-dom"]);
|
8
8
|
for(var i in a) (typeof exports === 'object' ? exports : root)[i] = a[i];
|
9
9
|
}
|
10
|
-
})(typeof self !== 'undefined' ? self : this, function(__WEBPACK_EXTERNAL_MODULE_0__,
|
10
|
+
})(typeof self !== 'undefined' ? self : this, function(__WEBPACK_EXTERNAL_MODULE_0__, __WEBPACK_EXTERNAL_MODULE_9__) {
|
11
11
|
return /******/ (function(modules) { // webpackBootstrap
|
12
12
|
/******/ // The module cache
|
13
13
|
/******/ var installedModules = {};
|
@@ -70,7 +70,7 @@ return /******/ (function(modules) { // webpackBootstrap
|
|
70
70
|
/******/ __webpack_require__.p = "";
|
71
71
|
/******/
|
72
72
|
/******/ // Load entry module and return exports
|
73
|
-
/******/ return __webpack_require__(__webpack_require__.s =
|
73
|
+
/******/ return __webpack_require__(__webpack_require__.s = 798);
|
74
74
|
/******/ })
|
75
75
|
/************************************************************************/
|
76
76
|
/******/ ({
|
@@ -82,7 +82,7 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_0__;
|
|
82
82
|
|
83
83
|
/***/ }),
|
84
84
|
|
85
|
-
/***/
|
85
|
+
/***/ 24:
|
86
86
|
/***/ (function(module, exports, __webpack_require__) {
|
87
87
|
|
88
88
|
/* WEBPACK VAR INJECTION */(function(global, module) {var __WEBPACK_AMD_DEFINE_RESULT__;/**
|
@@ -17296,11 +17296,11 @@ module.exports = __WEBPACK_EXTERNAL_MODULE_0__;
|
|
17296
17296
|
}
|
17297
17297
|
}.call(this));
|
17298
17298
|
|
17299
|
-
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(
|
17299
|
+
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(40), __webpack_require__(56)(module)))
|
17300
17300
|
|
17301
17301
|
/***/ }),
|
17302
17302
|
|
17303
|
-
/***/
|
17303
|
+
/***/ 40:
|
17304
17304
|
/***/ (function(module, exports) {
|
17305
17305
|
|
17306
17306
|
var g;
|
@@ -17328,7 +17328,36 @@ module.exports = g;
|
|
17328
17328
|
|
17329
17329
|
/***/ }),
|
17330
17330
|
|
17331
|
-
/***/
|
17331
|
+
/***/ 56:
|
17332
|
+
/***/ (function(module, exports) {
|
17333
|
+
|
17334
|
+
module.exports = function(module) {
|
17335
|
+
if(!module.webpackPolyfill) {
|
17336
|
+
module.deprecate = function() {};
|
17337
|
+
module.paths = [];
|
17338
|
+
// module.parent = undefined by default
|
17339
|
+
if(!module.children) module.children = [];
|
17340
|
+
Object.defineProperty(module, "loaded", {
|
17341
|
+
enumerable: true,
|
17342
|
+
get: function() {
|
17343
|
+
return module.l;
|
17344
|
+
}
|
17345
|
+
});
|
17346
|
+
Object.defineProperty(module, "id", {
|
17347
|
+
enumerable: true,
|
17348
|
+
get: function() {
|
17349
|
+
return module.i;
|
17350
|
+
}
|
17351
|
+
});
|
17352
|
+
module.webpackPolyfill = 1;
|
17353
|
+
}
|
17354
|
+
return module;
|
17355
|
+
};
|
17356
|
+
|
17357
|
+
|
17358
|
+
/***/ }),
|
17359
|
+
|
17360
|
+
/***/ 57:
|
17332
17361
|
/***/ (function(module, exports, __webpack_require__) {
|
17333
17362
|
|
17334
17363
|
var __WEBPACK_AMD_DEFINE_ARRAY__, __WEBPACK_AMD_DEFINE_RESULT__;/*!
|
@@ -28217,58 +28246,29 @@ return jQuery;
|
|
28217
28246
|
|
28218
28247
|
/***/ }),
|
28219
28248
|
|
28220
|
-
/***/
|
28221
|
-
/***/ (function(module, exports) {
|
28222
|
-
|
28223
|
-
module.exports = function(module) {
|
28224
|
-
if(!module.webpackPolyfill) {
|
28225
|
-
module.deprecate = function() {};
|
28226
|
-
module.paths = [];
|
28227
|
-
// module.parent = undefined by default
|
28228
|
-
if(!module.children) module.children = [];
|
28229
|
-
Object.defineProperty(module, "loaded", {
|
28230
|
-
enumerable: true,
|
28231
|
-
get: function() {
|
28232
|
-
return module.l;
|
28233
|
-
}
|
28234
|
-
});
|
28235
|
-
Object.defineProperty(module, "id", {
|
28236
|
-
enumerable: true,
|
28237
|
-
get: function() {
|
28238
|
-
return module.i;
|
28239
|
-
}
|
28240
|
-
});
|
28241
|
-
module.webpackPolyfill = 1;
|
28242
|
-
}
|
28243
|
-
return module;
|
28244
|
-
};
|
28245
|
-
|
28246
|
-
|
28247
|
-
/***/ }),
|
28248
|
-
|
28249
|
-
/***/ 576:
|
28249
|
+
/***/ 798:
|
28250
28250
|
/***/ (function(module, exports, __webpack_require__) {
|
28251
28251
|
|
28252
28252
|
"use strict";
|
28253
28253
|
|
28254
28254
|
|
28255
|
-
__webpack_require__(
|
28255
|
+
__webpack_require__(24);
|
28256
28256
|
|
28257
|
-
__webpack_require__(
|
28257
|
+
__webpack_require__(57);
|
28258
28258
|
|
28259
|
-
__webpack_require__(
|
28259
|
+
__webpack_require__(799);
|
28260
28260
|
|
28261
|
-
__webpack_require__(
|
28261
|
+
__webpack_require__(801);
|
28262
28262
|
|
28263
|
-
__webpack_require__(
|
28263
|
+
__webpack_require__(803);
|
28264
28264
|
|
28265
28265
|
__webpack_require__(0);
|
28266
28266
|
|
28267
|
-
__webpack_require__(
|
28267
|
+
__webpack_require__(9);
|
28268
28268
|
|
28269
28269
|
/***/ }),
|
28270
28270
|
|
28271
|
-
/***/
|
28271
|
+
/***/ 799:
|
28272
28272
|
/***/ (function(module, exports, __webpack_require__) {
|
28273
28273
|
|
28274
28274
|
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_
|
|
28292
28292
|
if ( true ) {
|
28293
28293
|
|
28294
28294
|
// AMD. Register as an anonymous module.
|
28295
|
-
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(
|
28295
|
+
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(57), __webpack_require__(800) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
|
28296
28296
|
__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
|
28297
28297
|
(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
|
28298
28298
|
__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
|
@@ -29030,7 +29030,7 @@ return $.widget;
|
|
29030
29030
|
|
29031
29031
|
/***/ }),
|
29032
29032
|
|
29033
|
-
/***/
|
29033
|
+
/***/ 800:
|
29034
29034
|
/***/ (function(module, exports, __webpack_require__) {
|
29035
29035
|
|
29036
29036
|
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_
|
|
29039
29039
|
if ( true ) {
|
29040
29040
|
|
29041
29041
|
// AMD. Register as an anonymous module.
|
29042
|
-
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(
|
29042
|
+
!(__WEBPACK_AMD_DEFINE_ARRAY__ = [ __webpack_require__(57) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
|
29043
29043
|
__WEBPACK_AMD_DEFINE_RESULT__ = (typeof __WEBPACK_AMD_DEFINE_FACTORY__ === 'function' ?
|
29044
29044
|
(__WEBPACK_AMD_DEFINE_FACTORY__.apply(exports, __WEBPACK_AMD_DEFINE_ARRAY__)) : __WEBPACK_AMD_DEFINE_FACTORY__),
|
29045
29045
|
__WEBPACK_AMD_DEFINE_RESULT__ !== undefined && (module.exports = __WEBPACK_AMD_DEFINE_RESULT__));
|
@@ -29060,16 +29060,16 @@ return $.ui.version = "1.13.0";
|
|
29060
29060
|
|
29061
29061
|
/***/ }),
|
29062
29062
|
|
29063
|
-
/***/
|
29063
|
+
/***/ 801:
|
29064
29064
|
/***/ (function(module, exports, __webpack_require__) {
|
29065
29065
|
|
29066
|
-
__webpack_require__(
|
29066
|
+
__webpack_require__(802);
|
29067
29067
|
module.exports = angular;
|
29068
29068
|
|
29069
29069
|
|
29070
29070
|
/***/ }),
|
29071
29071
|
|
29072
|
-
/***/
|
29072
|
+
/***/ 802:
|
29073
29073
|
/***/ (function(module, exports, __webpack_require__) {
|
29074
29074
|
|
29075
29075
|
/* WEBPACK VAR INJECTION */(function(__webpack_provided_window_dot_jQuery) {/**
|
@@ -65672,20 +65672,20 @@ $provide.value("$locale", {
|
|
65672
65672
|
})(window);
|
65673
65673
|
|
65674
65674
|
!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;}'));
|
65675
|
-
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(
|
65675
|
+
/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(57)))
|
65676
65676
|
|
65677
65677
|
/***/ }),
|
65678
65678
|
|
65679
|
-
/***/
|
65679
|
+
/***/ 803:
|
65680
65680
|
/***/ (function(module, exports, __webpack_require__) {
|
65681
65681
|
|
65682
|
-
__webpack_require__(
|
65682
|
+
__webpack_require__(804);
|
65683
65683
|
module.exports = 'ngAnimate';
|
65684
65684
|
|
65685
65685
|
|
65686
65686
|
/***/ }),
|
65687
65687
|
|
65688
|
-
/***/
|
65688
|
+
/***/ 804:
|
65689
65689
|
/***/ (function(module, exports) {
|
65690
65690
|
|
65691
65691
|
/**
|
@@ -69964,10 +69964,10 @@ angular.module('ngAnimate', [], function initAngularHelpers() {
|
|
69964
69964
|
|
69965
69965
|
/***/ }),
|
69966
69966
|
|
69967
|
-
/***/
|
69967
|
+
/***/ 9:
|
69968
69968
|
/***/ (function(module, exports) {
|
69969
69969
|
|
69970
|
-
module.exports =
|
69970
|
+
module.exports = __WEBPACK_EXTERNAL_MODULE_9__;
|
69971
69971
|
|
69972
69972
|
/***/ })
|
69973
69973
|
|
@@ -4,7 +4,7 @@ import * as Layout from '../../../../app-typescript/components/Layouts';
|
|
4
4
|
import * as Form from '../../../../app-typescript/components/Form';
|
5
5
|
import * as Nav from '../../../../app-typescript/components/Navigation';
|
6
6
|
import { BoxedList, BoxedListItem, BoxedListContentRow } from '../../../../app-typescript/components/Lists';
|
7
|
-
import { Spacer } from '
|
7
|
+
import { Spacer } from '@superdesk/common';
|
8
8
|
|
9
9
|
interface IProps {
|
10
10
|
children?: React.ReactNode;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "superdesk-ui-framework",
|
3
|
-
"version": "3.1.
|
3
|
+
"version": "3.1.4",
|
4
4
|
"license": "AGPL-3.0",
|
5
5
|
"repository": {
|
6
6
|
"type": "git",
|
@@ -92,6 +92,7 @@
|
|
92
92
|
},
|
93
93
|
"dependencies": {
|
94
94
|
"@popperjs/core": "^2.4.0",
|
95
|
+
"@superdesk/common": "0.0.28",
|
95
96
|
"@superdesk/primereact": "^5.0.2-12",
|
96
97
|
"@superdesk/react-resizable-panels": "0.0.39",
|
97
98
|
"@types/enzyme-adapter-react-16": "^1.0.6",
|
@@ -59,7 +59,7 @@ var avatar_1 = require("./avatar");
|
|
59
59
|
var avatar_wrapper_1 = require("./avatar-wrapper");
|
60
60
|
var avatar_number_1 = require("./avatar-number");
|
61
61
|
var avatar_placeholder_1 = require("./avatar-placeholder");
|
62
|
-
var
|
62
|
+
var common_1 = require("@superdesk/common");
|
63
63
|
var WithPopover_1 = require("../WithPopover");
|
64
64
|
function isAvatar(item) {
|
65
65
|
return item['kind'] == null;
|
@@ -106,7 +106,7 @@ var AvatarGroup = /** @class */ (function (_super) {
|
|
106
106
|
var someHaveDisplayName = this.props.items.some(function (item) { return isAvatar(item) && item.displayName.length > 0; });
|
107
107
|
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) {
|
108
108
|
return (someHaveDisplayName
|
109
|
-
? React.createElement(
|
109
|
+
? React.createElement(common_1.Spacer, { h: true, alignItems: 'center', gap: '16', noGrow: true, key: index },
|
110
110
|
isAvatar(item)
|
111
111
|
&& item.displayName,
|
112
112
|
isAvatar(item)
|
package/react/index.d.ts
CHANGED
@@ -91,7 +91,7 @@ export { ContentListItem } from './components/Lists/ContentList';
|
|
91
91
|
export { MultiSelect } from './components/MultiSelect';
|
92
92
|
export { ResizablePanels } from './components/ResizablePanels';
|
93
93
|
export { WithPopover } from './components/WithPopover';
|
94
|
-
export { Spacer, SpacerBlock } from '
|
94
|
+
export { Spacer, SpacerBlock } from '@superdesk/common';
|
95
95
|
export { ResizeObserverComponent } from './components/ResizeObserverComponent';
|
96
96
|
export { DragHandleDots } from './components/DragHandleDots';
|
97
97
|
export { DragHandle } from './components/DragHandle';
|
package/react/index.js
CHANGED
@@ -220,9 +220,9 @@ var ResizablePanels_1 = require("./components/ResizablePanels");
|
|
220
220
|
Object.defineProperty(exports, "ResizablePanels", { enumerable: true, get: function () { return ResizablePanels_1.ResizablePanels; } });
|
221
221
|
var WithPopover_1 = require("./components/WithPopover");
|
222
222
|
Object.defineProperty(exports, "WithPopover", { enumerable: true, get: function () { return WithPopover_1.WithPopover; } });
|
223
|
-
var
|
224
|
-
Object.defineProperty(exports, "Spacer", { enumerable: true, get: function () { return
|
225
|
-
Object.defineProperty(exports, "SpacerBlock", { enumerable: true, get: function () { return
|
223
|
+
var common_1 = require("@superdesk/common");
|
224
|
+
Object.defineProperty(exports, "Spacer", { enumerable: true, get: function () { return common_1.Spacer; } });
|
225
|
+
Object.defineProperty(exports, "SpacerBlock", { enumerable: true, get: function () { return common_1.SpacerBlock; } });
|
226
226
|
var ResizeObserverComponent_1 = require("./components/ResizeObserverComponent");
|
227
227
|
Object.defineProperty(exports, "ResizeObserverComponent", { enumerable: true, get: function () { return ResizeObserverComponent_1.ResizeObserverComponent; } });
|
228
228
|
var DragHandleDots_1 = require("./components/DragHandleDots");
|
@@ -1,79 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
|
3
|
-
export interface IPropsSpacer {
|
4
|
-
h?: boolean; // horizontal
|
5
|
-
v?: boolean; // vertical
|
6
|
-
gap: '0' | '4' | '8' | '16' | '32' | '64';
|
7
|
-
justifyContent?: 'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly' | 'stretch';
|
8
|
-
alignItems?: 'start' | 'end' | 'center' | 'stretch';
|
9
|
-
noGrow?: boolean;
|
10
|
-
|
11
|
-
/**
|
12
|
-
* Will not wrap children in div elements.
|
13
|
-
* `noGrow` prop would then not be relevant.
|
14
|
-
*/
|
15
|
-
noWrap?: boolean;
|
16
|
-
|
17
|
-
style?: React.CSSProperties;
|
18
|
-
|
19
|
-
children: Array<React.ReactNode>;
|
20
|
-
}
|
21
|
-
|
22
|
-
export class Spacer extends React.PureComponent<IPropsSpacer> {
|
23
|
-
render() {
|
24
|
-
const {h, v, gap, justifyContent, alignItems, noGrow, noWrap} = this.props;
|
25
|
-
|
26
|
-
const justifyContentDefault: IPropsSpacer['justifyContent'] = h ? 'space-between' : 'start';
|
27
|
-
const alignItemsDefault: IPropsSpacer['alignItems'] = h ? 'center' : 'start';
|
28
|
-
|
29
|
-
return (
|
30
|
-
<div
|
31
|
-
style={{
|
32
|
-
display: 'flex',
|
33
|
-
flexDirection: v ? 'column' : 'row',
|
34
|
-
gap: `${gap}px`,
|
35
|
-
justifyContent: justifyContent ?? justifyContentDefault,
|
36
|
-
alignItems: alignItems ?? alignItemsDefault,
|
37
|
-
width: noGrow === true ? undefined : '100%',
|
38
|
-
...(this.props.style ?? {}),
|
39
|
-
}}
|
40
|
-
>
|
41
|
-
{this.props.children.map((el, i) => noWrap ? el : (
|
42
|
-
<div
|
43
|
-
key={i}
|
44
|
-
style={{
|
45
|
-
width: noGrow === true ? undefined : '100%',
|
46
|
-
}}
|
47
|
-
>
|
48
|
-
{el}
|
49
|
-
</div>
|
50
|
-
))}
|
51
|
-
</div>
|
52
|
-
);
|
53
|
-
}
|
54
|
-
}
|
55
|
-
|
56
|
-
/**
|
57
|
-
* Renders a standalone spacing block - similar to <br />
|
58
|
-
*/
|
59
|
-
export interface ISpacerBlock {
|
60
|
-
h?: boolean; // horizontal
|
61
|
-
v?: boolean; // vertical
|
62
|
-
gap: '4' | '8' | '16' | '32' | '64';
|
63
|
-
}
|
64
|
-
|
65
|
-
export class SpacerBlock extends React.PureComponent<ISpacerBlock> {
|
66
|
-
render() {
|
67
|
-
const {gap, h, v} = this.props;
|
68
|
-
|
69
|
-
return (
|
70
|
-
<span
|
71
|
-
style={{
|
72
|
-
display: h === true ? 'inline-block' : 'block',
|
73
|
-
width: h === true ? `${gap}px` : undefined,
|
74
|
-
height: v === true ? `${gap}px` : undefined,
|
75
|
-
}}
|
76
|
-
/>
|
77
|
-
);
|
78
|
-
}
|
79
|
-
}
|
@@ -1,30 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
export interface IPropsSpacer {
|
3
|
-
h?: boolean;
|
4
|
-
v?: boolean;
|
5
|
-
gap: '0' | '4' | '8' | '16' | '32' | '64';
|
6
|
-
justifyContent?: 'start' | 'end' | 'center' | 'space-around' | 'space-between' | 'space-evenly' | 'stretch';
|
7
|
-
alignItems?: 'start' | 'end' | 'center' | 'stretch';
|
8
|
-
noGrow?: boolean;
|
9
|
-
/**
|
10
|
-
* Will not wrap children in div elements.
|
11
|
-
* `noGrow` prop would then not be relevant.
|
12
|
-
*/
|
13
|
-
noWrap?: boolean;
|
14
|
-
style?: React.CSSProperties;
|
15
|
-
children: Array<React.ReactNode>;
|
16
|
-
}
|
17
|
-
export declare class Spacer extends React.PureComponent<IPropsSpacer> {
|
18
|
-
render(): JSX.Element;
|
19
|
-
}
|
20
|
-
/**
|
21
|
-
* Renders a standalone spacing block - similar to <br />
|
22
|
-
*/
|
23
|
-
export interface ISpacerBlock {
|
24
|
-
h?: boolean;
|
25
|
-
v?: boolean;
|
26
|
-
gap: '4' | '8' | '16' | '32' | '64';
|
27
|
-
}
|
28
|
-
export declare class SpacerBlock extends React.PureComponent<ISpacerBlock> {
|
29
|
-
render(): JSX.Element;
|
30
|
-
}
|
@@ -1,86 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
3
|
-
var extendStatics = function (d, b) {
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
7
|
-
return extendStatics(d, b);
|
8
|
-
};
|
9
|
-
return function (d, b) {
|
10
|
-
if (typeof b !== "function" && b !== null)
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
12
|
-
extendStatics(d, b);
|
13
|
-
function __() { this.constructor = d; }
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
15
|
-
};
|
16
|
-
})();
|
17
|
-
var __assign = (this && this.__assign) || function () {
|
18
|
-
__assign = Object.assign || function(t) {
|
19
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
20
|
-
s = arguments[i];
|
21
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
22
|
-
t[p] = s[p];
|
23
|
-
}
|
24
|
-
return t;
|
25
|
-
};
|
26
|
-
return __assign.apply(this, arguments);
|
27
|
-
};
|
28
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
29
|
-
if (k2 === undefined) k2 = k;
|
30
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
31
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
32
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
33
|
-
}
|
34
|
-
Object.defineProperty(o, k2, desc);
|
35
|
-
}) : (function(o, m, k, k2) {
|
36
|
-
if (k2 === undefined) k2 = k;
|
37
|
-
o[k2] = m[k];
|
38
|
-
}));
|
39
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
40
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
41
|
-
}) : function(o, v) {
|
42
|
-
o["default"] = v;
|
43
|
-
});
|
44
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
45
|
-
if (mod && mod.__esModule) return mod;
|
46
|
-
var result = {};
|
47
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
48
|
-
__setModuleDefault(result, mod);
|
49
|
-
return result;
|
50
|
-
};
|
51
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
52
|
-
exports.SpacerBlock = exports.Spacer = void 0;
|
53
|
-
var React = __importStar(require("react"));
|
54
|
-
var Spacer = /** @class */ (function (_super) {
|
55
|
-
__extends(Spacer, _super);
|
56
|
-
function Spacer() {
|
57
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
58
|
-
}
|
59
|
-
Spacer.prototype.render = function () {
|
60
|
-
var _a;
|
61
|
-
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;
|
62
|
-
var justifyContentDefault = h ? 'space-between' : 'start';
|
63
|
-
var alignItemsDefault = h ? 'center' : 'start';
|
64
|
-
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: {
|
65
|
-
width: noGrow === true ? undefined : '100%',
|
66
|
-
} }, el)); })));
|
67
|
-
};
|
68
|
-
return Spacer;
|
69
|
-
}(React.PureComponent));
|
70
|
-
exports.Spacer = Spacer;
|
71
|
-
var SpacerBlock = /** @class */ (function (_super) {
|
72
|
-
__extends(SpacerBlock, _super);
|
73
|
-
function SpacerBlock() {
|
74
|
-
return _super !== null && _super.apply(this, arguments) || this;
|
75
|
-
}
|
76
|
-
SpacerBlock.prototype.render = function () {
|
77
|
-
var _a = this.props, gap = _a.gap, h = _a.h, v = _a.v;
|
78
|
-
return (React.createElement("span", { style: {
|
79
|
-
display: h === true ? 'inline-block' : 'block',
|
80
|
-
width: h === true ? "".concat(gap, "px") : undefined,
|
81
|
-
height: v === true ? "".concat(gap, "px") : undefined,
|
82
|
-
} }));
|
83
|
-
};
|
84
|
-
return SpacerBlock;
|
85
|
-
}(React.PureComponent));
|
86
|
-
exports.SpacerBlock = SpacerBlock;
|