@imposium-hub/components 1.43.4 → 1.44.0

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

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

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

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

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

@@ -0,0 +1,50 @@
+"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.rightButtonMenuWithButtonMenuItem = void 0;
+var React = __importStar(require("react"));
+var addon_actions_1 = require("@storybook/addon-actions");
+var ButtonMenu_1 = __importDefault(require("./ButtonMenu"));
+var Button_1 = __importDefault(require("../button/Button"));
+var ButtonMenuItem_1 = __importDefault(require("./ButtonMenuItem"));
+var icons_1 = require("../../constants/icons");
+var menuItems = [
+    React.createElement(ButtonMenuItem_1.default, { key: 'duplicate', label: React.createElement("span", null,
+            icons_1.ICON_COPY,
+            "\u00A0Duplicate"), onClick: (0, addon_actions_1.action)('CLICKED') }),
+    React.createElement(ButtonMenuItem_1.default, { key: 'delete', label: React.createElement("span", null,
+            icons_1.ICON_BARS,
+            "\u00A0Trash"), onClick: (0, addon_actions_1.action)('CLICKED') })
+];
+exports.default = {
+    title: 'ButtonMenu',
+    component: ButtonMenu_1.default
+};
+var rightButtonMenuWithButtonMenuItem = function () { return (React.createElement(ButtonMenu_1.default, { position: 'right', items: menuItems, button: React.createElement(Button_1.default, { style: 'subtle' }, icons_1.ICON_BARS) })); };
+exports.rightButtonMenuWithButtonMenuItem = rightButtonMenuWithButtonMenuItem;
+//# sourceMappingURL=ButtonMenu.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonMenu.stories.js","sourceRoot":"","sources":["../../../../src/components/button-menu/ButtonMenu.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,4DAAsC;AACtC,4DAAsC;AACtC,oEAA8C;AAC9C,+CAA2D;AAa3D,IAAM,SAAS,GAAG;IACd,oBAAC,wBAAc,IACX,GAAG,EAAG,WAAW,EACjB,KAAK,EAAI;YAAO,iBAAS;8BAAuB,EAChD,OAAO,EAAI,IAAA,sBAAM,EAAC,SAAS,CAAC,GAAG;IACnC,oBAAC,wBAAc,IACX,GAAG,EAAG,QAAQ,EACd,KAAK,EAAI;YAAO,iBAAS;0BAAmB,EAC5C,OAAO,EAAI,IAAA,sBAAM,EAAC,SAAS,CAAC,GAAG;CACtC,CAAC;AAEF,kBAAe;IACX,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,oBAAU;CACxB,CAAC;AAEK,IAAM,iCAAiC,GAAG,cAAM,OAAA,CACnD,oBAAC,oBAAU,IACP,QAAQ,EAAG,OAAO,EAClB,KAAK,EAAI,SAAS,EAClB,MAAM,EAAI,oBAAC,gBAAM,IAAC,KAAK,EAAG,QAAQ,IAAE,iBAAS,CAAU,GACrD,CACT,EANsD,CAMtD,CAAC;AANW,QAAA,iCAAiC,qCAM5C"}

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+interface IButtonMenuItemProps {
+    label?: any;
+    onClick(e: any): void;
+    active?: boolean;
+}
+declare class ButtonMenuItem extends React.Component<IButtonMenuItemProps> {
+    constructor(props: any);
+    render(): JSX.Element;
+}
+export default ButtonMenuItem;

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

@@ -0,0 +1,55 @@
+"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 ButtonMenuItem = /** @class */ (function (_super) {
+    __extends(ButtonMenuItem, _super);
+    function ButtonMenuItem(props) {
+        return _super.call(this, props) || this;
+    }
+    ButtonMenuItem.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, label = _a.label, active = _a.active;
+        return React.createElement("div", { className: "button-menu-item ".concat(active ? 'active' : null, " "), onClick: function (e) { return _this.props.onClick(e); } }, label);
+    };
+    return ButtonMenuItem;
+}(React.Component));
+exports.default = ButtonMenuItem;
+//# sourceMappingURL=ButtonMenuItem.js.map

package/dist/cjs/components/button-menu/ButtonMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonMenuItem.js","sourceRoot":"","sources":["../../../../src/components/button-menu/ButtonMenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAQ/B;IAA6B,kCAAqC;IAE9D,wBAAY,KAAK;eAEb,kBAAM,KAAK,CAAC;IAChB,CAAC;IAEM,+BAAM,GAAb;QAAA,iBAOC;QALS,IAAA,KAAkB,IAAI,CAAC,KAAK,EAA3B,KAAK,WAAA,EAAE,MAAM,YAAc,CAAC;QAEnC,OAAO,6BAAK,SAAS,EAAI,2BAAoB,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,MAAG,EAAE,OAAO,EAAI,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,EAArB,CAAqB,IAC3G,KAAK,CACL,CAAC;IACX,CAAC;IACL,qBAAC;AAAD,CAAC,AAfD,CAA6B,KAAK,CAAC,SAAS,GAe3C;AAED,kBAAe,cAAc,CAAC"}

