@imposium-hub/components 1.43.5 → 1.44.1

package/dist/cjs/components/dropdown/Dropdown.js

@@ -0,0 +1,140 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var ImposiumDropdown = /** @class */ (function (_super) {
+    __extends(ImposiumDropdown, _super);
+    function ImposiumDropdown(p) {
+        var _this = _super.call(this, p) || this;
+        _this.resizeHandler = function () { return _this.onResize(); };
+        _this.clickHandler = function (e) { return _this.detectOutsideClick(e); };
+        _this.escHandler = function (e) { return _this.onEsc(e); };
+        _this.dropdownRef = null;
+        _this.onResize = function () {
+            var toggleRef = _this.props.toggleRef;
+            if (typeof toggleRef !== 'undefined') {
+                var _a = toggleRef.current.getBoundingClientRect(), top_1 = _a.top, left = _a.left, bottom = _a.bottom, right = _a.right;
+                _this.setState({ offset: { top: top_1, left: left, bottom: bottom, right: right } });
+            }
+        };
+        _this.cancelRender = function (forced) {
+            if (forced === void 0) { forced = false; }
+            var onOutsideClick = _this.props.onOutsideClick;
+            window.removeEventListener('resize', _this.resizeHandler);
+            window.removeEventListener('mousedown', _this.clickHandler);
+            window.addEventListener('keydown', _this.onEsc);
+            _this.setState({ build: false, offset: {} });
+            if (forced) {
+                onOutsideClick();
+            }
+        };
+        _this.onEsc = function (e) {
+            if (e.keyCode === ImposiumDropdown.ESC_CODE) {
+                _this.cancelRender(true);
+            }
+        };
+        _this.detectOutsideClick = function (e) {
+            var toggleRef = _this.props.toggleRef;
+            var target = e.target;
+            var clickInside = (_this.dropdownRef.current && _this.dropdownRef.current.contains(target)) ? true : false;
+            var clickOnToggle = (toggleRef && toggleRef.current && toggleRef.current.contains(target)) ? true : false;
+            if (!clickInside && !clickOnToggle) {
+                _this.cancelRender(true);
+            }
+        };
+        _this.state = {
+            build: false,
+            offset: {}
+        };
+        _this.dropdownRef = React.createRef();
+        return _this;
+    }
+    ImposiumDropdown.prototype.componentDidUpdate = function (prevProps) {
+        var _this = this;
+        if (this.props.show && !prevProps.show) {
+            this.onResize();
+            this.setState({ build: true }, function () {
+                window.addEventListener('resize', _this.resizeHandler);
+                window.addEventListener('mousedown', _this.clickHandler);
+                window.addEventListener('keydown', _this.onEsc);
+            });
+        }
+        if (!this.props.show && prevProps.show) {
+            this.cancelRender();
+        }
+    };
+    ImposiumDropdown.prototype.render = function () {
+        var _a = this.state, build = _a.build, offset = _a.offset;
+        var _b = this.props, show = _b.show, position = _b.position, children = _b.children, fixed = _b.fixed;
+        var dropdownStyle = {
+            position: (fixed) ? 'fixed' : 'absolute',
+            transform: (build) ? 'scaleY(1)' : 'scaleY(0)',
+            opacity: (build) ? '1' : '0'
+        };
+        if (!show) {
+            return null;
+        }
+        if (offset) {
+            var clientWidth = document.documentElement.clientWidth;
+            var top_2 = offset.top, left = offset.left, bottom = offset.bottom, right = offset.right;
+            switch (position) {
+                case 'topleft':
+                case 'topright':
+                case 'bottomleft':
+                    dropdownStyle.top = "".concat(bottom + 5, "px");
+                    dropdownStyle.left = "".concat(left, "px");
+                    dropdownStyle.transformOrigin = 'top left';
+                    break;
+                case 'bottomright':
+                    dropdownStyle.top = "".concat(bottom + 5, "px");
+                    dropdownStyle.right = "".concat(clientWidth - right, "px");
+                    dropdownStyle.transformOrigin = 'top right';
+                    break;
+                default:
+                    break;
+            }
+        }
+        return (React.createElement("div", { className: 'imposium-dropdown', style: dropdownStyle, ref: this.dropdownRef }, children));
+    };
+    ImposiumDropdown.ESC_CODE = 27;
+    return ImposiumDropdown;
+}(React.PureComponent));
+exports.default = ImposiumDropdown;
+//# sourceMappingURL=Dropdown.js.map

