superdesk-ui-framework 3.0.7 → 3.0.9

package/react/components/Lists/TableList.d.ts

@@ -19,10 +19,10 @@ export interface IPropsArrayItem {
     end?: React.ReactNode;
     action?: React.ReactNode;
     hexColor?: string;
-    onClick?(): void;
-    onDoubleClick?(): void;
     locked?: boolean;
     positionLocked?: boolean;
+    onClick?(): void;
+    onDoubleClick?(): void;
 }
 interface IState {
     items: Array<IPropsArrayItem>;
@@ -53,11 +53,8 @@ export interface IPropsItem {
     itemsDropdown?(index?: number): Array<IMenuItem | ISubmenu | IMenuGroup | 'divider'>;
 }
 declare class TableListItem extends React.PureComponent<IPropsItem> {
-    private timer;
-    private delay;
-    private prevent;
-    onSingleClick: () => void;
-    onDoubleClick: () => void;
+    private multiClickHandler;
+    constructor(props: IPropsItem);
     onActionMenuClick: (event: React.MouseEvent<HTMLElement>) => void;
     render(): JSX.Element;
 }

package/react/components/Lists/TableList.js

@@ -50,12 +50,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableListItem = exports.TableList = void 0;
 var React = __importStar(require("react"));
+var react_dom_1 = __importDefault(require("react-dom"));
 var classnames_1 = __importDefault(require("classnames"));
 var react_beautiful_dnd_1 = require("react-beautiful-dnd");
 var Tooltip_1 = require("../Tooltip");
 var Button_1 = require("../Button");
 var Dropdown_1 = require("../Dropdown");
-var react_dom_1 = __importDefault(require("react-dom"));
+var SingleAndDoubleClickFunction_1 = require("./../SingleAndDoubleClickFunction");
 var reorder = function (list, startIndex, endIndex) {
     var result = Array.from(list);
     var removed = result.splice(startIndex, 1)[0];
@@ -121,30 +122,37 @@ var TableList = /** @class */ (function (_super) {
                                     ? _this.props.itemsDropdown(index)
                                     : []; } })
                             : React.createElement("div", __assign({ ref: provided2.innerRef }, provided2.draggableProps, provided2.dragHandleProps),
-                                React.createElement(TableListItem, { dragAndDrop: _this.props.dragAndDrop, start: item.start, center: item.center, end: item.end, action: item.action, onClick: item.onClick ? item.onClick : undefined, onDoubleClick: item.onDoubleClick
+                                React.createElement(TableListItem, { dragAndDrop: _this.props.dragAndDrop, start: item.start, center: item.center, end: item.end, action: item.action, onClick: item.onClick
+                                        ? item.onClick
+                                        : undefined, onDoubleClick: item.onDoubleClick
                                         ? item.onDoubleClick
                                         : undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown
                                         ? _this.props.itemsDropdown(index)
                                         : []; }, hexColor: item.hexColor, locked: item.locked, positionLocked: item.positionLocked, onAddItem: function () { return _this.props.onAddItem
                                         && _this.props.onAddItem(index, item); }, showDragHandle: _this.props.showDragHandle }))); })); }),
                         provided.placeholder,
-                        (_this.props.addItem && !_this.props.readOnly) &&
-                            React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
+                        (_this.props.addItem && !_this.props.readOnly)
+                            && React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
                                 React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
                                     React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, _this.dropDown()))))); }))
                 : React.createElement("div", { role: 'list', className: classes },
-                    this.state.items.map(function (item, index) { return (React.createElement(TableListItem, { key: index, start: item.start, center: item.center, end: item.end, action: item.action, onClick: item.onClick ? item.onClick : undefined, onDoubleClick: item.onDoubleClick
+                    this.state.items.map(function (item, index) { return (React.createElement(TableListItem, { key: index, start: item.start, center: item.center, end: item.end, action: item.action, onClick: item.onClick
+                            ? item.onClick
+                            : undefined, onDoubleClick: item.onDoubleClick
                             ? item.onDoubleClick
-                            : undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown ? _this.props.itemsDropdown(index) : []; }, hexColor: item.hexColor, locked: item.locked, positionLocked: item.positionLocked, onAddItem: function () { return _this.props.onAddItem
+                            : undefined, addItem: _this.props.addItem, itemsDropdown: function () { return _this.props.itemsDropdown
+                            ? _this.props.itemsDropdown(index)
+                            : []; }, hexColor: item.hexColor, locked: item.locked, positionLocked: item.positionLocked, onAddItem: function () { return _this.props.onAddItem
                             && _this.props.onAddItem(index, item); } })); }),
-                    (this.props.addItem && !this.props.readOnly) &&
-                        React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
+                    (this.props.addItem && !this.props.readOnly)
+                        && React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
                             React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
                                 React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, this.dropDown()))))
-            : (this.props.addItem && !this.props.readOnly) ? React.createElement("div", { role: 'list', className: classes },
-                React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
-                    React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
-                        React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, this.dropDown()))))
+            : (this.props.addItem && !this.props.readOnly)
+                ? React.createElement("div", { role: 'list', className: classes },
+                    React.createElement("div", { className: "table-list__add-item table-list__item--margin" },
+                        React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
+                            React.createElement("div", { className: 'table-list__add-item--container sd-margin-x--auto' }, this.dropDown()))))
                 : null);
     };
     return TableList;
