@imposium-hub/components 1.43.5 → 1.44.0

package/dist/cjs/components/select-field/SelectField.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectField.stories.js","sourceRoot":"","sources":["../../../../src/components/select-field/SelectField.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,8DAAwC;AACxC,0DAAkD;AAGlD,kBAAe;IACX,KAAK,EAAE,aAAa;IACpB,UAAU,EAAE,qBAAW;CAC1B,CAAC;AAsBK,IAAM,kBAAkB,GAAG,cAAM,OAAA,CACpC,oBAAC,qBAAW,IACR,KAAK,EAAI,cAAc,EACvB,KAAK,EAAI,OAAO,EAChB,KAAK,EAAG,KAAK,EACb,OAAO,EAAK,CAAC,SAAS,EAAE,SAAS,CAAC,EAClC,QAAQ,EAAI,IAAA,sBAAM,EAAC,SAAS,CAAC,GAAG,CACvC,EAPuC,CAOvC,CAAC;AAPW,QAAA,kBAAkB,sBAO7B"}

package/dist/cjs/components/service-icon/ServiceIcon.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+interface IServiceIconProps {
+    iconName: string;
+    color?: string;
+}
+declare const ServiceIcon: React.FC<IServiceIconProps>;
+export default ServiceIcon;

package/dist/cjs/components/service-icon/ServiceIcon.js

@@ -0,0 +1,77 @@
+"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 faJsSquare_1 = require("@fortawesome/free-brands-svg-icons/faJsSquare");
+var faFilm_1 = require("@fortawesome/free-solid-svg-icons/faFilm");
+var faGavel_1 = require("@fortawesome/free-solid-svg-icons/faGavel");
+var faDatabase_1 = require("@fortawesome/free-solid-svg-icons/faDatabase");
+var faFileVideo_1 = require("@fortawesome/free-solid-svg-icons/faFileVideo");
+var faVideo_1 = require("@fortawesome/free-solid-svg-icons/faVideo");
+var faChartBar_1 = require("@fortawesome/free-solid-svg-icons/faChartBar");
+var faUsersCog_1 = require("@fortawesome/free-solid-svg-icons/faUsersCog");
+var faCogs_1 = require("@fortawesome/free-solid-svg-icons/faCogs");
+var faPlayCircle_1 = require("@fortawesome/free-solid-svg-icons/faPlayCircle");
+var faUserLock_1 = require("@fortawesome/free-solid-svg-icons/faUserLock");
+var faSitemap_1 = require("@fortawesome/free-solid-svg-icons/faSitemap");
+var faChartArea_1 = require("@fortawesome/free-solid-svg-icons/faChartArea");
+var faFileAlt_1 = require("@fortawesome/free-solid-svg-icons/faFileAlt");
+var ServiceIcon = function (p) {
+    switch (p.iconName) {
+        case 'FaFilm':
+            return (React.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: faFilm_1.faFilm, color: p.color }));
+        case 'FaRegFileVideo':
+            return (React.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: faFileVideo_1.faFileVideo, color: p.color }));
+        case 'FaChartBar':
+            return (React.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: faChartBar_1.faChartBar, color: p.color }));
+        case 'FaGavel':
+            return (React.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: faGavel_1.faGavel, color: p.color }));
+        case 'FaDatabase':
+            return (React.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: faDatabase_1.faDatabase, color: p.color }));
+        case 'FaVideo':
+            return (React.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: faVideo_1.faVideo, color: p.color }));
+        case 'FaUsersCog':
+            return (React.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: faUsersCog_1.faUsersCog, color: p.color }));
+        case 'FaPlayCircle':
+            return (React.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: faPlayCircle_1.faPlayCircle, color: p.color }));
+        case 'FaUserLock':
+            return (React.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: faUserLock_1.faUserLock, color: p.color }));
+        case 'FaSiteMap':
+            return (React.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: faSitemap_1.faSitemap, color: p.color }));
+        case 'FaFileAlt':
+            return (React.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: faFileAlt_1.faFileAlt, color: p.color }));
+        case 'FaChartArea':
+            return (React.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: faChartArea_1.faChartArea, color: p.color }));
+        case 'FaCogs':
+            return (React.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: faCogs_1.faCogs }));
+        case 'FaJsSquare':
+            return (React.createElement(react_fontawesome_1.FontAwesomeIcon, { icon: faJsSquare_1.faJsSquare }));
+        default:
+            return null;
+    }
+};
+exports.default = ServiceIcon;
+//# sourceMappingURL=ServiceIcon.js.map