package/dist/cjs/components/card/Card.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+interface ICardProps {
+    collapsable?: boolean;
+    open?: boolean;
+    style?: string;
+    title: string;
+    onOpen?: (e: any) => any;
+    onClose?: (e: any) => any;
+    onToggle?: (toggle: boolean) => any;
+}
+interface ICardState {
+    open: boolean;
+}
+declare class Card extends React.PureComponent<ICardProps, ICardState> {
+    private evtHandlers;
+    constructor(props: any);
+    private toggleOpen;
+    componentDidUpdate(prevProps: any): void;
+    renderTitle(style: any): JSX.Element;
+    renderContent(): JSX.Element;
+    render(): JSX.Element;
+    renderButtons(): JSX.Element;
+}
+export default Card;

package/dist/cjs/components/card/Card.js

@@ -0,0 +1,132 @@
+"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 Card = /** @class */ (function (_super) {
+    __extends(Card, _super);
+    function Card(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            open: props.open
+        };
+        _this.evtHandlers = {
+            toggleOpen: function (e) { return _this.toggleOpen(e); }
+        };
+        return _this;
+    }
+    Card.prototype.toggleOpen = function (e) {
+        var _this = this;
+        e.persist();
+        e.preventDefault();
+        var _a = this.props, collapsable = _a.collapsable, onOpen = _a.onOpen, onClose = _a.onClose;
+        if (collapsable) {
+            if (typeof this.props.onToggle === 'function') {
+                this.props.onToggle(!this.state.open);
+            }
+            this.setState({
+                open: !this.state.open
+            }, function () {
+                if (_this.state.open && onOpen) {
+                    onOpen(e);
+                }
+                else if (!_this.state.open && onClose) {
+                    onClose(e);
+                }
+            });
+        }
+    };
+    Card.prototype.componentDidUpdate = function (prevProps) {
+        var _a = this.props, open = _a.open, collapsable = _a.collapsable;
+        if (prevProps.open !== open) {
+            this.setState({
+                open: open
+            });
+        }
+    };
+    Card.prototype.renderTitle = function (style) {
+        var title = this.props.title;
+        if (style === 'small') {
+            return React.createElement("p", null, title);
+        }
+        else if (style === 'large') {
+            return React.createElement("h1", null, title);
+        }
+        else {
+            return React.createElement("h2", null, title);
+        }
+    };
+    Card.prototype.renderContent = function () {
+        var open = this.state.open;
+        if (open) {
+            return React.createElement("div", { className: 'card-content' }, this.props.children);
+        }
+    };
+    Card.prototype.render = function () {
+        var _a = this.props, collapsable = _a.collapsable, title = _a.title, style = _a.style;
+        var open = this.state.open;
+        var collapsableClass = (collapsable) ? 'collapsable' : '';
+        var openClass = (!open && collapsable) ? 'closed' : '';
+        var styleClass = (style) ? style : 'default';
+        return React.createElement("div", { className: "card ".concat(openClass, " ").concat(collapsableClass, " ").concat(styleClass) },
+            React.createElement("div", { className: 'card-header', onClick: this.evtHandlers.toggleOpen },
+                this.renderTitle(styleClass),
+                this.renderButtons()),
+            this.renderContent());
+    };
+    Card.prototype.renderButtons = function () {
+        var collapsable = this.props.collapsable;
+        var open = this.state.open;
+        var buttonIcon = (open)
+            ? icons_1.ICON_CARET_UP
+            : icons_1.ICON_CARET_DOWN;
+        if (collapsable) {
+            return React.createElement("div", { className: 'header-buttons' },
+                React.createElement(Button_1.default, { style: 'subtle', onClick: this.evtHandlers.toggleOpen }, buttonIcon));
+        }
+    };
+    return Card;
+}(React.PureComponent));
+exports.default = Card;
+//# sourceMappingURL=Card.js.map

package/dist/cjs/components/card/Card.js.map

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

package/dist/cjs/components/card/Card.stories.d.ts

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

