superdesk-ui-framework 3.1.3 → 3.1.5

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;