@imposium-hub/components 1.43.5 → 1.44.0

package/dist/cjs/components/button/Button.js

@@ -0,0 +1,105 @@
+"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;
+};
+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 = /** @class */ (function (_super) {
+    __extends(Button, _super);
+    function Button(props) {
+        var _this = _super.call(this, props) || this;
+        _this.tooltipId = "imposium-button-".concat((0, Util_1.generateUUID)());
+        return _this;
+    }
+    Button.prototype.onClick = function (e) {
+        if (this.props.onClick && !this.props.loading) {
+            this.props.onClick(e);
+        }
+    };
+    Button.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, style = _a.style, color = _a.color, size = _a.size, customStyles = _a.customStyles;
+        var _b = this.props, width = _b.width, loading = _b.loading, tooltip = _b.tooltip;
+        var _c = this.props, active = _c.active, disabled = _c.disabled, buttonRef = _c.buttonRef;
+        var activeClass = (active) ? 'active' : '';
+        var disabledClass = (disabled) ? 'disabled' : '';
+        if (!size) {
+            size = '';
+        }
+        if (!style) {
+            style = 'default';
+        }
+        if (!color) {
+            color = '';
+        }
+        if (width) {
+            if (customStyles) {
+                customStyles['width'] = width;
+            }
+            else {
+                customStyles = {
+                    width: width
+                };
+            }
+        }
+        var kids = (!loading)
+            ? this.props.children
+            : React.createElement("span", { className: 'loading-icon' }, icons_1.ICON_CIRCLE_NOTCH);
+        var content = React.createElement("div", __assign({}, (0, Tooltip_1.renderTooltipProps)(this.tooltipId, this.props.tooltip), { ref: buttonRef, className: "imposium-btn btn-".concat(style, " ").concat(size, " ").concat(color, " ").concat(activeClass, " ").concat(disabledClass), onClick: function (e) { return _this.onClick(e); }, style: customStyles }),
+            kids,
+            (0, Tooltip_1.renderTooltip)(this.tooltipId, this.props.tooltip));
+        return content;
+    };
+    return Button;
+}(React.PureComponent));
+exports.default = Button;
+//# sourceMappingURL=Button.js.map

package/dist/cjs/components/button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,mCAA0C;AAC1C,sCAA+E;AAC/E,+CAA0D;AAiB1D;IAAqB,0BAAiC;IAIlD,gBAAY,KAAK;QAAjB,YAEI,kBAAM,KAAK,CAAC,SAGf;QADG,KAAI,CAAC,SAAS,GAAG,0BAAmB,IAAA,mBAAY,GAAE,CAAE,CAAC;;IACzD,CAAC;IAEO,wBAAO,GAAf,UAAgB,CAAC;QAEb,IAAI,IAAI,CAAC,KAAK,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE;YAC3C,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;SACzB;IACL,CAAC;IAEM,uBAAM,GAAb;QAAA,iBAoCC;QAlCO,IAAA,KAAqC,IAAI,CAAC,KAAK,EAA9C,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,YAAY,kBAAc,CAAC;QAC9C,IAAA,KAA4B,IAAI,CAAC,KAAK,EAArC,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,OAAO,aAAc,CAAC;QACvC,IAAA,KAAgC,IAAI,CAAC,KAAK,EAAzC,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAE,SAAS,eAAc,CAAC;QACjD,IAAM,WAAW,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;QAC7C,IAAM,aAAa,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC;QAEnD,IAAI,CAAC,IAAI,EAAE;YAAE,IAAI,GAAG,EAAE,CAAC;SAAE;QACzB,IAAI,CAAC,KAAK,EAAE;YAAE,KAAK,GAAG,SAAS,CAAC;SAAE;QAClC,IAAI,CAAC,KAAK,EAAE;YAAE,KAAK,GAAG,EAAE,CAAC;SAAE;QAC3B,IAAI,KAAK,EAAE;YACP,IAAI,YAAY,EAAE;gBACd,YAAY,CAAC,OAAO,CAAC,GAAG,KAAK,CAAC;aACjC;iBAAM;gBACH,YAAY,GAAG;oBACX,KAAK,OAAA;iBACR,CAAC;aACL;SACJ;QAED,IAAM,IAAI,GAAG,CAAC,CAAC,OAAO,CAAC;YACnB,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ;YACrB,CAAC,CAAC,8BAAM,SAAS,EAAG,cAAc,IAAE,yBAAiB,CAAQ,CAAC;QAElE,IAAM,OAAO,GAAG,wCACR,IAAA,4BAAkB,EAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAC1D,GAAG,EAAI,SAAS,EAChB,SAAS,EAAI,2BAAoB,KAAK,cAAI,IAAI,cAAI,KAAK,cAAI,WAAW,cAAI,aAAa,CAAE,EACzF,OAAO,EAAI,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,OAAO,CAAC,CAAC,CAAC,EAAf,CAAe,EACjC,KAAK,EAAI,YAAY;YACpB,IAAI;YACJ,IAAA,uBAAa,EAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAChD,CAAC;QAEP,OAAO,OAAO,CAAC;IACnB,CAAC;IACL,aAAC;AAAD,CAAC,AAvDD,CAAqB,KAAK,CAAC,aAAa,GAuDvC;AAED,kBAAe,MAAM,CAAC"}