package/dist/cjs/components/service-icon/ServiceIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServiceIcon.js","sourceRoot":"","sources":["../../../../src/components/service-icon/ServiceIcon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,oEAAiE;AACjE,4EAA2E;AAC3E,mEAAkE;AAClE,qEAAoE;AACpE,2EAA0E;AAC1E,6EAA4E;AAC5E,qEAAoE;AACpE,2EAA0E;AAC1E,2EAA0E;AAC1E,mEAAkE;AAClE,+EAA8E;AAC9E,2EAA0E;AAC1E,yEAAwE;AACxE,6EAA4E;AAC5E,yEAAwE;AAOxE,IAAM,WAAW,GAAiC,UAAC,CAAqB;IACpE,QAAQ,CAAC,CAAC,QAAQ,EAAE;QAChB,KAAK,QAAQ;YACT,OAAO,CAAC,oBAAC,mCAAe,IAAC,IAAI,EAAI,eAAM,EAAE,KAAK,EAAI,CAAC,CAAC,KAAK,GAAI,CAAC,CAAC;QACnE,KAAK,gBAAgB;YACjB,OAAO,CAAC,oBAAC,mCAAe,IAAC,IAAI,EAAI,yBAAW,EAAE,KAAK,EAAI,CAAC,CAAC,KAAK,GAAI,CAAC,CAAC;QACxE,KAAK,YAAY;YACb,OAAO,CAAC,oBAAC,mCAAe,IAAC,IAAI,EAAI,uBAAU,EAAE,KAAK,EAAI,CAAC,CAAC,KAAK,GAAI,CAAC,CAAC;QACvE,KAAK,SAAS;YACV,OAAO,CAAC,oBAAC,mCAAe,IAAC,IAAI,EAAI,iBAAO,EAAE,KAAK,EAAI,CAAC,CAAC,KAAK,GAAI,CAAC,CAAC;QACpE,KAAK,YAAY;YACb,OAAO,CAAC,oBAAC,mCAAe,IAAC,IAAI,EAAI,uBAAU,EAAE,KAAK,EAAI,CAAC,CAAC,KAAK,GAAI,CAAC,CAAC;QACvE,KAAK,SAAS;YACV,OAAO,CAAC,oBAAC,mCAAe,IAAC,IAAI,EAAI,iBAAO,EAAE,KAAK,EAAI,CAAC,CAAC,KAAK,GAAI,CAAC,CAAC;QACpE,KAAK,YAAY;YACb,OAAO,CAAC,oBAAC,mCAAe,IAAC,IAAI,EAAI,uBAAU,EAAE,KAAK,EAAI,CAAC,CAAC,KAAK,GAAI,CAAC,CAAC;QACvE,KAAK,cAAc;YACf,OAAO,CAAC,oBAAC,mCAAe,IAAC,IAAI,EAAI,2BAAY,EAAE,KAAK,EAAI,CAAC,CAAC,KAAK,GAAI,CAAC,CAAC;QACzE,KAAK,YAAY;YACb,OAAO,CAAC,oBAAC,mCAAe,IAAC,IAAI,EAAI,uBAAU,EAAE,KAAK,EAAI,CAAC,CAAC,KAAK,GAAI,CAAC,CAAC;QACvE,KAAK,WAAW;YACZ,OAAO,CAAC,oBAAC,mCAAe,IAAC,IAAI,EAAI,qBAAS,EAAE,KAAK,EAAI,CAAC,CAAC,KAAK,GAAI,CAAC,CAAC;QACtE,KAAK,WAAW;YACZ,OAAO,CAAC,oBAAC,mCAAe,IAAC,IAAI,EAAI,qBAAS,EAAE,KAAK,EAAI,CAAC,CAAC,KAAK,GAAI,CAAC,CAAC;QACtE,KAAK,aAAa;YACd,OAAO,CAAC,oBAAC,mCAAe,IAAC,IAAI,EAAI,yBAAW,EAAE,KAAK,EAAI,CAAC,CAAC,KAAK,GAAI,CAAC,CAAC;QACxE,KAAK,QAAQ;YACT,OAAO,CAAC,oBAAC,mCAAe,IAAC,IAAI,EAAI,eAAM,GAAI,CAAC,CAAC;QACjD,KAAK,YAAY;YACb,OAAO,CAAC,oBAAC,mCAAe,IAAC,IAAI,EAAI,uBAAU,GAAI,CAAC,CAAC;QACrD;YACI,OAAO,IAAI,CAAC;KACnB;AACL,CAAC,CAAC;AAEF,kBAAe,WAAW,CAAC"}