package/dist/cjs/components/dropdown/Dropdown.js.map

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

package/dist/cjs/components/dropdown/Dropdown.stories.d.ts

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import ImposiumDropdown from './dropdown';
+declare const _default: {
+    title: string;
+    component: typeof ImposiumDropdown;
+};
+export default _default;
+export interface IDropdownMenuProps {
+    toggleRef: any;
+    show: boolean;
+    fixed?: boolean;
+    children: React.ReactChild;
+    position: 'topleft' | 'topright' | 'bottomleft' | 'bottomright';
+    onOutsideClick: (...args: any[]) => any;
+}
+export interface IDropdownMenuState {
+    build: any;
+    offset: any;
+}
+export declare const defaultDropDown: () => JSX.Element;

package/dist/cjs/components/dropdown/Dropdown.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.defaultDropDown = void 0;
+var React = __importStar(require("react"));
+var dropdown_1 = __importDefault(require("./dropdown"));
+var Button_1 = __importDefault(require("../button/Button"));
+exports.default = {
+    title: 'DropDown',
+    component: dropdown_1.default
+};
+var defaultDropDown = function () {
+    var dropdownToggleRef = React.useRef(undefined);
+    var _a = __read(React.useState(false), 2), toggle = _a[0], setToggle = _a[1];
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Button_1.default, { onClick: function () { return setToggle(!toggle); }, ref: dropdownToggleRef }, "Sample DropDown Toggle"),
+        React.createElement(dropdown_1.default, { toggleRef: dropdownToggleRef, show: toggle, fixed: true, position: 'bottomright', onOutsideClick: function () { return setToggle(!toggle); } }, "Sample")));
+};
+exports.defaultDropDown = defaultDropDown;
+//# sourceMappingURL=dropdown.stories.js.map

package/dist/cjs/components/dropdown/Dropdown.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown.stories.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,wDAA0C;AAC1C,4DAAsC;AAEtC,kBAAe;IACX,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,kBAAgB;CAC9B,CAAC;AAgBK,IAAM,eAAe,GAAG;IAC3B,IAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAC5C,IAAA,KAAA,OAAsB,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAA,EAA1C,MAAM,QAAA,EAAE,SAAS,QAAyB,CAAC;IAElD,OAAO,CACH;QACI,oBAAC,gBAAM,IAAC,OAAO,EAAI,cAAM,OAAA,SAAS,CAAC,CAAC,MAAM,CAAC,EAAlB,CAAkB,EAAE,GAAG,EAAI,iBAAiB,6BAE5D;QACT,oBAAC,kBAAgB,IACb,SAAS,EAAI,iBAAiB,EAC9B,IAAI,EAAI,MAAM,EACd,KAAK,QACL,QAAQ,EAAG,aAAa,EACxB,cAAc,EAAI,cAAM,OAAA,SAAS,CAAC,CAAC,MAAM,CAAC,EAAlB,CAAkB,aAE3B,CACpB,CACN,CAAC;AACN,CAAC,CAAC;AAnBW,QAAA,eAAe,mBAmB1B"}

package/dist/cjs/components/field-wrapper/FieldWrapper.d.ts

