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.
@@ -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__, __WEBPACK_EXTERNAL_MODULE_8__) {
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 = 576);
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
- /***/ 21:
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__(35), __webpack_require__(53)(module)))
17299
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(40), __webpack_require__(56)(module)))
17300
17300
 
17301
17301
  /***/ }),
17302
17302
 
17303
- /***/ 35:
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
- /***/ 44:
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
- /***/ 53:
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__(21);
28255
+ __webpack_require__(24);
28256
28256
 
28257
- __webpack_require__(44);
28257
+ __webpack_require__(57);
28258
28258
 
28259
- __webpack_require__(577);
28259
+ __webpack_require__(799);
28260
28260
 
28261
- __webpack_require__(579);
28261
+ __webpack_require__(801);
28262
28262
 
28263
- __webpack_require__(581);
28263
+ __webpack_require__(803);
28264
28264
 
28265
28265
  __webpack_require__(0);
28266
28266
 
28267
- __webpack_require__(8);
28267
+ __webpack_require__(9);
28268
28268
 
28269
28269
  /***/ }),
28270
28270
 
28271
- /***/ 577:
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__(44), __webpack_require__(578) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
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
- /***/ 578:
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__(44) ], __WEBPACK_AMD_DEFINE_FACTORY__ = (factory),
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
- /***/ 579:
29063
+ /***/ 801:
29064
29064
  /***/ (function(module, exports, __webpack_require__) {
29065
29065
 
29066
- __webpack_require__(580);
29066
+ __webpack_require__(802);
29067
29067
  module.exports = angular;
29068
29068
 
29069
29069
 
29070
29070
  /***/ }),
29071
29071
 
29072
- /***/ 580:
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__(44)))
65675
+ /* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(57)))
65676
65676
 
65677
65677
  /***/ }),
65678
65678
 
65679
- /***/ 581:
65679
+ /***/ 803:
65680
65680
  /***/ (function(module, exports, __webpack_require__) {
65681
65681
 
65682
- __webpack_require__(582);
65682
+ __webpack_require__(804);
65683
65683
  module.exports = 'ngAnimate';
65684
65684
 
65685
65685
 
65686
65686
  /***/ }),
65687
65687
 
65688
- /***/ 582:
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
- /***/ 8:
69967
+ /***/ 9:
69968
69968
  /***/ (function(module, exports) {
69969
69969
 
69970
- module.exports = __WEBPACK_EXTERNAL_MODULE_8__;
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 '../../../../app-typescript/components/Spacer';
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",
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 Spacer_1 = require("../Spacer");
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(Spacer_1.Spacer, { h: true, alignItems: 'center', gap: '16', noGrow: true, key: index },
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 './components/Spacer';
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 Spacer_1 = require("./components/Spacer");
224
- Object.defineProperty(exports, "Spacer", { enumerable: true, get: function () { return Spacer_1.Spacer; } });
225
- Object.defineProperty(exports, "SpacerBlock", { enumerable: true, get: function () { return Spacer_1.SpacerBlock; } });
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;