@imposium-hub/components 1.43.4 → 1.44.0

package/dist/cjs/components/header/Header.js

@@ -0,0 +1,289 @@
+"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 __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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var Dropdown_1 = __importDefault(require("../dropdown/Dropdown"));
+var ServiceIcon_1 = __importDefault(require("../service-icon/ServiceIcon"));
+var Util_1 = require("../../Util");
+var icons_1 = require("../../constants/icons");
+var ImposiumHeader = /** @class */ (function (_super) {
+    __extends(ImposiumHeader, _super);
+    function ImposiumHeader(p) {
+        var _this = _super.call(this, p) || this;
+        _this.serviceToggleRef = null;
+        _this.storyToggleRef = null;
+        _this.orgsToggleRef = null;
+        _this.componentDidMount = function () {
+            var _a = _this.props, accessData = _a.accessData, activeOrganization = _a.activeOrganization;
+            if (accessData) {
+                _this.parseAccessData(accessData, activeOrganization);
+            }
+        };
+        _this.componentDidUpdate = function (prevProps) {
+            var _a = _this.props, currAccess = _a.accessData, currActive = _a.activeOrganization;
+            var prevAccess = prevProps.accessData, prevActive = prevProps.activeOrganization;
+            if (currAccess && currAccess !== prevAccess) {
+                _this.parseAccessData(currAccess, currActive);
+            }
+            if (typeof currActive === 'string' &&
+                currActive.length === ImposiumHeader.UUID_LENGTH &&
+                currActive !== prevActive) {
+                _this.parseAccessData(currAccess, currActive);
+            }
+        };
+        _this.parseAccessData = function (accessData, activeOrganization) {
+            var organizations = accessData.organizations, services = accessData.services;
+            var activeOrganizationBlob = (activeOrganization)
+                ? accessData.organizations.find(function (org) { return (org.id === activeOrganization); })
+                : undefined;
+            var inactiveOrganizations = (organizations.length > 1)
+                ? organizations.filter(function (o) { return (o.id !== activeOrganization); })
+                : [];
+            var servicesByOrganization = (services && activeOrganizationBlob)
+                ? services.filter(function (s) { return (activeOrganizationBlob.services.includes(s.id)); })
+                : [];
+            var activeServiceBlob = (servicesByOrganization.length > 1)
+                ? services.find(function (s) { return (window.location.href.includes(s.url)); })
+                : undefined;
+            var dropdownToggleColor = ImposiumHeader.DEFAULT_ACCOUNT_TOGGLE_COLOR;
+            var activeFirstChar = '';
+            if (activeOrganizationBlob && activeOrganizationBlob.hasOwnProperty('name')) {
+                dropdownToggleColor = (0, Util_1.string2HexCode)(activeOrganizationBlob.name);
+                activeFirstChar = _this.pullFirstChar(activeOrganizationBlob.name);
+            }
+            _this.setState({
+                servicesByOrganization: servicesByOrganization,
+                activeServiceBlob: activeServiceBlob,
+                inactiveOrganizations: inactiveOrganizations,
+                activeOrganizationBlob: activeOrganizationBlob,
+                dropdownToggleColor: dropdownToggleColor,
+                activeFirstChar: activeFirstChar
+            });
+        };
+        _this.changeStory = function (story) {
+            var onStoryChange = _this.props.onStoryChange;
+            if (typeof onStoryChange === 'function') {
+                onStoryChange(story);
+                _this.setState({ showStoriesDropdown: false });
+            }
+        };
+        _this.toggleAccountDropdown = function (toggle, newId) {
+            if (newId === void 0) { newId = ''; }
+            var onOrganizationChange = _this.props.onOrganizationChange;
+            if (toggle) {
+                _this.setState({ showAccountDropdown: true });
+            }
+            else {
+                _this.setState({ showAccountDropdown: false });
+                // Propagate handler if supplied (more useful in react / redux flow)
+                if (newId && onOrganizationChange) {
+                    onOrganizationChange(newId);
+                }
+                // V1 Default behavior - redirect to hub on org change
+                if (newId && !onOrganizationChange) {
+                    window.location.replace("".concat(_this.getHomeUrl(), "?organization_id=").concat(newId));
+                }
+            }
+        };
+        _this.getHomeUrl = function () {
+            var _a = window.location, hostname = _a.hostname, host = _a.host;
+            if (hostname === 'localhost') {
+                return 'http://localhost:3036';
+            }
+            else if (host.includes('.staging.')) {
+                return 'https://launchpad.staging.imposium.com';
+            }
+            else {
+                return 'https://launchpad.imposium.com';
+            }
+        };
+        _this.doLogout = function () {
+            _this.setState({ showAccountDropdown: false });
+            _this.props.logout();
+        };
+        _this.pullFirstChar = function (s) {
+            return (s) ? s.substring(0, 1) : '';
+        };
+        _this.renderDropdownChevron = function (toggle) {
+            return (toggle) ? ImposiumHeader.UP : ImposiumHeader.DOWN;
+        };
+        _this.renderServiceAnchor = function (s, activeOrganization, activeStory) { return (React.createElement("div", { className: 'anchor-wrapper', key: s.id },
+            React.createElement("a", { href: (0, Util_1.parameterizeServiceUrl)(activeOrganization, activeStory, s.url, s.id) },
+                React.createElement("div", { className: 'icon-fixed' },
+                    React.createElement(ServiceIcon_1.default, { iconName: s.icon, color: "#".concat(s.color) })),
+                s.name))); };
+        _this.state = {
+            inactiveOrganizations: [],
+            servicesByOrganization: [],
+            activeServiceBlob: undefined,
+            activeOrganizationBlob: undefined,
+            showAccountDropdown: false,
+            showStoriesDropdown: false,
+            showServiceDropdown: false,
+            dropdownToggleColor: ImposiumHeader.DEFAULT_ACCOUNT_TOGGLE_COLOR,
+            activeFirstChar: ''
+        };
+        _this.serviceToggleRef = React.createRef();
+        _this.storyToggleRef = React.createRef();
+        _this.orgsToggleRef = React.createRef();
+        return _this;
+    }
+    ImposiumHeader.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, email = _a.email, accessData = _a.accessData, activeOrganization = _a.activeOrganization, activeStory = _a.activeStory, hideStoryPicker = _a.hideStoryPicker;
+        var _b = this.state, showAccountDropdown = _b.showAccountDropdown, servicesByOrganization = _b.servicesByOrganization, activeServiceBlob = _b.activeServiceBlob, showStoriesDropdown = _b.showStoriesDropdown, inactiveOrganizations = _b.inactiveOrganizations, activeOrganizationBlob = _b.activeOrganizationBlob, activeFirstChar = _b.activeFirstChar, dropdownToggleColor = _b.dropdownToggleColor, showServiceDropdown = _b.showServiceDropdown;
+        var currentStory;
+        var headerBorder;
+        var activeService;
+        var serviceDropdownColor = {};
+        var serviceAnchors;
+        var privateAnchors;
+        var accountDropdownToggle;
+        var activePanel;
+        var storyToggle;
+        var orgPicker;
+        var storyMenuInner;
+        var serviceDropdownToggle;
+        var serviceDropdownMenu;
+        if (accessData) {
+            activeService = servicesByOrganization.find(function (s) { return (window.location.href.includes(s.url)); });
+            if (activeService) {
+                serviceDropdownColor = { color: "#".concat(activeService.color) };
+                headerBorder = { borderBottom: "4px solid #".concat(activeService.color) };
+            }
+            serviceAnchors = servicesByOrganization
+                .filter(function (s) { return (!s.private && ImposiumHeader.PRIVATE_IDS.indexOf(s.id) === -1); })
+                .map(function (s) { return _this.renderServiceAnchor(s, activeOrganization, activeStory); });
+            privateAnchors = servicesByOrganization
+                .filter(function (s) { return (!s.private && ImposiumHeader.PRIVATE_IDS.indexOf(s.id) > -1); })
+                .map(function (s) { return _this.renderServiceAnchor(s, activeOrganization, activeStory); });
+            serviceDropdownMenu = (React.createElement("div", { className: 'service-menu' },
+                React.createElement("section", { className: 'service-menu-section' },
+                    React.createElement("div", { className: 'service-menu-heading' }, ImposiumHeader.SERVICE_MESH_ALIAS),
+                    React.createElement("div", { className: 'service-menu-anchors' }, serviceAnchors)),
+                (privateAnchors.length > 0) && (React.createElement("section", { className: 'service-menu-section' },
+                    React.createElement("div", { className: 'service-menu-heading' }, ImposiumHeader.PRIVATE_HEADER),
+                    React.createElement("div", { className: 'service-menu-anchors' }, privateAnchors))),
+                React.createElement("section", { className: 'service-menu-section' },
+                    React.createElement("div", { className: 'service-menu-heading' }, ImposiumHeader.DOCS_HEADER),
+                    React.createElement("div", { className: 'service-menu-anchors' },
+                        React.createElement("div", { className: 'anchor-wrapper doc' },
+                            React.createElement("a", { target: '__blank', href: ImposiumHeader.API_DOCS_LINK },
+                                React.createElement("div", { className: 'icon-fixed' },
+                                    React.createElement(ServiceIcon_1.default, { iconName: 'FaCogs' })),
+                                ImposiumHeader.API_DOCS_LINK_COPY)),
+                        React.createElement("div", { className: 'anchor-wrapper doc' },
+                            React.createElement("a", { target: '__blank', href: ImposiumHeader.SDK_DOCS_LINK },
+                                React.createElement("div", { className: 'icon-fixed' },
+                                    React.createElement(ServiceIcon_1.default, { iconName: 'FaJsSquare' })),
+                                ImposiumHeader.SDK_DOCS_LINK_COPY))))));
+            serviceDropdownToggle = (React.createElement("button", { id: 'btn-toggle-services', className: 'btn-toggle-services', style: serviceDropdownColor, ref: this.serviceToggleRef, onClick: function () { return _this.setState({ showServiceDropdown: !_this.state.showServiceDropdown }); } },
+                React.createElement("span", null, (activeServiceBlob) ? activeServiceBlob.name : ImposiumHeader.SERVICE_MESH_ALIAS),
+                this.renderDropdownChevron(showServiceDropdown)));
+            accountDropdownToggle = (React.createElement("button", { id: 'btn-toggle-orgs', className: 'btn-toggle-orgs', ref: this.orgsToggleRef, style: { backgroundColor: dropdownToggleColor }, onClick: function () { return _this.toggleAccountDropdown(!showAccountDropdown); } }, activeFirstChar));
+        }
+        if (accessData && activeOrganizationBlob) {
+            activePanel = (React.createElement("div", { className: 'orgs-menu-active-org' },
+                React.createElement("div", { className: 'active-first-char', style: { backgroundColor: dropdownToggleColor } }, this.pullFirstChar(activeOrganizationBlob.name)),
+                React.createElement("div", null, activeOrganizationBlob.name)));
+        }
+        if (accessData && activeOrganizationBlob && !hideStoryPicker) {
+            currentStory = activeOrganizationBlob.stories.find(function (s) { return (s.id === activeStory); });
+            storyToggle = (React.createElement("button", { id: 'btn-toggle-story', className: 'btn-toggle-story', ref: this.storyToggleRef, onClick: function () { _this.setState({ showStoriesDropdown: !_this.state.showStoriesDropdown }); } },
+                React.createElement("div", { className: 'story-name' }, (currentStory) ? currentStory.name : ImposiumHeader.DEFAULT_SERVICE_TOGGLE_COPY),
+                this.renderDropdownChevron(showStoriesDropdown)));
+            if (activeOrganizationBlob.stories.length === 0) {
+                storyMenuInner = (React.createElement("div", { className: 'no-stories-dialog' }, ImposiumHeader.NO_STORIES_COPY));
+            }
+            else {
+                storyMenuInner = activeOrganizationBlob.stories.map(function (s) { return (React.createElement("button", { key: s.id, className: 'btn-change-story', onClick: function () { return _this.changeStory(s); } }, s.name)); });
+            }
+        }
+        if (showAccountDropdown) {
+            orgPicker = (React.createElement("div", { className: 'orgs-menu-org-picker' }, inactiveOrganizations.map(function (o) { return (React.createElement("button", { key: o.name, className: 'menu-item inactive-org-button', onClick: function () { return _this.toggleAccountDropdown(false, o.id); } },
+                React.createElement("div", { className: 'inactive-first-char', style: { backgroundColor: (0, Util_1.string2HexCode)(o.name) } }, _this.pullFirstChar(o.name)),
+                o.name)); })));
+        }
+        return (React.createElement("nav", { id: 'imposium-header', className: 'imposium-header', style: headerBorder },
+            React.createElement("div", { className: 'inner-content' },
+                React.createElement("span", { className: 'inner-left' },
+                    React.createElement("a", { className: 'title', href: (0, Util_1.parameterizeServiceUrl)(activeOrganization, activeStory, this.getHomeUrl()) },
+                        React.createElement("div", { className: 'logo' }),
+                        React.createElement("h1", { className: 'heading' }, ImposiumHeader.DEFAULT_TITLE)),
+                    serviceDropdownToggle),
+                React.createElement("span", { className: 'inner-right' },
+                    storyToggle,
+                    accountDropdownToggle,
+                    React.createElement("a", { href: 'https://support.imposium.com', target: '_blank' },
+                        React.createElement("div", { className: 'btn-help' }, icons_1.ICON_HELP)))),
+            React.createElement(Dropdown_1.default, { key: 'services-dropdown', position: 'bottomleft', show: showServiceDropdown, toggleRef: this.serviceToggleRef, onOutsideClick: function () { return _this.setState({ showServiceDropdown: false }); } }, serviceDropdownMenu),
+            React.createElement(Dropdown_1.default, { key: 'stories-dropdown', position: 'bottomright', show: showStoriesDropdown, toggleRef: this.storyToggleRef, onOutsideClick: function () { return _this.setState({ showStoriesDropdown: false }); } },
+                React.createElement("div", { className: 'stories-menu' }, storyMenuInner)),
+            React.createElement(Dropdown_1.default, { key: 'org-dropdown', position: 'bottomright', show: showAccountDropdown, toggleRef: this.orgsToggleRef, onOutsideClick: function () { return _this.toggleAccountDropdown(false); } },
+                React.createElement("div", { className: 'orgs-menu' },
+                    activePanel,
+                    orgPicker,
+                    React.createElement("div", { className: 'orgs-menu-footer' },
+                        React.createElement("div", { className: 'email' }, email),
+                        React.createElement("button", { className: 'btn-logout', onClick: function () { return _this.doLogout(); } }, ImposiumHeader.LOGOUT_COPY))))));
+    };
+    ImposiumHeader.DEFAULT_TITLE = 'imposium';
+    ImposiumHeader.SERVICE_MESH_ALIAS = 'services';
+    ImposiumHeader.DOCS_HEADER = 'documentation';
+    ImposiumHeader.PRIVATE_HEADER = 'admin';
+    ImposiumHeader.API_DOCS_LINK_COPY = 'REST API';
+    ImposiumHeader.SDK_DOCS_LINK_COPY = 'Javascript SDK';
+    ImposiumHeader.API_DOCS_LINK = 'https://docs.imposium.com';
+    ImposiumHeader.SDK_DOCS_LINK = 'https://docs.imposium.com/js-sdk/';
+    ImposiumHeader.DEFAULT_SERVICE_TOGGLE_COPY = 'stories';
+    ImposiumHeader.DEFAULT_ACCOUNT_TOGGLE_COLOR = 'royalblue';
+    ImposiumHeader.NO_STORIES_COPY = 'No stories were found';
+    ImposiumHeader.LOGOUT_COPY = 'logout';
+    ImposiumHeader.UUID_LENGTH = 36;
+    ImposiumHeader.UP = (icons_1.ICON_CHEVRON_UP);
+    ImposiumHeader.DOWN = (icons_1.ICON_CHEVRON_DOWN);
+    ImposiumHeader.PRIVATE_IDS = [9, 10, 11, 12];
+    return ImposiumHeader;
+}(React.PureComponent));
+exports.default = ImposiumHeader;
+//# sourceMappingURL=Header.js.map