@@ -152,39 +160,13 @@ var TableList = /** @class */ (function (_super) {
 exports.TableList = TableList;
 var TableListItem = /** @class */ (function (_super) {
     __extends(TableListItem, _super);
-    function TableListItem() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.delay = 200;
-        _this.prevent = false;
-        _this.onSingleClick = function () {
-            var selection = window.getSelection();
-            _this.timer = setTimeout(function () {
-                if (!_this.prevent && _this.props.onClick && selection) {
-                    if (_this.props.dragAndDrop) {
-                        _this.props.onClick();
-                    }
-                    else {
-                        if (selection.toString().length < 1) {
-                            _this.props.onClick();
-                        }
-                    }
-                }
-            }, _this.delay);
-        };
-        _this.onDoubleClick = function () {
-            clearTimeout(_this.timer);
-            _this.prevent = true;
-            if (_this.props.onDoubleClick) {
-                _this.props.onDoubleClick();
-            }
-            setTimeout(function () {
-                _this.prevent = false;
-            }, _this.delay);
-        };
+    function TableListItem(props) {
+        var _this = _super.call(this, props) || this;
         _this.onActionMenuClick = function (event) {
             event.preventDefault();
             event.stopPropagation();
         };
+        _this.multiClickHandler = (0, SingleAndDoubleClickFunction_1.setupSingleAndDoubleClick)();
         return _this;
     }
     TableListItem.prototype.render = function () {
@@ -196,30 +178,52 @@ var TableListItem = /** @class */ (function (_super) {
             'table-list__item--position-locked': this.props.positionLocked,
             'table-list__item--drag-handles-always': !this.props.showDragHandle,
             'table-list__item--drag-handles-none': this.props.showDragHandle === 'none',
+            'table-list__item--margin': !this.props.addItem,
         });
-        return (this.props.addItem ?
-            React.createElement("div", { className: 'table-list__item-container' },
-                React.createElement("div", { role: 'listitem', onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); }, className: classes },
+        var Wrapper = this.props.addItem
+            ? function (_a) {
+                var children = _a.children;
+                return (React.createElement("div", { className: 'table-list__item-container' }, children));
+            }
+            : function (_a) {
+                var children = _a.children;
+                return children;
+            };
+        return (React.createElement(Wrapper, null,
+            React.createElement(React.Fragment, null,
+                React.createElement("div", { role: 'listitem', className: classes, onClick: function (e) { return _this.multiClickHandler(e, {
+                        onSingleClick: function () {
+                            var selection = window.getSelection();
+                            if (_this.props.onClick && selection) {
+                                if (_this.props.dragAndDrop) {
+                                    _this.props.onClick();
+                                }
+                                else {
+                                    if (selection.toString().length < 1) {
+                                        _this.props.onClick();
+                                    }
+                                }
+                            }
+                        },
+                        onDoubleClick: function () {
+                            if (_this.props.onDoubleClick) {
+                                _this.props.onDoubleClick();
+                            }
+                        },
+                    }); } },
                     React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
                     React.createElement("div", { className: 'table-list__item-content' },
                         React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
                         React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' }, this.props.center && this.props.center),
                         React.createElement("div", { className: 'table-list__item-content-block' }, this.props.end && this.props.end)),
-                    this.props.action &&
-                        React.createElement("div", { className: 'table-list__slide-in-actions', onClick: this.onActionMenuClick }, this.props.action)),
-                React.createElement("div", { className: 'table-list__add-bar-container' },
-                    React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
-                        React.createElement("div", { className: 'table-list__add-bar' },
-                            React.createElement(Dropdown_1.Dropdown, { onChange: this.props.onAddItem, items: this.props.itemsDropdown ? this.props.itemsDropdown() : [] },
-                                React.createElement(Button_1.Button, { type: "primary", icon: "plus-large", text: "Add item", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } }))))))
-            : React.createElement("div", { role: 'listitem', className: "".concat(classes, " table-list__item--margin"), onClick: function () { return _this.onSingleClick(); }, onDoubleClick: function () { return _this.onDoubleClick(); } },
-                React.createElement("div", { className: 'table-list__item-border', style: { backgroundColor: this.props.hexColor } }),
-                React.createElement("div", { className: 'table-list__item-content' },
-                    React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
-                    React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' }, this.props.center && this.props.center),
-                    React.createElement("div", { className: 'table-list__item-content-block' }, this.props.end && this.props.end)),
-                this.props.action &&
-                    React.createElement("div", { className: 'table-list__slide-in-actions', onClick: this.onActionMenuClick }, this.props.action)));
+                    this.props.action
+                        && React.createElement("div", { className: 'table-list__slide-in-actions', onClick: this.onActionMenuClick }, this.props.action)),
+                this.props.addItem
+                    && React.createElement("div", { className: 'table-list__add-bar-container' },
+                        React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
+                            React.createElement("div", { className: 'table-list__add-bar' },
+                                React.createElement(Dropdown_1.Dropdown, { onChange: this.props.onAddItem, items: this.props.itemsDropdown ? this.props.itemsDropdown() : [] },
+                                    React.createElement(Button_1.Button, { type: "primary", icon: "plus-large", text: "Add item", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } }))))))));
     };
     return TableListItem;
 }(React.PureComponent));