package/dist/cjs/components/service-icon/ServiceIcon.test.js

@@ -0,0 +1 @@
+//# sourceMappingURL=ServiceIcon.test.js.map

package/dist/cjs/components/service-icon/ServiceIcon.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServiceIcon.test.js","sourceRoot":"","sources":["../../../../src/components/service-icon/ServiceIcon.test.tsx"],"names":[],"mappings":""}

package/dist/cjs/components/shortcut-menu/ShortcutMenu.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export interface IShortcutMenu {
+    shortcutCopyMap: any;
+    heading?: string;
+}
+export declare const ShortcutMenu: React.FC<IShortcutMenu>;

package/dist/cjs/components/shortcut-menu/ShortcutMenu.js

@@ -0,0 +1,45 @@
+"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.ShortcutMenu = void 0;
+var React = __importStar(require("react"));
+var HRule_1 = __importDefault(require("../h-rule/HRule"));
+var ShortcutMenu = function (_a) {
+    var shortcutCopyMap = _a.shortcutCopyMap, heading = _a.heading;
+    var h = (heading) ? React.createElement(React.Fragment, null,
+        React.createElement("h3", null, heading),
+        React.createElement(HRule_1.default, null)) : null;
+    return (React.createElement("div", { className: 'shortcuts-menu' },
+        h,
+        React.createElement("table", null,
+            React.createElement("tbody", null, (Object.keys(shortcutCopyMap).map(function (key) { return (React.createElement("tr", { className: 'shortcut', key: key },
+                React.createElement("td", { className: 'hotkey-cell' }, key),
+                React.createElement("td", { className: 'shortcut-desc' }, shortcutCopyMap[key]))); }))))));
+};
+exports.ShortcutMenu = ShortcutMenu;
+//# sourceMappingURL=ShortcutMenu.js.map

package/dist/cjs/components/shortcut-menu/ShortcutMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutMenu.js","sourceRoot":"","sources":["../../../../src/components/shortcut-menu/ShortcutMenu.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAoC;AAO7B,IAAM,YAAY,GAA6B,UAAC,EAA0B;QAAzB,eAAe,qBAAA,EAAE,OAAO,aAAA;IAE5E,IAAM,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;QAClB,gCAAK,OAAO,CAAM;QAClB,oBAAC,eAAK,OAAE,CACT,CAAC,CAAC,CAAC,IAAI,CAAC;IAEX,OAAO,CACH,6BAAK,SAAS,EAAG,gBAAgB;QAC5B,CAAC;QACF;YACI,mCAEQ,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,GAAG,CAAC,UAAC,GAAY,IAAK,OAAA,CAChD,4BAAI,SAAS,EAAG,UAAU,EAAC,GAAG,EAAI,GAAG;gBACjC,4BAAI,SAAS,EAAG,aAAa,IAAE,GAAG,CAAM;gBACxC,4BAAI,SAAS,EAAG,eAAe,IAAE,eAAe,CAAC,GAAG,CAAC,CAAM,CAC1D,CACR,EALmD,CAKnD,CAAC,CAAC,CAEH,CACJ,CACN,CACT,CAAC;AACN,CAAC,CAAC;AAxBW,QAAA,YAAY,gBAwBvB"}

package/dist/cjs/components/shortcut-menu/ShortcutMenu.stories.d.ts

@@ -0,0 +1,7 @@
+import * as React from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import("./ShortcutMenu").IShortcutMenu>;
+};
+export default _default;
+export declare const defaultShortcutMenu: () => JSX.Element;

package/dist/cjs/components/shortcut-menu/ShortcutMenu.stories.js

