@imposium-hub/components 1.43.5 → 1.44.0

package/dist/cjs/components/log-viewer/LogViewer.js

@@ -0,0 +1,106 @@
+"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 ansi_up_1 = __importDefault(require("ansi_up"));
+var copy_1 = require("../../constants/copy");
+var LogViewer = /** @class */ (function (_super) {
+    __extends(LogViewer, _super);
+    function LogViewer(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            loading: true,
+            log: ''
+        };
+        _this.ansi_up = new ansi_up_1.default();
+        _this.ansi_up.use_classes = true;
+        return _this;
+    }
+    LogViewer.prototype.getJobLogs = function () {
+        var _this = this;
+        var _a = this.props, api = _a.api, onError = _a.onError, jobId = _a.jobId;
+        api.getJobLogUrl(this.props.jobId).then(function (resLogUrl) {
+            var jobUrl = resLogUrl.signed_url;
+            api.getJobLog(jobUrl).then(function (log) {
+                _this.setState({
+                    loading: false,
+                    log: log
+                });
+            }).catch(function (e) {
+                if (onError) {
+                    onError(copy_1.previewer.logDownloadError.replace('[jobId]', jobId));
+                }
+                _this.setState({
+                    loading: false,
+                    log: ''
+                });
+            });
+        }).catch(function (e) {
+            if (onError) {
+                onError(copy_1.previewer.logURLError.replace('[jobId]', _this.props.jobId));
+            }
+            _this.setState({
+                loading: false,
+                log: ''
+            });
+        });
+    };
+    LogViewer.prototype.componentDidMount = function () {
+        if (this.props.jobId) {
+            this.getJobLogs();
+        }
+    };
+    LogViewer.prototype.componentDidUpdate = function (prevProps) {
+        if (prevProps.jobId !== this.props.jobId && this.props.jobId) {
+            this.getJobLogs();
+        }
+    };
+    LogViewer.prototype.render = function () {
+        var logHTML = this.ansi_up.ansi_to_html(this.state.log);
+        return (React.createElement("div", { className: 'log-viewer' },
+            React.createElement("div", { className: 'log-html', dangerouslySetInnerHTML: { __html: logHTML } })));
+    };
+    return LogViewer;
+}(React.PureComponent));
+exports.default = LogViewer;
+//# sourceMappingURL=LogViewer.js.map