package/dist/cjs/components/card/Card.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.defaultCard = void 0;
+var React = __importStar(require("react"));
+var addon_actions_1 = require("@storybook/addon-actions");
+var TextField_1 = __importDefault(require("../text-field/TextField"));
+var NumberField_1 = __importDefault(require("../number-field/NumberField"));
+var Card_1 = __importDefault(require("./Card"));
+exports.default = {
+    title: 'Card',
+    component: Card_1.default
+};
+var defaultCard = function () { return (React.createElement(Card_1.default, { title: 'Card', open: true, collapsable: false },
+    React.createElement(TextField_1.default, { label: 'TextField', tooltip: 'TOOLTIP', value: 'name', width: '33%', onChange: (0, addon_actions_1.action)('CLICKED') }),
+    React.createElement(NumberField_1.default, { label: 'NumberField', tooltip: 'TOOLTIP', width: '33%', readOnly: true, value: 1, onChange: (0, addon_actions_1.action)('CLICKED') }))); };
+exports.defaultCard = defaultCard;
+//# sourceMappingURL=Card.stories.js.map

package/dist/cjs/components/card/Card.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.stories.js","sourceRoot":"","sources":["../../../../src/components/card/Card.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,sEAAgD;AAChD,4EAAsD;AACtD,gDAA0B;AAc1B,kBAAe;IACX,KAAK,EAAE,MAAM;IACb,SAAS,EAAE,cAAI;CAClB,CAAC;AAEK,IAAM,WAAW,GAAG,cAAM,OAAA,CAC7B,oBAAC,cAAI,IACL,KAAK,EAAG,MAAM,EACd,IAAI,EAAI,IAAI,EACZ,WAAW,EAAI,KAAK;IAChB,oBAAC,mBAAS,IACN,KAAK,EAAI,WAAW,EACpB,OAAO,EAAI,SAAS,EACpB,KAAK,EAAI,MAAM,EACf,KAAK,EAAG,KAAK,EACb,QAAQ,EAAI,IAAA,sBAAM,EAAC,SAAS,CAAC,GAAG;IACpC,oBAAC,qBAAW,IACR,KAAK,EAAI,aAAa,EACtB,OAAO,EAAI,SAAS,EACpB,KAAK,EAAG,KAAK,EACb,QAAQ,EAAI,IAAI,EAChB,KAAK,EAAI,CAAC,EACV,QAAQ,EAAI,IAAA,sBAAM,EAAC,SAAS,CAAC,GAC3B,CACH,CACV,EApBgC,CAoBhC,CAAC;AApBW,QAAA,WAAW,eAoBtB"}

package/dist/cjs/components/checkbox-field/CheckboxField.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import { IToolTipConfig } from '../Tooltip';
+interface ICheckboxFieldProps {
+    label?: string;
+    value: boolean;
+    width?: string | number;
+    tooltip?: IToolTipConfig | string;
+    propagate?: boolean;
+    onChange(v: any, e: any): void;
+    info?: string;
+    labelPosition?: string;
+}
+declare class CheckboxField extends React.PureComponent<ICheckboxFieldProps> {
+    constructor(props: any);
+    private toggle;
+    render(): JSX.Element;
+}
+export default CheckboxField;

package/dist/cjs/components/checkbox-field/CheckboxField.js

@@ -0,0 +1,68 @@
+"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 icons_1 = require("../../constants/icons");
+var CheckboxField = /** @class */ (function (_super) {
+    __extends(CheckboxField, _super);
+    function CheckboxField(props) {
+        return _super.call(this, props) || this;
+    }
+    CheckboxField.prototype.toggle = function (e) {
+        if (!this.props.propagate) {
+            e.stopPropagation();
+        }
+        this.props.onChange(!this.props.value, e);
+    };
+    CheckboxField.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, value = _a.value, label = _a.label, width = _a.width, tooltip = _a.tooltip, info = _a.info, labelPosition = _a.labelPosition;
+        var icon = (value === true) ? icons_1.ICON_CHECK : null;
+        return React.createElement(FieldWrapper_1.default, { customClass: 'checkbox-field', label: label, tooltip: tooltip, info: info, labelPosition: labelPosition, width: width },
+            React.createElement("div", { className: 'checkbox', onClick: function (e) { return _this.toggle(e); } }, icon));
+    };
+    return CheckboxField;
+}(React.PureComponent));
+exports.default = CheckboxField;
+//# sourceMappingURL=CheckboxField.js.map