package/dist/cjs/components/header/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sourceRoot":"","sources":["../../../../src/components/header/Header.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/list-field/ListField.d.ts

@@ -0,0 +1,35 @@
+import * as React from 'react';
+import { IToolTipConfig } from '../Tooltip';
+interface IListFieldProps {
+    buttons?: any;
+    disabled?: boolean;
+    label?: string;
+    options: any;
+    placeholder?: string;
+    tooltip?: IToolTipConfig | string;
+    tooltipAdd?: IToolTipConfig | string;
+    width?: string | number;
+    onChange(e: any): void;
+    onError(e: any): void;
+    onFocus?: () => void;
+    onBlur?: () => void;
+    info?: string;
+    labelPosition?: string;
+}
+interface IListFieldState {
+    textInputValue: string;
+}
+declare class ListField extends React.PureComponent<IListFieldProps, IListFieldState> {
+    private inputRef;
+    private submitHandler;
+    constructor(props: any);
+    private deleteOption;
+    componentWillUnmount(): void;
+    private inputBlur;
+    private inputChanged;
+    private inputFocus;
+    private submitOption;
+    render(): JSX.Element;
+    renderButtons(): any[];
+}
+export default ListField;

package/dist/cjs/components/list-field/ListField.js

@@ -0,0 +1,166 @@
+"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 __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;
+};
+var __read = (this && this.__read) || function (o, n) {
+    var m = typeof Symbol === "function" && o[Symbol.iterator];
+    if (!m) return o;
+    var i = m.call(o), r, ar = [], e;
+    try {
+        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
+    }
+    catch (error) { e = { error: error }; }
+    finally {
+        try {
+            if (r && !r.done && (m = i["return"])) m.call(i);
+        }
+        finally { if (e) throw e.error; }
+    }
+    return ar;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var hotkeys_js_1 = __importDefault(require("hotkeys-js"));
+var Button_1 = __importDefault(require("../button/Button"));
+var FieldWrapper_1 = __importDefault(require("../field-wrapper/FieldWrapper"));
+var ControlledList_1 = __importDefault(require("../controlled-list/ControlledList"));
+var Util_1 = require("../../Util");
+var icons_1 = require("../../constants/icons");
+var ListField = /** @class */ (function (_super) {
+    __extends(ListField, _super);
+    function ListField(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            textInputValue: ''
+        };
+        _this.inputRef = React.createRef();
+        hotkeys_js_1.default.filter = function (e) { return (0, Util_1.filterHotkeys)(e); };
+        _this.submitHandler = function () { return _this.submitOption(); };
+        return _this;
+    }
+    ListField.prototype.deleteOption = function (index) {
+        var items = __spreadArray([], __read(this.props.options), false);
+        items.splice(index, 1);
+        this.props.onChange(items);
+    };
+    ListField.prototype.componentWillUnmount = function () {
+        hotkeys_js_1.default.unbind('enter', this.submitHandler);
+    };
+    ListField.prototype.inputBlur = function (e) {
+        hotkeys_js_1.default.unbind('enter', this.submitHandler);
+        if (this.props.onBlur) {
+            this.props.onBlur();
+        }
+    };
+    ListField.prototype.inputChanged = function (e) {
+        this.setState({
+            textInputValue: e.target.value
+        });
+    };
+    ListField.prototype.inputFocus = function (e) {
+        (0, hotkeys_js_1.default)('enter', this.submitHandler);
+        if (this.props.onFocus) {
+            this.props.onFocus();
+        }
+    };
+    ListField.prototype.submitOption = function () {
+        var _this = this;
+        var textInputValue = this.state.textInputValue;
+        var onError = this.props.onError;
+        if (textInputValue !== '') {
+            var items = void 0;
+            if (this.props.options) {
+                items = __spreadArray([], __read(this.props.options), false);
+            }
+            else {
+                items = [];
+            }
+            if (items.indexOf(textInputValue) === -1) {
+                items.push(textInputValue);
+                this.props.onChange(items);
+                this.setState({
+                    textInputValue: ''
+                }, function () {
+                    var input = _this.inputRef.current;
+                    if (input) {
+                        input.focus();
+                    }
+                });
+            }
+            else {
+                if (onError) {
+                    this.props.onError("\"".concat(textInputValue, "\" already exists in the list."));
+                }
+            }
+        }
+        else {
+            if (onError) {
+                this.props.onError("Can not add an empty item to the list");
+            }
+        }
+    };
+    ListField.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, label = _a.label, options = _a.options, placeholder = _a.placeholder, disabled = _a.disabled, width = _a.width, tooltip = _a.tooltip, tooltipAdd = _a.tooltipAdd, info = _a.info, labelPosition = _a.labelPosition;
+        var textInputValue = this.state.textInputValue;
+        return React.createElement(FieldWrapper_1.default, { customClass: 'list-field', label: label, tooltip: tooltip, buttons: this.renderButtons(), info: info, labelPosition: labelPosition, width: width },
+            React.createElement("input", { type: 'text', placeholder: placeholder, value: textInputValue, ref: this.inputRef, disabled: disabled, onChange: function (e) { return _this.inputChanged(e); }, onFocus: function (e) { return _this.inputFocus(e); }, onBlur: function (e) { return _this.inputBlur(e); } }),
+            React.createElement(ControlledList_1.default, { items: options, removable: true, onRemove: function (i) { return _this.deleteOption(i); } }));
+    };
+    ListField.prototype.renderButtons = function () {
+        var _a = this.props, buttons = _a.buttons, tooltipAdd = _a.tooltipAdd;
+        var buttonArray = (buttons) ? __spreadArray([], __read(buttons), false) : [];
+        buttonArray.push(React.createElement(Button_1.default, { key: 'btn-submit', style: 'subtle', tooltip: tooltipAdd, color: 'primary', onClick: this.submitHandler }, icons_1.ICON_PLUS));
+        return buttonArray;
+    };
+    return ListField;
+}(React.PureComponent));
+exports.default = ListField;
+//# sourceMappingURL=ListField.js.map