package/dist/cjs/components/log-viewer/LogViewer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LogViewer.js","sourceRoot":"","sources":["../../../../src/components/log-viewer/LogViewer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,oDAA6B;AAE7B,6CAAwD;AAcxD;IAAwB,6BAAqD;IAKzE,mBAAY,KAAK;QAAjB,YAEI,kBAAM,KAAK,CAAC,SASf;QAPG,KAAI,CAAC,KAAK,GAAG;YACT,OAAO,EAAG,IAAI;YACd,GAAG,EAAE,EAAE;SACV,CAAC;QAEF,KAAI,CAAC,OAAO,GAAG,IAAI,iBAAM,EAAE,CAAC;QAC5B,KAAI,CAAC,OAAO,CAAC,WAAW,GAAG,IAAI,CAAC;;IACpC,CAAC;IAEO,8BAAU,GAAlB;QAAA,iBAkCC;QAhCS,IAAA,KAA0B,IAAI,CAAC,KAAK,EAAlC,GAAG,SAAA,EAAE,OAAO,aAAA,EAAE,KAAK,WAAe,CAAC;QAE3C,GAAG,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,UAAC,SAAS;YAE9C,IAAM,MAAM,GAAG,SAAS,CAAC,UAAU,CAAC;YAEpC,GAAG,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,UAAC,GAAG;gBAE3B,KAAI,CAAC,QAAQ,CAAC;oBACV,OAAO,EAAE,KAAK;oBACd,GAAG,KAAA;iBACN,CAAC,CAAC;YAEP,CAAC,CAAC,CAAC,KAAK,CAAC,UAAC,CAAC;gBACP,IAAI,OAAO,EAAE;oBACT,OAAO,CAAC,gBAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,SAAS,EAAE,KAAK,CAAC,CAAC,CAAC;iBAC5D;gBACD,KAAI,CAAC,QAAQ,CAAC;oBACV,OAAO,EAAE,KAAK;oBACd,GAAG,EAAE,EAAE;iBACV,CAAC,CAAC;YACP,CAAC,CAAC,CAAC;QAEP,CAAC,CAAC,CAAC,KAAK,CAAC,UAAC,CAAC;YACP,IAAI,OAAO,EAAE;gBACT,OAAO,CAAC,gBAAI,CAAC,WAAW,CAAC,OAAO,CAAC,SAAS,EAAE,KAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;aAClE;YACD,KAAI,CAAC,QAAQ,CAAC;gBACV,OAAO,EAAE,KAAK;gBACd,GAAG,EAAE,EAAE;aACV,CAAC,CAAC;QACP,CAAC,CAAC,CAAC;IACP,CAAC;IAEM,qCAAiB,GAAxB;QAEI,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YAClB,IAAI,CAAC,UAAU,EAAE,CAAC;SACrB;IACL,CAAC;IAEM,sCAAkB,GAAzB,UAA0B,SAAS;QAE/B,IAAI,SAAS,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YAC1D,IAAI,CAAC,UAAU,EAAE,CAAC;SACrB;IACL,CAAC;IACM,0BAAM,GAAb;QAEI,IAAM,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QAE1D,OAAO,CACH,6BAAK,SAAS,EAAG,YAAY;YACzB,6BAAK,SAAS,EAAG,UAAU,EAAC,uBAAuB,EAAE,EAAC,MAAM,EAAE,OAAO,EAAC,GAAQ,CAC5E,CACT,CAAC;IACN,CAAC;IACL,gBAAC;AAAD,CAAC,AA7ED,CAAwB,KAAK,CAAC,aAAa,GA6E1C;AAED,kBAAe,SAAS,CAAC"}

package/dist/cjs/components/media-variable-field/MediaVariableField.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+interface IMediaVariableFieldProps {
+    value: any;
+    type: string;
+    onChange(c: any): void;
+}
+interface IMediaVariableFieldState {
+    processing: boolean;
+    processedFile: any;
+}
+declare class MediaVariableField extends React.PureComponent<IMediaVariableFieldProps, IMediaVariableFieldState> {
+    private input;
+    private evtHandlers;
+    constructor(props: any);
+    private clearSelection;
+    private fileUploaded;
+    componentDidUpdate(prevProps: any): void;
+    componentDidMount(): void;
+    private checkFile;
+    private renderFields;
+    private getInputFilter;
+    onClick(): void;
+    private renderClearButton;
+    private onFileDrop;
+    render(): JSX.Element;
+}
+export default MediaVariableField;

package/dist/cjs/components/media-variable-field/MediaVariableField.js