@@ -0,0 +1,42 @@
+"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 });
+exports.defaultShortcutMenu = void 0;
+var React = __importStar(require("react"));
+var ShortcutMenu_1 = require("./ShortcutMenu");
+exports.default = {
+    title: 'ShortcutMenu',
+    component: ShortcutMenu_1.ShortcutMenu
+};
+var shortcuts = {
+    'Up': 'Select previous experience',
+    'Down': 'Select next experience',
+    'Left': 'Go to previous page',
+    'Right': 'Go to next page',
+    'Shift + R': 'Refresh current page'
+};
+var defaultShortcutMenu = function () { return (React.createElement(ShortcutMenu_1.ShortcutMenu, { shortcutCopyMap: shortcuts })); };
+exports.defaultShortcutMenu = defaultShortcutMenu;
+//# sourceMappingURL=ShortcutMenu.stories.js.map

package/dist/cjs/components/shortcut-menu/ShortcutMenu.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ShortcutMenu.stories.js","sourceRoot":"","sources":["../../../../src/components/shortcut-menu/ShortcutMenu.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+CAA8C;AAE9C,kBAAe;IACX,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,2BAAY;CAC1B,CAAC;AAEF,IAAM,SAAS,GAAG;IACd,IAAI,EAAE,4BAA4B;IAClC,MAAM,EAAE,wBAAwB;IAChC,MAAM,EAAE,qBAAqB;IAC7B,OAAO,EAAE,iBAAiB;IAC1B,WAAW,EAAE,sBAAsB;CACtC,CAAC;AAEK,IAAM,mBAAmB,GAAG,cAAM,OAAA,CACrC,oBAAC,2BAAY,IAAC,eAAe,EAAI,SAAS,GAAI,CACjD,EAFwC,CAExC,CAAC;AAFW,QAAA,mBAAmB,uBAE9B"}

package/dist/cjs/components/slider-field/SliderField.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { IToolTipConfig } from '../Tooltip';
+interface ISliderFieldProps {
+    label?: string;
+    value: number;
+    width?: string | number;
+    min: number;
+    max: number;
+    step: number;
+    tooltip?: IToolTipConfig | string;
+    defaultValue: number;
+    onChange(e: any): void;
+    info?: string;
+    labelPosition?: string;
+}
+interface ISliderFieldState {
+    tempValue: number;
+}
+declare class SliderField extends React.PureComponent<ISliderFieldProps, ISliderFieldState> {
+    private updateTimeout;
+    constructor(props: any);
+    componentWillUnmount(): void;
+    private updateValue;
+    private rangeInputChange;
+    private numberInputChange;
+    render(): JSX.Element;
+}
+export default SliderField;

package/dist/cjs/components/slider-field/SliderField.js

@@ -0,0 +1,95 @@
+"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 FieldWrapper_1 = __importDefault(require("../field-wrapper/FieldWrapper"));
+var SliderField = /** @class */ (function (_super) {
+    __extends(SliderField, _super);
+    function SliderField(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            tempValue: null
+        };
+        return _this;
+    }
+    SliderField.prototype.componentWillUnmount = function () {
+        clearTimeout(this.updateTimeout);
+    };
+    SliderField.prototype.updateValue = function (val) {
+        this.props.onChange(val);
+    };
+    SliderField.prototype.rangeInputChange = function (e) {
+        var _this = this;
+        var inputVal = e.target.value;
+        var val = parseFloat(inputVal);
+        clearTimeout(this.updateTimeout);
+        this.setState({
+            tempValue: val
+        }, function () {
+            _this.updateTimeout = setTimeout(function () {
+                _this.updateValue(val);
+                _this.setState({ tempValue: null });
+            }, 100);
+        });
+    };
+    SliderField.prototype.numberInputChange = function (e) {
+        var _a = this.props, min = _a.min, max = _a.max;
+        var inputValue = e.target.value;
+        inputValue = (inputValue === '') ? 0 : parseFloat(inputValue);
+        if (inputValue >= min && inputValue <= max) {
+            this.updateValue(inputValue);
+        }
+    };
+    SliderField.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, label = _a.label, width = _a.width, min = _a.min, max = _a.max, step = _a.step, defaultValue = _a.defaultValue, value = _a.value, tooltip = _a.tooltip, info = _a.info, labelPosition = _a.labelPosition;
+        var tempValue = this.state.tempValue;
+        var val = (tempValue !== null) ? tempValue : (value === null || value === undefined) ? defaultValue : value;
+        return React.createElement(FieldWrapper_1.default, { customClass: 'slider-field', label: label, tooltip: tooltip, info: info, labelPosition: labelPosition, width: width },
+            React.createElement("input", { onChange: function (e) { return _this.rangeInputChange(e); }, type: 'range', min: min, max: max, value: val, step: step }),
+            React.createElement("input", { className: 'val', onChange: function (e) { return _this.numberInputChange(e); }, type: 'number', value: val }));
+    };
+    return SliderField;
+}(React.PureComponent));
+exports.default = SliderField;
+//# sourceMappingURL=SliderField.js.map