package/dist/cjs/components/checkbox-field/CheckboxField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../../src/components/checkbox-field/CheckboxField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+EAAyD;AAEzD,+CAAmD;AAanD;IAA4B,iCAAwC;IAEhE,uBAAY,KAAK;eAEb,kBAAM,KAAK,CAAC;IAChB,CAAC;IAEO,8BAAM,GAAd,UAAe,CAAC;QACZ,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACvB,CAAC,CAAC,eAAe,EAAE,CAAC;SACvB;QACD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAC9C,CAAC;IAEM,8BAAM,GAAb;QAAA,iBAgBC;QAdS,IAAA,KAAsD,IAAI,CAAC,KAAK,EAA/D,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA,EAAE,IAAI,UAAA,EAAE,aAAa,mBAAc,CAAC;QACvE,IAAM,IAAI,GAAG,CAAC,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,kBAAU,CAAC,CAAC,CAAC,IAAI,CAAC;QAElD,OAAO,oBAAC,sBAAY,IAChB,WAAW,EAAG,gBAAgB,EAC9B,KAAK,EAAI,KAAK,EACd,OAAO,EAAI,OAAO,EAClB,IAAI,EAAI,IAAI,EACZ,aAAa,EAAI,aAAa,EAC9B,KAAK,EAAI,KAAK;YACd,6BAAK,SAAS,EAAG,UAAU,EAAC,OAAO,EAAI,UAAC,CAAC,IAAK,OAAA,KAAI,CAAC,MAAM,CAAC,CAAC,CAAC,EAAd,CAAc,IACvD,IAAI,CACH,CACK,CAAC;IACpB,CAAC;IACL,oBAAC;AAAD,CAAC,AA/BD,CAA4B,KAAK,CAAC,aAAa,GA+B9C;AAED,kBAAe,aAAa,CAAC"}

package/dist/cjs/components/checkbox-field/CheckboxField.stories.d.ts

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

package/dist/cjs/components/checkbox-field/CheckboxField.stories.js

@@ -0,0 +1,58 @@
+"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.defaultCheckboxField = void 0;
+var React = __importStar(require("react"));
+var react_1 = require("react");
+var CheckboxField_1 = __importDefault(require("./CheckboxField"));
+exports.default = {
+    title: 'CheckBoxField',
+    component: CheckboxField_1.default
+};
+var defaultCheckboxField = function () {
+    var _a = __read((0, react_1.useState)(true), 2), clicked = _a[0], setClicked = _a[1];
+    return (React.createElement(CheckboxField_1.default, { width: '300px', label: 'Checkbox Field', tooltip: 'TOOLTIP', value: clicked, onChange: function () { return setClicked(!clicked); } }));
+};
+exports.defaultCheckboxField = defaultCheckboxField;
+//# sourceMappingURL=CheckboxField.stories.js.map

package/dist/cjs/components/checkbox-field/CheckboxField.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxField.stories.js","sourceRoot":"","sources":["../../../../src/components/checkbox-field/CheckboxField.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,+BAA+B;AAC/B,kEAA4C;AAe5C,kBAAe;IACX,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,uBAAa;CAC3B,CAAC;AAEK,IAAM,oBAAoB,GAAG;IAC1B,IAAA,KAAA,OAAwB,IAAA,gBAAQ,EAAC,IAAI,CAAC,IAAA,EAArC,OAAO,QAAA,EAAE,UAAU,QAAkB,CAAC;IAE7C,OAAO,CACH,oBAAC,uBAAa,IACV,KAAK,EAAI,OAAO,EAChB,KAAK,EAAI,gBAAgB,EACzB,OAAO,EAAI,SAAS,EACpB,KAAK,EAAI,OAAO,EAChB,QAAQ,EAAI,cAAM,OAAA,UAAU,CAAC,CAAC,OAAO,CAAC,EAApB,CAAoB,GAAG,CAChD,CAAC;AACN,CAAC,CAAC;AAXW,QAAA,oBAAoB,wBAW/B"}

package/dist/cjs/components/color-field/ColorField.d.ts

@@ -0,0 +1,31 @@
+import * as React from 'react';
+import { IToolTipConfig } from '../Tooltip';
+interface IColorFieldProps {
+    buttons?: any;
+    label?: string;
+    placeholder?: string;
+    readOnly?: boolean;
+    value: string;
+    tooltip?: IToolTipConfig | string;
+    enableAlpha?: boolean;
+    presetColors?: any[];
+    width?: string | number;
+    onChange(e: any): void;
+    info?: string;
+    labelPosition?: string;
+    pickerPosition?: string;
+}
+interface IColorFieldState {
+    pickerOpen: boolean;
+}
+declare class ColorField extends React.PureComponent<IColorFieldProps, IColorFieldState> {
+    private clickOutsideHandler;
+    private picker;
+    private transparentBg;
+    constructor(props: any);
+    private togglePicker;
+    private handleClickOutside;
+    private handleChangeComplete;
+    render(): JSX.Element;
+}
+export default ColorField;