@@ -0,0 +1,180 @@
+"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 Spinner_1 = __importDefault(require("../spinner/Spinner"));
+var variables_1 = require("../../constants/variables");
+var AssetsTableDropzone_1 = __importDefault(require("../assets/AssetsTableDropzone"));
+var Button_1 = __importDefault(require("../button/Button"));
+var icons_1 = require("../../constants/icons");
+var MediaVariableField = /** @class */ (function (_super) {
+    __extends(MediaVariableField, _super);
+    function MediaVariableField(props) {
+        var _this = _super.call(this, props) || this;
+        _this.input = React.createRef();
+        _this.state = {
+            processing: false,
+            processedFile: null
+        };
+        _this.evtHandlers = {
+            fileUpload: function (e) { return _this.fileUploaded(e); },
+            fileDrop: function (i, m) { return _this.onFileDrop(i, m); },
+            clearSelection: function (e) { return _this.clearSelection(e); },
+            click: function () { return _this.onClick(); }
+        };
+        return _this;
+    }
+    MediaVariableField.prototype.clearSelection = function (e) {
+        e.preventDefault();
+        e.stopPropagation();
+        this.props.onChange(null);
+    };
+    MediaVariableField.prototype.fileUploaded = function (e) {
+        var files = e.target.files;
+        var file = files[0];
+        if (file) {
+            this.props.onChange(file);
+        }
+    };
+    MediaVariableField.prototype.componentDidUpdate = function (prevProps) {
+        if (prevProps.value !== this.props.value) {
+            this.checkFile();
+        }
+    };
+    MediaVariableField.prototype.componentDidMount = function () {
+        this.checkFile();
+    };
+    MediaVariableField.prototype.checkFile = function () {
+        var _this = this;
+        var value = this.props.value;
+        if (value instanceof File) {
+            this.setState({
+                processing: true,
+                processedFile: null
+            }, function () {
+                var fr = new FileReader();
+                fr.onload = function () {
+                    _this.setState({
+                        processing: false,
+                        processedFile: fr.result
+                    });
+                };
+                fr.readAsDataURL(value);
+            });
+        }
+    };
+    MediaVariableField.prototype.renderFields = function () {
+        var _a = this.state, processing = _a.processing, processedFile = _a.processedFile;
+        var _b = this.props, type = _b.type, value = _b.value;
+        var isFile = (value instanceof File);
+        var src;
+        if (value) {
+            if (isFile) {
+                if (processing) {
+                    return React.createElement(Spinner_1.default, null);
+                }
+                else {
+                    src = processedFile;
+                }
+            }
+            else {
+                src = value;
+            }
+            switch (type.toLowerCase()) {
+                case variables_1.VARIABLE_TYPES.IMAGE:
+                    return React.createElement("img", { className: 'default-preview', src: src });
+                case variables_1.VARIABLE_TYPES.VIDEO:
+                    return React.createElement("video", { className: 'default-preview', src: src, controls: true });
+                case variables_1.VARIABLE_TYPES.AUDIO:
+                    return React.createElement("audio", { className: 'default-preview', src: src, controls: true });
+            }
+        }
+        else {
+            return null;
+        }
+    };
+    MediaVariableField.prototype.getInputFilter = function () {
+        var _a = this.props, type = _a.type, value = _a.value;
+        switch (type) {
+            case variables_1.VARIABLE_TYPES.IMAGE:
+                return 'image/*';
+            case variables_1.VARIABLE_TYPES.VIDEO:
+                return 'video/*';
+            case variables_1.VARIABLE_TYPES.AUDIO:
+                return 'audio/*';
+        }
+    };
+    MediaVariableField.prototype.onClick = function () {
+        var input = this.input.current;
+        var processing = this.state.processing;
+        if (input && !processing) {
+            input.click();
+        }
+    };
+    MediaVariableField.prototype.renderClearButton = function () {
+        var value = this.props.value;
+        if (value) {
+            return React.createElement(Button_1.default, { onClick: this.evtHandlers.clearSelection }, icons_1.ICON_TIMES);
+        }
+    };
+    MediaVariableField.prototype.onFileDrop = function (i, monitor) {
+        var files = monitor.getItem().files;
+        var file = files[0];
+        if (file) {
+            this.props.onChange(file);
+        }
+    };
+    MediaVariableField.prototype.render = function () {
+        var processing = this.state.processing;
+        var accept = this.getInputFilter();
+        return React.createElement(React.Fragment, null,
+            React.createElement("input", { type: 'file', accept: accept, style: { display: 'none' }, ref: this.input, onChange: this.evtHandlers.fileUpload }),
+            React.createElement(AssetsTableDropzone_1.default, { onDrop: this.evtHandlers.fileDrop, disable: processing },
+                React.createElement("div", { className: 'variable-default-upload', onClick: this.evtHandlers.click },
+                    this.renderFields(),
+                    React.createElement("div", { className: 'btn-wrapper' }, this.renderClearButton()))));
+    };
+    return MediaVariableField;
+}(React.PureComponent));
+exports.default = MediaVariableField;
+//# sourceMappingURL=MediaVariableField.js.map