package/dist/cjs/components/list-field/ListField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListField.js","sourceRoot":"","sources":["../../../../src/components/list-field/ListField.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/list-field/ListField.stories.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import ListField from './ListField';
+declare const _default: {
+    title: string;
+    component: typeof ListField;
+};
+export default _default;
+export declare const defaultListFIeld: () => JSX.Element;

package/dist/cjs/components/list-field/ListField.stories.js

@@ -0,0 +1,40 @@
+"use strict";
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultListFIeld = void 0;
+var React = __importStar(require("react"));
+var ListField_1 = __importDefault(require("./ListField"));
+var addon_actions_1 = require("@storybook/addon-actions");
+exports.default = {
+    title: 'ListFIeld',
+    component: ListField_1.default
+};
+var defaultListFIeld = function () { return (React.createElement("div", { style: { width: '25%' } },
+    React.createElement(ListField_1.default, { options: ['Option1', 'Option2'], label: 'ListField', tooltip: 'TOOLTIP', tooltipAdd: 'TOOLTIP ADD', onError: (0, addon_actions_1.action)('ERROR'), onChange: (0, addon_actions_1.action)('CHANGE') }))); };
+exports.defaultListFIeld = defaultListFIeld;
+//# sourceMappingURL=ListField.stories.js.map