package/dist/cjs/components/button/Button.stories.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+declare const _default: {
+    title: string;
+};
+export default _default;
+export declare const sizes: () => JSX.Element;
+export declare const styles: () => JSX.Element;
+export declare const colors: () => JSX.Element;
+export declare const loading: () => JSX.Element;
+export declare const tooltips: () => JSX.Element;

package/dist/cjs/components/button/Button.stories.js

@@ -0,0 +1,127 @@
+"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.tooltips = exports.loading = exports.colors = exports.styles = exports.sizes = void 0;
+var React = __importStar(require("react"));
+var Button_1 = __importDefault(require("./Button"));
+var addon_actions_1 = require("@storybook/addon-actions");
+var icons_1 = require("../../constants/icons");
+exports.default = { title: 'Button' };
+var handleClick = (0, addon_actions_1.action)('button-click');
+var sizes = function () {
+    return React.createElement(React.Fragment, null,
+        React.createElement(Button_1.default, { onClick: handleClick }, "Default"),
+        "\u00A0",
+        React.createElement(Button_1.default, { onClick: handleClick }, icons_1.ICON_PLUS),
+        React.createElement("br", null),
+        React.createElement("br", null),
+        React.createElement(Button_1.default, { onClick: handleClick, size: 'large' }, "Large"),
+        "\u00A0",
+        React.createElement(Button_1.default, { onClick: handleClick, size: 'large' }, icons_1.ICON_PLUS));
+};
+exports.sizes = sizes;
+var styles = function () {
+    return React.createElement(React.Fragment, null,
+        React.createElement(Button_1.default, { onClick: handleClick }, "Default"),
+        "\u00A0",
+        React.createElement(Button_1.default, { onClick: handleClick }, icons_1.ICON_PLUS),
+        React.createElement("br", null),
+        React.createElement("br", null),
+        React.createElement(Button_1.default, { onClick: handleClick, style: 'subtle' }, "Subtle"),
+        "\u00A0",
+        React.createElement(Button_1.default, { onClick: handleClick, style: 'subtle' }, icons_1.ICON_PLUS),
+        React.createElement("br", null),
+        React.createElement("br", null),
+        React.createElement(Button_1.default, { onClick: handleClick, style: 'bold' }, "Bold"),
+        "\u00A0",
+        React.createElement(Button_1.default, { onClick: handleClick, style: 'bold' }, icons_1.ICON_PLUS));
+};
+exports.styles = styles;
+var colors = function () {
+    return React.createElement(React.Fragment, null,
+        React.createElement("p", null, "Default"),
+        React.createElement(Button_1.default, { onClick: handleClick }, icons_1.ICON_PLUS),
+        "\u00A0",
+        React.createElement(Button_1.default, { onClick: handleClick, style: 'subtle' }, icons_1.ICON_PLUS),
+        "\u00A0",
+        React.createElement(Button_1.default, { onClick: handleClick, style: 'bold' }, icons_1.ICON_PLUS),
+        React.createElement("br", null),
+        React.createElement("br", null),
+        React.createElement("p", null, "Primary"),
+        React.createElement(Button_1.default, { onClick: handleClick, color: 'primary' }, icons_1.ICON_PLUS),
+        "\u00A0",
+        React.createElement(Button_1.default, { onClick: handleClick, color: 'primary', style: 'subtle' }, icons_1.ICON_PLUS),
+        "\u00A0",
+        React.createElement(Button_1.default, { onClick: handleClick, color: 'primary', style: 'bold' }, icons_1.ICON_PLUS),
+        React.createElement("br", null),
+        React.createElement("br", null),
+        React.createElement("p", null, "Secondary"),
+        React.createElement(Button_1.default, { onClick: handleClick, color: 'secondary' }, icons_1.ICON_PLUS),
+        "\u00A0",
+        React.createElement(Button_1.default, { onClick: handleClick, color: 'secondary', style: 'subtle' }, icons_1.ICON_PLUS),
+        "\u00A0",
+        React.createElement(Button_1.default, { onClick: handleClick, color: 'secondary', style: 'bold' }, icons_1.ICON_PLUS),
+        React.createElement("br", null),
+        React.createElement("br", null),
+        React.createElement("p", null, "Danger"),
+        React.createElement(Button_1.default, { onClick: handleClick, color: 'danger' }, icons_1.ICON_PLUS),
+        "\u00A0",
+        React.createElement(Button_1.default, { onClick: handleClick, color: 'danger', style: 'subtle' }, icons_1.ICON_PLUS),
+        "\u00A0",
+        React.createElement(Button_1.default, { onClick: handleClick, color: 'danger', style: 'bold' }, icons_1.ICON_PLUS),
+        React.createElement("br", null),
+        React.createElement("br", null));
+};
+exports.colors = colors;
+var loading = function () {
+    return React.createElement(React.Fragment, null,
+        React.createElement(Button_1.default, { onClick: handleClick, color: 'primary', size: 'large', loading: true }, "Loading"));
+};
+exports.loading = loading;
+var tooltips = function () {
+    return React.createElement(React.Fragment, null,
+        React.createElement(Button_1.default, { onClick: handleClick, tooltip: 'This is a default tooltip, automatically positioned', color: 'primary', size: 'large' }, "Default"),
+        React.createElement("br", null),
+        React.createElement(Button_1.default, { onClick: handleClick, customStyles: {
+                marginLeft: '300px'
+            }, tooltip: {
+                content: 'This is a custom tooltip, dark theme, left',
+                position: 'left',
+                theme: 'dark'
+            }, color: 'primary', size: 'large' }, "Custom 1"),
+        React.createElement("br", null),
+        React.createElement(Button_1.default, { onClick: handleClick, customStyles: {
+                marginLeft: '200px'
+            }, tooltip: {
+                content: 'This is another custom tooltip, bottom',
+                position: 'bottom'
+            }, color: 'primary', size: 'large' }, "Custom 2"),
+        React.createElement("br", null));
+};
+exports.tooltips = tooltips;
+//# sourceMappingURL=Button.stories.js.map