package/dist/cjs/components/media-variable-field/MediaVariableField.js.map

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

package/dist/cjs/components/modal/Modal.d.ts

@@ -0,0 +1,16 @@
+import * as React from 'react';
+interface IModalProps {
+    children?: any;
+    isOpen: boolean;
+    style?: any;
+    wrapperStyle?: any;
+    onRequestClose(e: any): void;
+}
+declare class Modal extends React.PureComponent<IModalProps> {
+    private evtHandlers;
+    private closeStyles;
+    constructor(props: any);
+    private onClose;
+    render(): JSX.Element;
+}
+export default Modal;

package/dist/cjs/components/modal/Modal.js

@@ -0,0 +1,81 @@
+"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 Button_1 = __importDefault(require("../button/Button"));
+var icons_1 = require("../../constants/icons");
+var Modal = /** @class */ (function (_super) {
+    __extends(Modal, _super);
+    function Modal(props) {
+        var _this = _super.call(this, props) || this;
+        _this.closeStyles = {
+            position: 'absolute',
+            right: '0px',
+            top: '0px'
+        };
+        _this.evtHandlers = {
+            onClose: function (e) { return _this.onClose(e); }
+        };
+        return _this;
+    }
+    Modal.prototype.onClose = function (e) {
+        var onRequestClose = this.props.onRequestClose;
+        onRequestClose(e);
+    };
+    Modal.prototype.render = function () {
+        var _a = this.props, isOpen = _a.isOpen, children = _a.children, style = _a.style, wrapperStyle = _a.wrapperStyle;
+        if (isOpen) {
+            return React.createElement("div", { className: "modal", style: wrapperStyle },
+                React.createElement("div", { className: 'modal-bg', onClick: this.evtHandlers.onClose }),
+                React.createElement("div", { className: 'modal-container', style: style },
+                    React.createElement("div", { className: 'modal-content' }, this.props.children),
+                    React.createElement(Button_1.default, { onClick: this.evtHandlers.onClose, customStyles: this.closeStyles }, icons_1.ICON_TIMES)));
+        }
+        else {
+            return null;
+        }
+    };
+    return Modal;
+}(React.PureComponent));
+exports.default = Modal;
+//# sourceMappingURL=Modal.js.map

package/dist/cjs/components/modal/Modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../src/components/modal/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,4DAAsC;AACtC,+CAAmD;AAUnD;IAAoB,yBAAgC;IAShD,eAAY,KAAK;QAAjB,YAEI,kBAAM,KAAK,CAAC,SAKf;QAbO,iBAAW,GAAG;YAClB,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,KAAK;YACZ,GAAG,EAAE,KAAK;SACb,CAAC;QAME,KAAI,CAAC,WAAW,GAAG;YACf,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAf,CAAe;SAClC,CAAC;;IACN,CAAC;IAEO,uBAAO,GAAf,UAAgB,CAAC;QAEN,IAAA,cAAc,GAAI,IAAI,CAAC,KAAK,eAAd,CAAe;QAEpC,cAAc,CAAC,CAAC,CAAC,CAAC;IACtB,CAAC;IAEM,sBAAM,GAAb;QAEU,IAAA,KAA0C,IAAI,CAAC,KAAK,EAAnD,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,YAAY,kBAAc,CAAC;QAE3D,IAAI,MAAM,EAAE;YACR,OAAO,6BAAK,SAAS,EAAI,OAAO,EAAE,KAAK,EAAI,YAAY;gBACnD,6BAAK,SAAS,EAAG,UAAU,EAAC,OAAO,EAAI,IAAI,CAAC,WAAW,CAAC,OAAO,GAAG;gBAClE,6BAAK,SAAS,EAAG,iBAAiB,EAAC,KAAK,EAAI,KAAK;oBAC7C,6BAAK,SAAS,EAAG,eAAe,IAC3B,IAAI,CAAC,KAAK,CAAC,QAAQ,CAClB;oBACN,oBAAC,gBAAM,IACH,OAAO,EAAI,IAAI,CAAC,WAAW,CAAC,OAAO,EACnC,YAAY,EAAI,IAAI,CAAC,WAAW,IAC/B,kBAAU,CACN,CACP,CACJ,CAAC;SACV;aAAM;YACH,OAAO,IAAI,CAAC;SACf;IACL,CAAC;IACL,YAAC;AAAD,CAAC,AA/CD,CAAoB,KAAK,CAAC,aAAa,GA+CtC;AAED,kBAAe,KAAK,CAAC"}