@@ -0,0 +1,26 @@
+import * as React from 'react';
+import { IToolTipConfig } from '../Tooltip';
+interface IFieldWrapperProps {
+    buttons?: any;
+    children: any;
+    customClass?: string;
+    label?: any;
+    tooltip?: IToolTipConfig | string;
+    info?: any;
+    width?: string | number;
+    labelPosition?: string;
+}
+interface IFieldWrapperState {
+    showInfo: boolean;
+}
+declare class FieldWrapper extends React.PureComponent<IFieldWrapperProps, IFieldWrapperState> {
+    private tooltipId;
+    private toggleIDInfo;
+    constructor(props: any);
+    private getLabelClass;
+    private renderLabel;
+    render(): JSX.Element;
+    private renderInfo;
+    renderButtons(): JSX.Element;
+}
+export default FieldWrapper;

package/dist/cjs/components/field-wrapper/FieldWrapper.js

@@ -0,0 +1,136 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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 Util_1 = require("../../Util");
+var Tooltip_1 = require("../Tooltip");
+var icons_1 = require("../../constants/icons");
+var Button_1 = __importDefault(require("../button/Button"));
+var FieldWrapper = /** @class */ (function (_super) {
+    __extends(FieldWrapper, _super);
+    function FieldWrapper(props) {
+        var _this = _super.call(this, props) || this;
+        _this.tooltipId = (0, Util_1.generateUUID)();
+        _this.state = {
+            showInfo: false
+        };
+        _this.toggleIDInfo = function () {
+            _this.setState({
+                showInfo: !_this.state.showInfo
+            });
+        };
+        return _this;
+    }
+    FieldWrapper.prototype.getLabelClass = function () {
+        if (!this.props.label) {
+            return 'no-label';
+        }
+        else {
+            var labelPos = (this.props.labelPosition) ? this.props.labelPosition : 'left';
+            return "label-".concat(labelPos);
+        }
+    };
+    FieldWrapper.prototype.renderLabel = function () {
+        var showInfo = this.state.showInfo;
+        var _a = this.props, info = _a.info, label = _a.label;
+        var iconInfo = (showInfo) ? icons_1.ICON_TIMES_CIRCLE : icons_1.ICON_INFO_CIRCLE;
+        var btnInfo = (info) ? React.createElement(Button_1.default, { onClick: this.toggleIDInfo, size: 'small', style: 'subtle' }, iconInfo) : null;
+        if (btnInfo || label) {
+            return React.createElement("label", __assign({}, (0, Tooltip_1.renderTooltipProps)(this.tooltipId, this.props.tooltip), { className: this.getLabelClass() }),
+                btnInfo,
+                (btnInfo) && ' ',
+                label);
+        }
+        else {
+            return null;
+        }
+    };
+    FieldWrapper.prototype.render = function () {
+        var _a = this.props, label = _a.label, width = _a.width, customClass = _a.customClass;
+        var labelJSX = this.renderLabel();
+        var style = {};
+        var fieldProps = {};
+        if (!label) {
+            fieldProps = (0, Tooltip_1.renderTooltipProps)(this.tooltipId, this.props.tooltip);
+        }
+        if (width) {
+            style['width'] = (typeof width === 'string') ? width : "".concat(width, "px");
+        }
+        return React.createElement("div", { className: "form-field ".concat(customClass, " ").concat(this.getLabelClass()), style: style },
+            labelJSX,
+            React.createElement("div", __assign({ className: "form-field-content ".concat(this.getLabelClass()) }, fieldProps),
+                this.props.children,
+                this.renderButtons()),
+            (0, Tooltip_1.renderTooltip)(this.tooltipId, this.props.tooltip),
+            this.renderInfo());
+    };
+    FieldWrapper.prototype.renderInfo = function () {
+        var info = this.props.info;
+        var showInfo = this.state.showInfo;
+        if (info && showInfo) {
+            return React.createElement("p", null, info);
+        }
+        else {
+            return null;
+        }
+    };
+    FieldWrapper.prototype.renderButtons = function () {
+        if (this.props.buttons) {
+            return React.createElement("div", { className: 'form-field-buttons' }, this.props.buttons);
+        }
+    };
+    return FieldWrapper;
+}(React.PureComponent));
+exports.default = FieldWrapper;
+//# sourceMappingURL=FieldWrapper.js.map

package/dist/cjs/components/field-wrapper/FieldWrapper.js.map

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