package/dist/cjs/components/button/Button.stories.js.map

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

package/dist/cjs/components/button-group-field/ButtonGroupField.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { IToolTipConfig } from '../Tooltip';
+interface IButtonGroupOption {
+    value: string | boolean;
+    label?: string;
+    bgColor?: string;
+    icon?: any;
+    onDoubleClick?: (...args: any[]) => any;
+    tooltip?: IToolTipConfig | string;
+}
+interface IButtonGroupFieldProps {
+    label?: string;
+    width?: string | number;
+    value: string;
+    options: IButtonGroupOption[];
+    tooltip?: IToolTipConfig | string;
+    onChange(e: any): void;
+    info?: string;
+    labelPosition?: string;
+}
+declare class ButtonGroupField extends React.PureComponent<IButtonGroupFieldProps> {
+    private clickTimeout;
+    private clickCounter;
+    constructor(p: IButtonGroupFieldProps);
+    private handleMultipleClicks;
+    render: () => JSX.Element;
+}
+export default ButtonGroupField;

package/dist/cjs/components/button-group-field/ButtonGroupField.js

@@ -0,0 +1,101 @@
+"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 FieldWrapper_1 = __importDefault(require("../field-wrapper/FieldWrapper"));
+var Tooltip_1 = require("../Tooltip");
+var ButtonGroupField = /** @class */ (function (_super) {
+    __extends(ButtonGroupField, _super);
+    function ButtonGroupField(p) {
+        var _this = _super.call(this, p) || this;
+        _this.clickCounter = 0;
+        _this.handleMultipleClicks = function (singleClick, doubleClick) {
+            _this.clickCounter++;
+            if (_this.clickCounter === 1) {
+                _this.clickTimeout = window.setTimeout(function () {
+                    _this.clickCounter = 0;
+                    singleClick();
+                }, 300);
+            }
+            if (_this.clickCounter === 2) {
+                clearTimeout(_this.clickTimeout);
+                _this.clickCounter = 0;
+                doubleClick();
+            }
+        };
+        _this.render = function () {
+            var _a = _this.props, value = _a.value, label = _a.label, options = _a.options, width = _a.width, tooltip = _a.tooltip, info = _a.info, labelPosition = _a.labelPosition;
+            var optionStyle = { width: "".concat(100 / options.length, "%") };
+            return (React.createElement(FieldWrapper_1.default, { customClass: 'button-group-field', label: label, tooltip: tooltip, info: info, labelPosition: labelPosition, width: width },
+                React.createElement("div", { className: 'button-group' }, options.map(function (option, i) {
+                    var optionKey = option.value;
+                    var optionLabel = option.label;
+                    var icon = (option.icon) ? option.icon : null;
+                    var tooltipId = "".concat(optionKey, "-").concat(i);
+                    var activeOption = (optionKey === value);
+                    var activeClass = (activeOption) ? 'active' : '';
+                    var onClick = (!activeOption) ? function () { _this.props.onChange(optionKey); } : null;
+                    return (React.createElement("div", __assign({ key: "option-".concat(optionKey), style: optionStyle, className: "button-group-option ".concat(activeClass) }, (0, Tooltip_1.renderTooltipProps)(tooltipId, option.tooltip), { onClick: (typeof option.onDoubleClick === 'function')
+                            ? function () { return _this.handleMultipleClicks(onClick, option.onDoubleClick); }
+                            : onClick }),
+                        (!icon) ? optionLabel : icon,
+                        (0, Tooltip_1.renderTooltip)(tooltipId, option.tooltip)));
+                }))));
+        };
+        return _this;
+    }
+    return ButtonGroupField;
+}(React.PureComponent));
+exports.default = ButtonGroupField;
+//# sourceMappingURL=ButtonGroupField.js.map