package/dist/cjs/components/modal/Modal.stories.d.ts

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

package/dist/cjs/components/modal/Modal.stories.js

@@ -0,0 +1,74 @@
+"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 __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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultModal = void 0;
+var React = __importStar(require("react"));
+var Modal_1 = __importDefault(require("./Modal"));
+var Button_1 = __importDefault(require("../button/Button"));
+exports.default = {
+    title: 'Modal',
+    component: Modal_1.default
+};
+var defaultModal = function () {
+    var _a = __read(React.useState(false), 2), open = _a[0], setOpen = _a[1];
+    var dropdownToggleRef = React.useRef(null);
+    var handleModalOpen = function () {
+        setOpen(!open);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button_1.default, { onClick: function () { return setOpen(!open); }, ref: dropdownToggleRef }, "Modal Button"),
+        React.createElement(Modal_1.default, { onRequestClose: handleModalOpen, wrapperStyle: {
+                top: '50px',
+                left: '0px',
+                width: '100%',
+                height: "calc(100% - 50px)"
+            }, style: {
+                width: '600px',
+                height: '70%',
+                top: '10%',
+                left: 'calc((100% - 600px) / 2)'
+            }, isOpen: open }, "Modal Content")));
+};
+exports.defaultModal = defaultModal;
+//# sourceMappingURL=Modal.stories.js.map

package/dist/cjs/components/modal/Modal.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.stories.js","sourceRoot":"","sources":["../../../../src/components/modal/Modal.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,kDAA4B;AAC5B,4DAAsC;AAEtC,kBAAe;IACX,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,eAAK;CACnB,CAAC;AAUK,IAAM,YAAY,GAAG;IAClB,IAAA,KAAA,OAAkB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAA,EAAtC,IAAI,QAAA,EAAE,OAAO,QAAyB,CAAC;IAC9C,IAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAE7C,IAAM,eAAe,GAAG;QACpB,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACH;QACI,oBAAC,gBAAM,IAAC,OAAO,EAAI,cAAM,OAAA,OAAO,CAAC,CAAC,IAAI,CAAC,EAAd,CAAc,EAAE,GAAG,EAAI,iBAAiB,mBAExD;QACT,oBAAC,eAAK,IACF,cAAc,EAAG,eAAe,EAChC,YAAY,EAAI;gBACZ,GAAG,EAAE,MAAM;gBACX,IAAI,EAAE,KAAK;gBACX,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,mBAAmB;aAC9B,EACD,KAAK,EAAI;gBACL,KAAK,EAAE,OAAO;gBACd,MAAM,EAAE,KAAK;gBACb,GAAG,EAAE,KAAK;gBACV,IAAI,EAAE,0BAA0B;aACnC,EACD,MAAM,EAAI,IAAI,oBAGV,CACT,CACN,CAAC;AACN,CAAC,CAAC;AAjCW,QAAA,YAAY,gBAiCvB"}

package/dist/cjs/components/no-access/NoAccess.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+interface INoAccessProps {
+    type: 'request' | 'restrict';
+}
+declare const NoAccess: React.FC<INoAccessProps>;
+export default NoAccess;

package/dist/cjs/components/no-access/NoAccess.js