@@ -235,7 +239,9 @@ var PortalItem = /** @class */ (function (_super) {
         var snapshot = this.props.snapshot;
         var usePortal = snapshot.isDragging;
         var child = (React.createElement("div", __assign({ ref: provided.innerRef }, provided.draggableProps, provided.dragHandleProps),
-            React.createElement(TableListItem, { dragAndDrop: this.props.dragAndDrop, start: this.props.item.start, center: this.props.item.center, end: this.props.item.end, action: this.props.item.action, onClick: this.props.item.onClick ? this.props.item.onClick : undefined, onDoubleClick: this.props.item.onDoubleClick
+            React.createElement(TableListItem, { dragAndDrop: this.props.dragAndDrop, start: this.props.item.start, center: this.props.item.center, end: this.props.item.end, action: this.props.item.action, onClick: this.props.item.onClick
+                    ? this.props.item.onClick
+                    : undefined, onDoubleClick: this.props.item.onDoubleClick
                     ? this.props.item.onDoubleClick
                     : undefined, addItem: this.props.addItem, itemsDropdown: this.props.itemsDropdown, hexColor: this.props.item.hexColor, locked: this.props.item.locked, positionLocked: this.props.item.positionLocked, onAddItem: function () { return _this.props.onAddItem; }, showDragHandle: this.props.showDragHandle })));
         if (!usePortal) {

package/react/components/SingleAndDoubleClickFunction.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface ICallbacks {
+    onSingleClick: (event: React.MouseEvent) => void;
+    onDoubleClick: (event: React.MouseEvent) => void;
+}
+export declare function setupSingleAndDoubleClick(): (event: React.MouseEvent, cb: ICallbacks) => void;

package/react/components/SingleAndDoubleClickFunction.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupSingleAndDoubleClick = void 0;
+function setupSingleAndDoubleClick() {
+    var timer;
+    var delay;
+    return function (event, cb) {
+        clearTimeout(timer);
+        if (event.nativeEvent.detail === 1) {
+            timer = window.setTimeout(function () {
+                cb.onSingleClick(event);
+            }, delay);
+        }
+        else if (event.nativeEvent.detail === 2) {
+            cb.onDoubleClick(event);
+        }
+    };
+}
+exports.setupSingleAndDoubleClick = setupSingleAndDoubleClick;

package/.vscode/settings.json

@@ -1,5 +0,0 @@
-{
-    "cSpell.words": [
-        "qcode"
-    ]
-}

package/app-typescript/dist/components/Alert.d.ts

@@ -1,16 +0,0 @@
-import * as React from 'react';
-interface IProps {
-    type?: 'primary' | 'success' | 'warning' | 'alert' | 'highlight' | 'sd-green';
-    style?: 'filled' | 'hollow';
-    size?: 'normal' | 'small';
-    restoreIcon?: 'info' | 'help';
-}
-interface IState {
-    open: boolean;
-}
-export declare class Alert extends React.PureComponent<IProps, IState> {
-    constructor(props: IProps);
-    onToggle(): void;
-    render(): JSX.Element;
-}
-export {};

package/app-typescript/dist/components/Autocomplete.d.ts

@@ -1,48 +0,0 @@
-import * as React from 'react';
-interface IProps {
-    items: Array<any>;
-    keyValue?: string;
-    minLength?: number;
-    value?: string | object;
-    label?: string;
-    placeholder?: string;
-    info?: string;
-    error?: string;
-    required?: boolean;
-    disabled?: boolean;
-    invalid?: boolean;
-    inlineLabel?: boolean;
-    isSearchField?: boolean;
-    listItemTemplate?(value: any): any;
-    search?(searhString: string, callback: (result: Array<any>) => void): {
-        cancel: () => void;
-    };
-    onChange(newValue: string): void;
-    onSelect?(suggestion: string): void;
-}
-interface IState {
-    selectedItem: any;
-    filteredItems: any;
-    invalid: boolean;
-    focused: boolean;
-}
-export declare class Autocomplete extends React.Component<IProps, IState> {
-    latestCall?: {
-        cancel: () => void;
-    };
-    constructor(props: IProps);
-    htmlId: string;
-    search(term: string): void;
-    searchItem(event: any): void;
-    handleChange(event: {
-        originalEvent: Event;
-        value: any;
-    }): void;
-    handleSelect(event: {
-        originalEvent: Event;
-        value: any;
-    }): void;
-    handleInputClear(): void;
-    render(): JSX.Element;
-}
-export {};

package/app-typescript/dist/components/Avatar.d.ts

@@ -1,33 +0,0 @@
-import * as React from 'react';
-interface IBase {
-    tooltipText?: string;
-}
-interface IImageAvatar extends IBase {
-    imageUrl?: string;
-}
-interface ITextAvatar extends IBase {
-    text: string;
-}
-export declare class AvatarContentText extends React.PureComponent<ITextAvatar> {
-    render(): JSX.Element;
-}
-export declare class AvatarContentImage extends React.PureComponent<IImageAvatar> {
-    render(): JSX.Element;
-}
-interface IPropsAvatarWrapper {
-    size?: 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
-    statusIndicator?: {
-        status: 'online' | 'offline';
-        tooltipText?: string;
-    };
-    administratorIndicator?: {
-        enabled: boolean;
-        tooltipText?: string;
-    };
-    children: React.ReactNode;
-    'data-test-id'?: string;
-}
-export declare class AvatarWrapper extends React.PureComponent<IPropsAvatarWrapper> {
-    render(): JSX.Element;
-}
-export {};

package/app-typescript/dist/components/Badge.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-interface IProps {
-    text?: string;
-    type?: 'default' | 'primary' | 'success' | 'warning' | 'alert' | 'highlight' | 'light';
-    color?: string;
-    shape?: 'round' | 'square';
-    children?: React.ReactNode;
-    'data-test-id'?: string;
-}
-export declare class Badge extends React.PureComponent<IProps> {
-    render(): JSX.Element;
-}
-export {};

package/app-typescript/dist/components/Button.d.ts

@@ -1,23 +0,0 @@
-import * as React from 'react';
-interface IButtonBase {
-    id?: string;
-    theme?: 'light' | 'dark';
-    type?: 'default' | 'primary' | 'success' | 'warning' | 'alert' | 'highlight' | 'sd-green';
-    size?: 'small' | 'normal' | 'large';
-    children?: never;
-    icon?: string;
-    disabled?: boolean;
-    iconOnly?: boolean;
-    onClick(): void;
-    'data-test-id'?: string;
-}
-interface IPropsButton extends IButtonBase {
-    text: string;
-    expand?: boolean;
-    style?: 'filled' | 'hollow' | 'text-only';
-    shape?: 'square' | 'round';
-}
-export declare class Button extends React.PureComponent<IPropsButton> {
-    render(): JSX.Element;
-}
-export {};

package/app-typescript/dist/components/ButtonGroup.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-interface IProps {
-    orientation?: 'horizontal' | 'vertical';
-    spaces?: 'comfort' | 'compact';
-    align?: 'left' | 'right' | 'center' | 'inline';
-    padded?: boolean;
-    children: React.ReactNode;
-}
-export declare class ButtonGroup extends React.PureComponent<IProps> {
-    render(): JSX.Element;
-}
-export {};

package/app-typescript/dist/components/CheckButtonGroup.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-interface IProps {
-    orientation?: 'horizontal' | 'vertical';
-    grid?: boolean;
-    align?: 'left' | 'right' | 'center' | 'inline';
-    padded?: boolean;
-}
-export declare class CheckButtonGroup extends React.PureComponent<IProps> {
-    render(): JSX.Element;
-}
-export {};

package/app-typescript/dist/components/CheckGroup.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-interface IProps {
-    orientation?: 'horizontal' | 'vertical';
-    children: React.ReactNode;
-}
-export declare class CheckGroup extends React.PureComponent<IProps> {
-    render(): JSX.Element;
-}
-export {};

package/app-typescript/dist/components/Checkbox.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-interface IProps {
-    label: {
-        text: string;
-        side?: 'left' | 'right';
-        hidden?: boolean;
-    };
-    checked?: boolean;
-    disabled?: boolean;
-    required?: boolean;
-    onChange(nextValue: boolean): void;
-}
-export declare class Checkbox extends React.Component<IProps> {
-    htmlId: string;
-    constructor(props: IProps);
-    handleChange(event: React.ChangeEvent<HTMLInputElement>): void;
-    render(): JSX.Element;
-}
-export {};

package/app-typescript/dist/components/CheckboxButton.d.ts

@@ -1,19 +0,0 @@
-import * as React from 'react';
-interface IProps {
-    label: {
-        text: string;
-        icon?: string;
-        hidden?: boolean;
-    };
-    checked?: boolean;
-    disabled?: boolean;
-    required?: boolean;
-    onChange(nextValue: boolean): void;
-}
-export declare class CheckboxButton extends React.Component<IProps> {
-    htmlId: string;
-    constructor(props: IProps);
-    handleChange(event: React.ChangeEvent<HTMLInputElement>): void;
-    render(): JSX.Element;
-}
-export {};

package/app-typescript/dist/components/DatePicker.d.ts

@@ -1,37 +0,0 @@
-import * as React from 'react';
-import { LocaleSettings, CalendarProps } from '@superdesk/primereact/calendar';
-export declare type DatePickerLocaleSettings = Omit<LocaleSettings, 'today' | 'clear'>;
-interface IDatePickerBase {
-    disabled?: boolean;
-    dateFormat: string;
-    shortcuts?: Array<{
-        days: number;
-        label: string;
-    }>;
-    locale?: DatePickerLocaleSettings;
-}
-interface IDatePicker extends IDatePickerBase {
-    value: Date | null;
-    onChange(valueNext: Date | null): void;
-}
-interface IState {
-    value: CalendarProps['value'];
-    valid: boolean;
-}
-export declare class DatePicker extends React.PureComponent<IDatePicker, IState> {
-    private instance;
-    hidePopupOnScroll: () => void;
-    constructor(props: IDatePicker);
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    componentDidUpdate(prevProps: IDatePicker): void;
-    render(): JSX.Element;
-}
-interface IDatePickerISO extends IDatePickerBase {
-    value: string;
-    onChange(value: string): void;
-}
-export declare class DatePickerISO extends React.PureComponent<IDatePickerISO> {
-    render(): JSX.Element;
-}
-export {};

package/app-typescript/dist/components/Divider.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-interface IProps {
-    size?: 'mini' | 'small' | 'medium' | 'large';
-    border?: boolean;
-}
-export declare class Divider extends React.PureComponent<IProps> {
-    render(): JSX.Element;
-}
-export {};

package/app-typescript/dist/components/DonutChart.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { ChartData, ChartOptions } from 'chart.js';
-interface IProps {
-    data: ChartData;
-    options: ChartOptions;
-    width: string;
-    height: string;
-}
-export declare class DonutChart extends React.Component<IProps, {}> {
-    render(): JSX.Element;
-}
-export {};

package/app-typescript/dist/components/Dropdown.d.ts

@@ -1,28 +0,0 @@
-import * as React from 'react';
-export interface IMenuItem {
-    label: string;
-    icon?: string;
-    onSelect(): void;
-}
-export interface ISubmenu {
-    type: 'submenu';
-    label: string;
-    icon?: string;
-    items: Array<IMenuItem | ISubmenu | IMenuGroup | 'divider'>;
-}
-export interface IMenuGroup {
-    type: 'group';
-    label?: string;
-    items: Array<IMenuItem | ISubmenu | IMenuGroup | 'divider'>;
-}
-interface IMenu {
-    label?: string;
-    align?: 'left' | 'right';
-    items: Array<IMenuItem | ISubmenu | IMenuGroup | 'divider'>;
-    header?: Array<IMenuItem | ISubmenu | IMenuGroup | 'divider'>;
-    footer?: Array<IMenuItem | ISubmenu | IMenuGroup | 'divider'>;
-    append?: boolean;
-    children: React.ReactNode;
-}
-export declare const Dropdown: ({ items, header, footer, children, append, align, }: IMenu) => JSX.Element;
-export {};

package/app-typescript/dist/components/DropdownFirst.d.ts

@@ -1,42 +0,0 @@
-import * as React from 'react';
-interface IProps {
-    name: string;
-    align?: 'left' | 'right';
-    side?: 'left' | 'right';
-    icon?: string;
-    navDropdown?: boolean;
-    level?: boolean;
-    headerFooter?: boolean;
-    children: React.ReactNode;
-}
-interface IPropsItem {
-    text: string;
-    noLink?: boolean;
-    icon?: string;
-    onSelect(): void;
-    children?: never;
-}
-interface IPropsLabel {
-    text: string;
-    children?: never;
-}
-interface IPropsMenu {
-    title: string;
-    children: React.ReactNode;
-}
-export declare const DropdownFirst: {
-    ({ name, align, side, level, icon, headerFooter, navDropdown, children, }: IProps): JSX.Element;
-    Item: ({ text, icon, noLink, onSelect, }: IPropsItem) => JSX.Element;
-    Divider: ({}: {}) => JSX.Element;
-    Label: ({ text, }: IPropsLabel) => JSX.Element;
-    Header: ({ title, children, }: IPropsMenu) => JSX.Element;
-    Body: ({ title, children, }: IPropsMenu) => JSX.Element;
-    Footer: ({ title, children, }: IPropsMenu) => JSX.Element;
-};
-export declare const DropdownItem: ({ text, icon, noLink, onSelect, }: IPropsItem) => JSX.Element;
-export declare const DropdownDivider: ({}: {}) => JSX.Element;
-export declare const DropdownLabel: ({ text, }: IPropsLabel) => JSX.Element;
-export declare const DropdownHeader: ({ title, children, }: IPropsMenu) => JSX.Element;
-export declare const DropdownBody: ({ title, children, }: IPropsMenu) => JSX.Element;
-export declare const DropdownFooter: ({ title, children, }: IPropsMenu) => JSX.Element;
-export {};

package/app-typescript/dist/components/EmptyState.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-interface IProps {
-    illustration?: string;
-    size?: 'small' | 'large';
-    title: string;
-    description?: string;
-}
-export declare class EmptyState extends React.PureComponent<IProps> {
-    render(): JSX.Element;
-}
-export {};

package/app-typescript/dist/components/FormLabel.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-interface IProps {
-    text: string;
-    style?: 'normal' | 'light';
-}
-export declare class FormLabel extends React.PureComponent<IProps> {
-    render(): JSX.Element;
-}
-export {};

package/app-typescript/dist/components/Genie.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-interface IProps<T> {
-    val: T;
-}
-export declare class Genie<T extends string> extends React.PureComponent<IProps<T>> {
-    render(): JSX.Element;
-}
-export {};
-
-
-interface Id {
-    prop<T>: Genie<T>;
-}