package/dist/cjs/components/button-group-field/ButtonGroupField.js.map

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

package/dist/cjs/components/button-group-field/ButtonGroupField.stories.d.ts

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

package/dist/cjs/components/button-group-field/ButtonGroupField.stories.js

@@ -0,0 +1,53 @@
+"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.defaultField = void 0;
+var React = __importStar(require("react"));
+var addon_actions_1 = require("@storybook/addon-actions");
+var ButtonGroupField_1 = __importDefault(require("./ButtonGroupField"));
+exports.default = {
+    title: 'ButtonGroupField',
+    component: ButtonGroupField_1.default,
+};
+var OVERLAY_ENGINE_TYPES = {
+    CHROMIUM: 'chromium',
+    PHANTOM: ''
+};
+var SAMPLE_OPTIONS = [
+    {
+        value: OVERLAY_ENGINE_TYPES.CHROMIUM,
+        label: 'Chromium'
+    },
+    {
+        value: OVERLAY_ENGINE_TYPES.PHANTOM,
+        label: 'Phantom'
+    }
+];
+var defaultField = function () { return (React.createElement(ButtonGroupField_1.default, { label: 'Button Group', width: '300px', value: 'Default Value', options: SAMPLE_OPTIONS, tooltip: 'ButtonGroupField Tooltip', onChange: (0, addon_actions_1.action)('Field onChange'), info: 'This is some additional information about the field', labelPosition: 'center' })); };
+exports.defaultField = defaultField;
+//# sourceMappingURL=ButtonGroupField.stories.js.map