@@ -0,0 +1,48 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var react_fontawesome_1 = require("@fortawesome/react-fontawesome");
+var faUserLock_1 = require("@fortawesome/free-solid-svg-icons/faUserLock");
+var faExclamationTriangle_1 = require("@fortawesome/free-solid-svg-icons/faExclamationTriangle");
+var MAIL_TO = 'mailto:info@imposium.com?subject=My access to Imposium is restricted';
+var REQUEST_ACCESS_TITLE = 'You don\'t have access to Imposium yet';
+var REQUEST_HREF_COPY = 'Request Access';
+var RESTRICTED_ACCESS_TITLE = 'Service not found';
+var NoAccess = function (p) {
+    if (!p.type) {
+        throw new Error('NoAccess requires a type of either: request or restrict');
+    }
+    var isRequest = (p.type === 'request');
+    return (React.createElement("div", { className: 'no-access' },
+        (isRequest)
+            ? React.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: faUserLock_1.faUserLock, size: '6x' })
+            : React.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: faExclamationTriangle_1.faExclamationTriangle, size: '6x' }),
+        React.createElement("div", { className: 'no-access-copy' },
+            React.createElement("h1", { className: 'no-access-heading' }, (isRequest) ? REQUEST_ACCESS_TITLE : RESTRICTED_ACCESS_TITLE),
+            (isRequest) && React.createElement("a", { href: MAIL_TO }, REQUEST_HREF_COPY))));
+};
+exports.default = NoAccess;
+//# sourceMappingURL=NoAccess.js.map

package/dist/cjs/components/no-access/NoAccess.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoAccess.js","sourceRoot":"","sources":["../../../../src/components/no-access/NoAccess.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,oEAAiE;AACjE,2EAA0E;AAC1E,iGAAgG;AAMhG,IAAM,OAAO,GAAY,sEAAsE,CAAC;AAChG,IAAM,oBAAoB,GAAY,wCAAwC,CAAC;AAC/E,IAAM,iBAAiB,GAAY,gBAAgB,CAAC;AACpD,IAAM,uBAAuB,GAAY,mBAAmB,CAAC;AAE7D,IAAM,QAAQ,GAA8B,UAAC,CAAkB;IAC3D,IAAI,CAAC,CAAC,CAAC,IAAI,EAAE;QACT,MAAM,IAAI,KAAK,CAAC,yDAAyD,CAAC,CAAC;KAC9E;IAED,IAAM,SAAS,GAAa,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC;IAEnD,OAAO,CACH,6BAAK,SAAS,EAAG,WAAW;QAEpB,CAAC,SAAS,CAAC;YACP,CAAC,CAAC,oBAAC,mCAAe,IAAC,IAAI,EAAI,uBAAU,EAAE,IAAI,EAAG,IAAI,GAAG;YACrD,CAAC,CAAC,oBAAC,mCAAe,IAAC,IAAI,EAAI,6CAAqB,EAAE,IAAI,EAAG,IAAI,GAAG;QAGxE,6BAAK,SAAS,EAAG,gBAAgB;YAC7B,4BAAI,SAAS,EAAG,mBAAmB,IAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,uBAAuB,CAAM;YACtG,CAAC,SAAS,CAAC,IAAI,2BAAG,IAAI,EAAI,OAAO,IAAG,iBAAiB,CAAK,CACzD,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,QAAQ,CAAC"}

package/dist/cjs/components/number-field/NumberField.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { IToolTipConfig } from '../Tooltip';
+interface INumberFieldProps {
+    buttons?: any;
+    label?: string;
+    placeholder?: string;
+    readOnly?: boolean;
+    value: number;
+    tooltip?: IToolTipConfig | string;
+    width?: string | number;
+    onChange?(e: any): void;
+    info?: string;
+    labelPosition?: string;
+    min?: number;
+    max?: number;
+}
+declare class NumberField extends React.PureComponent<INumberFieldProps> {
+    private inputRef;
+    constructor(props: any);
+    private onChange;
+    private onSelectFocus;
+    private onSelectBlur;
+    private handleLabelDrag;
+    render(): JSX.Element;
+}
+export default NumberField;