package/dist/cjs/components/list-field/ListField.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListField.stories.js","sourceRoot":"","sources":["../../../../src/components/list-field/ListField.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;AACpC,0DAAkD;AAGlD,kBAAe;IACX,KAAK,EAAE,WAAW;IAClB,SAAS,EAAE,mBAAS;CACvB,CAAC;AAqBK,IAAM,gBAAgB,GAAG,cAAM,OAAA,CAClC,6BAAK,KAAK,EAAE,EAAC,KAAK,EAAE,KAAK,EAAC;IACtB,oBAAC,mBAAS,IACN,OAAO,EAAI,CAAC,SAAS,EAAE,SAAS,CAAC,EACjC,KAAK,EAAI,WAAW,EACpB,OAAO,EAAI,SAAS,EACpB,UAAU,EAAI,aAAa,EAC3B,OAAO,EAAI,IAAA,sBAAM,EAAC,OAAO,CAAC,EAC1B,QAAQ,EAAI,IAAA,sBAAM,EAAC,QAAQ,CAAC,GAAG,CACjC,CACT,EAVqC,CAUrC,CAAC;AAVW,QAAA,gBAAgB,oBAU3B"}

package/dist/cjs/components/log-viewer/LogViewer.d.ts

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { IImposiumAPI } from '../../services/API';
+interface ILogViewerProps {
+    jobId: string;
+    onError?(e: string): void;
+    api: IImposiumAPI;
+}
+interface ILogViewerState {
+    loading: boolean;
+    log: string;
+}
+declare class LogViewer extends React.PureComponent<ILogViewerProps, ILogViewerState> {
+    private videoNode;
+    private ansi_up;
+    constructor(props: any);
+    private getJobLogs;
+    componentDidMount(): void;
+    componentDidUpdate(prevProps: any): void;
+    render(): JSX.Element;
+}
+export default LogViewer;