package/dist/cjs/components/button-group-field/ButtonGroupField.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonGroupField.stories.js","sourceRoot":"","sources":["../../../../src/components/button-group-field/ButtonGroupField.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,wEAAkD;AAGlD,kBAAe;IACX,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,0BAAgB;CAC9B,CAAC;AAuBF,IAAM,oBAAoB,GAAG;IACzB,QAAQ,EAAE,UAAU;IACpB,OAAO,EAAE,EAAE;CACd,CAAC;AAEF,IAAM,cAAc,GAAG;IACnB;QACI,KAAK,EAAE,oBAAoB,CAAC,QAAQ;QACpC,KAAK,EAAE,UAAU;KACpB;IACD;QACI,KAAK,EAAE,oBAAoB,CAAC,OAAO;QACnC,KAAK,EAAE,SAAS;KACnB;CACJ,CAAC;AAEK,IAAM,YAAY,GAAG,cAAM,OAAA,CAC9B,oBAAC,0BAAgB,IACb,KAAK,EAAG,cAAc,EACtB,KAAK,EAAI,OAAO,EAChB,KAAK,EAAG,eAAe,EACvB,OAAO,EAAI,cAAc,EACzB,OAAO,EAAG,0BAA0B,EACpC,QAAQ,EAAI,IAAA,sBAAM,EAAC,gBAAgB,CAAC,EACpC,IAAI,EAAG,qDAAqD,EAC5D,aAAa,EAAG,QAAQ,GACtB,CACT,EAXiC,CAWjC,CAAC;AAXW,QAAA,YAAY,gBAWvB"}

package/dist/cjs/components/button-menu/ButtonMenu.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+interface IButtonMenuProps {
+    button: any;
+    items: any;
+    position: string;
+    isOpen?: boolean;
+    onClick?: (e: any) => string | void;
+}
+interface IButtonMenuState {
+    open: boolean;
+}
+declare class ButtonMenu extends React.PureComponent<IButtonMenuProps, IButtonMenuState> {
+    private evtHandlers;
+    private toggleRef;
+    private menuRef;
+    constructor(props: any);
+    private handleClickOutside;
+    componentWillUnmount(): void;
+    toggleMenu(e: any): void;
+    renderItems(): any[];
+    renderMenu(): JSX.Element;
+    render(): JSX.Element;
+}
+export default ButtonMenu;

package/dist/cjs/components/button-menu/ButtonMenu.js