package/dist/cjs/components/slider-field/SliderField.js.map

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

package/dist/cjs/components/slider-field/SliderField.stories.d.ts

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

package/dist/cjs/components/slider-field/SliderField.stories.js

@@ -0,0 +1,61 @@
+"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.defaultSliderField = void 0;
+var React = __importStar(require("react"));
+var SliderField_1 = __importDefault(require("./SliderField"));
+exports.default = {
+    title: 'SliderField',
+    component: SliderField_1.default
+};
+var defaultSliderField = function () {
+    var _a = __read(React.useState(5), 2), sliderValue = _a[0], setSliderValue = _a[1];
+    var handleChange = function (e) {
+        setSliderValue(e.target.value);
+    };
+    return (React.createElement("div", { style: { width: '50%' } },
+        React.createElement(SliderField_1.default, { label: 'Slider Field', min: 0, max: 50, step: 1, value: sliderValue, defaultValue: 0, onChange: handleChange })));
+};
+exports.defaultSliderField = defaultSliderField;
+//# sourceMappingURL=SliderField.stories.js.map

package/dist/cjs/components/slider-field/SliderField.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SliderField.stories.js","sourceRoot":"","sources":["../../../../src/components/slider-field/SliderField.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,8DAAwC;AAGxC,kBAAe;IACX,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,qBAAW;CACzB,CAAC;AAoBK,IAAM,kBAAkB,GAAG;IACxB,IAAA,KAAA,OAAgC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAA,EAAhD,WAAW,QAAA,EAAE,cAAc,QAAqB,CAAC;IAExD,IAAM,YAAY,GAAG,UAAC,CAAC;QACnB,cAAc,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC,CAAC;IAEF,OAAO,CACH,6BAAK,KAAK,EAAE,EAAC,KAAK,EAAE,KAAK,EAAC;QACtB,oBAAC,qBAAW,IACR,KAAK,EAAI,cAAc,EACvB,GAAG,EAAI,CAAC,EACR,GAAG,EAAI,EAAE,EACT,IAAI,EAAI,CAAC,EACT,KAAK,EAAI,WAAW,EACpB,YAAY,EAAI,CAAC,EACjB,QAAQ,EAAI,YAAY,GAC1B,CACA,CACT,CAAC;AACN,CAAC,CAAC;AApBW,QAAA,kBAAkB,sBAoB7B"}

package/dist/cjs/components/spinner/Spinner.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+declare const Spinner: React.FC;
+export default Spinner;

package/dist/cjs/components/spinner/Spinner.js

@@ -0,0 +1,33 @@
+"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 icons_1 = require("../../constants/icons");
+var Spinner = function () {
+    return (React.createElement("div", { className: 'spinner' },
+        React.createElement("div", { className: 'icon' }, icons_1.ICON_CIRCLE_NOTCH)));
+};
+exports.default = Spinner;
+//# sourceMappingURL=Spinner.js.map

package/dist/cjs/components/spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../src/components/spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,+CAA0D;AAE1D,IAAM,OAAO,GAAc;IACvB,OAAO,CACH,6BAAK,SAAS,EAAG,SAAS;QACtB,6BAAK,SAAS,EAAG,MAAM,IAAE,yBAAiB,CAAO,CAC/C,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}

package/dist/cjs/components/story-previewer/StoryPreviewer.d.ts

@@ -0,0 +1,2 @@
+declare const _default: any;
+export default _default;