package/dist/cjs/components/field-wrapper/FieldWrapper.stories.d.ts

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

package/dist/cjs/components/field-wrapper/FieldWrapper.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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultFieldWrapperWithSelectField = void 0;
+var React = __importStar(require("react"));
+var addon_actions_1 = require("@storybook/addon-actions");
+var FieldWrapper_1 = __importDefault(require("./FieldWrapper"));
+var SelectField_1 = __importDefault(require("../select-field/SelectField"));
+exports.default = {
+    title: 'FieldWrapper',
+    component: FieldWrapper_1.default
+};
+var defaultFieldWrapperWithSelectField = function () { return (React.createElement(FieldWrapper_1.default, { width: '50%', label: 'Field Wrapper' },
+    React.createElement(SelectField_1.default, { label: 'SelectField', value: 'SelectField', width: '50%', options: ['Item1', 'Item2'], onChange: (0, addon_actions_1.action)('CLICKED') }),
+    React.createElement(SelectField_1.default, { label: 'SelectField', value: 'SelectField', width: '50%', options: ['Item1', 'Item2'], onChange: (0, addon_actions_1.action)('CLICKED') }))); };
+exports.defaultFieldWrapperWithSelectField = defaultFieldWrapperWithSelectField;
+//# sourceMappingURL=FieldWrapper.stories.js.map

package/dist/cjs/components/field-wrapper/FieldWrapper.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldWrapper.stories.js","sourceRoot":"","sources":["../../../../src/components/field-wrapper/FieldWrapper.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAElD,gEAA0C;AAC1C,4EAAsD;AAEtD,kBAAe;IACX,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,sBAAY;CAC1B,CAAC;AAiBK,IAAM,kCAAkC,GAAG,cAAM,OAAA,CACpD,oBAAC,sBAAY,IACT,KAAK,EAAG,KAAK,EACb,KAAK,EAAI,eAAe;IACxB,oBAAC,qBAAW,IACR,KAAK,EAAI,aAAa,EACtB,KAAK,EAAI,aAAa,EACtB,KAAK,EAAG,KAAK,EACb,OAAO,EAAI,CAAC,OAAO,EAAE,OAAO,CAAC,EAC7B,QAAQ,EAAI,IAAA,sBAAM,EAAC,SAAS,CAAC,GAAG;IACpC,oBAAC,qBAAW,IACR,KAAK,EAAI,aAAa,EACtB,KAAK,EAAI,aAAa,EACtB,KAAK,EAAG,KAAK,EACb,OAAO,EAAI,CAAC,OAAO,EAAE,OAAO,CAAC,EAC7B,QAAQ,EAAI,IAAA,sBAAM,EAAC,SAAS,CAAC,GAAG,CACzB,CAClB,EAjBuD,CAiBvD,CAAC;AAjBW,QAAA,kCAAkC,sCAiB7C"}

package/dist/cjs/components/h-rule/HRule.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const HRule: (props: any) => JSX.Element;
+export default HRule;

package/dist/cjs/components/h-rule/HRule.js

@@ -0,0 +1,35 @@
+"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 HRule = function (props) {
+    var style = props.style;
+    if (!style) {
+        style = 'default';
+    }
+    return (React.createElement("div", { className: "horizontal-rule ".concat(style) }));
+};
+exports.default = HRule;
+//# sourceMappingURL=HRule.js.map

package/dist/cjs/components/h-rule/HRule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HRule.js","sourceRoot":"","sources":["../../../../src/components/h-rule/HRule.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,IAAM,KAAK,GAAG,UAAC,KAAK;IAEhB,IAAI,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;IACxB,IAAI,CAAC,KAAK,EAAE;QAAE,KAAK,GAAG,SAAS,CAAC;KAAE;IAClC,OAAO,CACH,6BAAK,SAAS,EAAI,0BAAmB,KAAK,CAAE,GAAG,CAClD,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,KAAK,CAAC"}

package/dist/cjs/components/h-rule/HRule.stories.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+    component: (props: any) => JSX.Element;
+};
+export default _default;
+export declare const defaultHRule: () => JSX.Element;