@@ -0,0 +1,164 @@
+"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 __values = (this && this.__values) || function(o) {
+    var s = typeof Symbol === "function" && Symbol.iterator, m = s && o[s], i = 0;
+    if (m) return m.call(o);
+    if (o && typeof o.length === "number") return {
+        next: function () {
+            if (o && i >= o.length) o = void 0;
+            return { value: o && o[i++], done: !o };
+        }
+    };
+    throw new TypeError(s ? "Object is not iterable." : "Symbol.iterator is not defined.");
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var React = __importStar(require("react"));
+var ButtonMenu = /** @class */ (function (_super) {
+    __extends(ButtonMenu, _super);
+    function ButtonMenu(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            open: false
+        };
+        _this.evtHandlers = {
+            toggleMenu: function (e) { return _this.toggleMenu(e); },
+            clickOutside: function (e, isSelect) { return _this.handleClickOutside(e, isSelect); }
+        };
+        _this.toggleRef = React.createRef();
+        _this.menuRef = React.createRef();
+        return _this;
+    }
+    ButtonMenu.prototype.handleClickOutside = function (e, isSelect) {
+        var clickOnToggle = (this.toggleRef && this.toggleRef.current && this.toggleRef.current.contains(e.target)) ? true : false;
+        var menus = (this.menuRef && this.menuRef.current && this.menuRef.current.contains(e.target)) ? true : false;
+        if (!clickOnToggle && !isSelect) {
+            document.removeEventListener('click', this.evtHandlers.clickOutside);
+            this.setState({
+                open: false
+            });
+        }
+        if (isSelect && !menus) {
+            document.removeEventListener('click', this.evtHandlers.clickOutside);
+            this.setState({
+                open: false
+            });
+        }
+    };
+    ButtonMenu.prototype.componentWillUnmount = function () {
+        document.removeEventListener('click', this.evtHandlers.clickOutside);
+    };
+    ButtonMenu.prototype.toggleMenu = function (e) {
+        var _this = this;
+        var onClick = this.props.onClick;
+        var newState = !this.state.open;
+        if (onClick) {
+            onClick(newState);
+        }
+        this.setState({
+            open: newState
+        }, function () {
+            if (_this.state.open) {
+                document.addEventListener('click', function (evt) { return _this.evtHandlers.clickOutside(evt, onClick ? true : undefined); });
+            }
+            else {
+                document.removeEventListener('click', _this.evtHandlers.clickOutside);
+            }
+        });
+    };
+    ButtonMenu.prototype.renderItems = function () {
+        var e_1, _a;
+        var _this = this;
+        var _b = this.props, items = _b.items, isOpen = _b.isOpen;
+        var newItems = [];
+        var _loop_1 = function (item) {
+            // clone the menu items passed in, close the modal before calling onClick on each item
+            var newItem = React.cloneElement(item, {
+                onClick: function (e) {
+                    if (!_this.props.isOpen) {
+                        document.removeEventListener('click', _this.evtHandlers.clickOutside);
+                    }
+                    _this.setState({
+                        open: isOpen ? isOpen : false
+                    }, function () {
+                        item.props.onClick(e);
+                    });
+                }
+            });
+            newItems.push(newItem);
+        };
+        try {
+            for (var items_1 = __values(items), items_1_1 = items_1.next(); !items_1_1.done; items_1_1 = items_1.next()) {
+                var item = items_1_1.value;
+                _loop_1(item);
+            }
+        }
+        catch (e_1_1) { e_1 = { error: e_1_1 }; }
+        finally {
+            try {
+                if (items_1_1 && !items_1_1.done && (_a = items_1.return)) _a.call(items_1);
+            }
+            finally { if (e_1) throw e_1.error; }
+        }
+        return newItems;
+    };
+    ButtonMenu.prototype.renderMenu = function () {
+        var position = this.props.position;
+        var open = this.state.open;
+        if (open) {
+            return React.createElement("div", { className: "menu ".concat(position) }, this.renderItems());
+        }
+    };
+    ButtonMenu.prototype.render = function () {
+        var button = this.props.button;
+        var open = this.state.open;
+        // Clone the trigger button passed in and add an onClick listener
+        var trigger = React.cloneElement(button, {
+            buttonRef: this.toggleRef,
+            onClick: this.evtHandlers.toggleMenu,
+            active: open
+        });
+        return React.createElement("div", { ref: this.menuRef, className: 'button-menu' },
+            trigger,
+            this.renderMenu());
+    };
+    return ButtonMenu;
+}(React.PureComponent));
+exports.default = ButtonMenu;
+//# sourceMappingURL=ButtonMenu.js.map