package/dist/cjs/components/h-rule/HRule.stories.js

@@ -0,0 +1,43 @@
+"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.defaultHRule = void 0;
+var React = __importStar(require("react"));
+var HRule_1 = __importDefault(require("./HRule"));
+exports.default = {
+    title: 'HRule',
+    component: HRule_1.default
+};
+// This is hard to see
+var defaultHRule = function () { return (React.createElement(React.Fragment, null,
+    React.createElement(HRule_1.default, null),
+    React.createElement(HRule_1.default, { style: 'subtle' }),
+    React.createElement(HRule_1.default, null),
+    React.createElement(HRule_1.default, { style: 'subtle' }))); };
+exports.defaultHRule = defaultHRule;
+//# sourceMappingURL=HRule.stories.js.map

package/dist/cjs/components/h-rule/HRule.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HRule.stories.js","sourceRoot":"","sources":["../../../../src/components/h-rule/HRule.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,kDAA4B;AAE5B,kBAAe;IACX,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,eAAK;CACnB,CAAC;AAEF,sBAAsB;AACf,IAAM,YAAY,GAAG,cAAM,OAAA,CAC9B;IACI,oBAAC,eAAK,OAAI;IACV,oBAAC,eAAK,IAAC,KAAK,EAAG,QAAQ,GAAG;IAC1B,oBAAC,eAAK,OAAI;IACV,oBAAC,eAAK,IAAC,KAAK,EAAG,QAAQ,GAAG,CAC3B,CACN,EAPiC,CAOjC,CAAC;AAPW,QAAA,YAAY,gBAOvB"}

package/dist/cjs/components/header/Header.d.ts

@@ -0,0 +1,55 @@
+import * as React from 'react';
+export interface IHeaderProps {
+    email?: string;
+    accessData: any;
+    activeOrganization: string;
+    activeStory?: string;
+    hideStoryPicker?: boolean;
+    onOrganizationChange?: (orgId: any) => any;
+    onStoryChange?: (story: any) => any;
+    logout: (...args: any[]) => any;
+}
+export interface IHeaderState {
+    inactiveOrganizations: any[];
+    servicesByOrganization: any[];
+    activeServiceBlob: any;
+    activeOrganizationBlob: any;
+    showAccountDropdown: boolean;
+    showStoriesDropdown: boolean;
+    showServiceDropdown: boolean;
+    dropdownToggleColor: string;
+    activeFirstChar: string;
+}
+export default class ImposiumHeader extends React.PureComponent<IHeaderProps, IHeaderState> {
+    private static readonly DEFAULT_TITLE;
+    private static readonly SERVICE_MESH_ALIAS;
+    private static readonly DOCS_HEADER;
+    private static readonly PRIVATE_HEADER;
+    private static readonly API_DOCS_LINK_COPY;
+    private static readonly SDK_DOCS_LINK_COPY;
+    private static readonly API_DOCS_LINK;
+    private static readonly SDK_DOCS_LINK;
+    private static readonly DEFAULT_SERVICE_TOGGLE_COPY;
+    private static readonly DEFAULT_ACCOUNT_TOGGLE_COLOR;
+    private static readonly NO_STORIES_COPY;
+    private static readonly LOGOUT_COPY;
+    private static readonly UUID_LENGTH;
+    private static readonly UP;
+    private static readonly DOWN;
+    private static readonly PRIVATE_IDS;
+    private readonly serviceToggleRef;
+    private readonly storyToggleRef;
+    private readonly orgsToggleRef;
+    constructor(p: IHeaderProps);
+    componentDidMount: () => void;
+    componentDidUpdate: (prevProps: IHeaderProps) => void;
+    private parseAccessData;
+    private changeStory;
+    private toggleAccountDropdown;
+    private getHomeUrl;
+    private doLogout;
+    private pullFirstChar;
+    private renderDropdownChevron;
+    private renderServiceAnchor;
+    render(): JSX.Element;
+}