@imposium-hub/components 1.43.5 → 1.44.0

package/dist/cjs/components/publish-wizard/publish/PublishStatusIndicator.js

@@ -0,0 +1,107 @@
+"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 publish_1 = require("../../../redux/actions/publish");
+var Spinner_1 = __importDefault(require("../../spinner/Spinner"));
+var react_redux_1 = require("react-redux");
+var icons_1 = require("../../../constants/icons");
+var redux_1 = require("redux");
+var PublishStatusIndicator = /** @class */ (function (_super) {
+    __extends(PublishStatusIndicator, _super);
+    function PublishStatusIndicator(props) {
+        var _this = _super.call(this, props) || this;
+        _this.state = {
+            hover: false,
+            publishing: true,
+        };
+        return _this;
+    }
+    PublishStatusIndicator.prototype.onEnterHandler = function () {
+        this.setState({ hover: true });
+    };
+    PublishStatusIndicator.prototype.onLeaveHandler = function () {
+        this.setState({ hover: false });
+    };
+    PublishStatusIndicator.prototype.cancelPublisingHandler = function () {
+        var _a = this.props, story_id = _a.publishData.story_id, api = _a.api;
+        this.props.cancelPublish(api, story_id);
+    };
+    PublishStatusIndicator.prototype.render = function () {
+        var _this = this;
+        var _a = this.props.publishData, publishing = _a.publishing, version = _a.version;
+        var hover = this.state.hover;
+        // nothing published yet, using working copy
+        if (!publishing && !version) {
+            return null;
+        }
+        else {
+            var cta = '';
+            if (publishing) {
+                var newVersion = version || 0 + 1;
+                var publishingString = "v".concat(newVersion, " Publishing");
+                cta = React.createElement("span", { onMouseEnter: function () { return _this.onEnterHandler(); }, onMouseLeave: function () { return _this.onLeaveHandler(); } }, hover ?
+                    React.createElement(React.Fragment, null,
+                        React.createElement("span", { onClick: function () { return _this.cancelPublisingHandler(); }, style: { cursor: 'pointer' } }, icons_1.ICON_TIMES),
+                        ' ',
+                        publishingString) :
+                    React.createElement(React.Fragment, null,
+                        React.createElement(Spinner_1.default, null),
+                        publishingString));
+            }
+            else {
+                cta = React.createElement("span", null, "v".concat(version, " Live"));
+            }
+            return React.createElement("div", { className: 'publish-status-indicator' }, cta);
+        }
+    };
+    return PublishStatusIndicator;
+}(React.PureComponent));
+var mapStateToProps = function (state) { return ({
+    publishData: state.publish
+}); };
+var mapDispatchToProps = function (dispatch) {
+    return (0, redux_1.bindActionCreators)({ cancelPublish: publish_1.cancelPublish }, dispatch);
+};
+exports.default = (0, react_redux_1.connect)(mapStateToProps, mapDispatchToProps)(PublishStatusIndicator);
+//# sourceMappingURL=PublishStatusIndicator.js.map

package/dist/cjs/components/publish-wizard/publish/PublishStatusIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PublishStatusIndicator.js","sourceRoot":"","sources":["../../../../../src/components/publish-wizard/publish/PublishStatusIndicator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAA+D;AAE/D,kEAA4C;AAC5C,2CAAsC;AACtC,kDAAsD;AACtD,+BAA2C;AAY3C;IAAqC,0CAAgF;IAEjH,gCAAY,KAAK;QAAjB,YAEI,kBAAM,KAAK,CAAC,SAMf;QAJG,KAAI,CAAC,KAAK,GAAG;YACT,KAAK,EAAE,KAAK;YACZ,UAAU,EAAE,IAAI;SACnB,CAAC;;IACN,CAAC;IAEM,+CAAc,GAArB;QACI,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAE,IAAI,EAAC,CAAC,CAAC;IACjC,CAAC;IAEM,+CAAc,GAArB;QACI,IAAI,CAAC,QAAQ,CAAC,EAAC,KAAK,EAAE,KAAK,EAAC,CAAC,CAAC;IAClC,CAAC;IAEM,uDAAsB,GAA7B;QACU,IAAA,KAAmC,IAAI,CAAC,KAAK,EAA7B,QAAQ,0BAAA,EAAG,GAAG,SAAe,CAAC;QACpD,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAC;IAC5C,CAAC;IAEM,uCAAM,GAAb;QAAA,iBA6BC;QA5BS,IAAA,KAAyB,IAAI,CAAC,KAAK,CAAC,WAAW,EAA7C,UAAU,gBAAA,EAAE,OAAO,aAA0B,CAAC;QAC9C,IAAA,KAAK,GAAK,IAAI,CAAC,KAAK,MAAf,CAAgB;QAE7B,4CAA4C;QAC5C,IAAI,CAAC,UAAU,IAAI,CAAC,OAAO,EAAE;YACzB,OAAO,IAAI,CAAC;SACf;aAAM;YAEH,IAAI,GAAG,GAAS,EAAE,CAAC;YACnB,IAAI,UAAU,EAAE;gBACZ,IAAM,UAAU,GAAG,OAAO,IAAI,CAAC,GAAG,CAAC,CAAC;gBACpC,IAAM,gBAAgB,GAAG,WAAI,UAAU,gBAAa,CAAC;gBAErD,GAAG,GAAG,8BAAM,YAAY,EAAE,cAAM,OAAA,KAAI,CAAC,cAAc,EAAE,EAArB,CAAqB,EAAE,YAAY,EAAE,cAAM,OAAA,KAAI,CAAC,cAAc,EAAE,EAArB,CAAqB,IAC3F,KAAK,CAAC,CAAC;oBACR;wBAAE,8BAAM,OAAO,EAAE,cAAM,OAAA,KAAI,CAAC,sBAAsB,EAAE,EAA7B,CAA6B,EAAE,KAAK,EAAE,EAAC,MAAM,EAAE,SAAS,EAAC,IAAG,kBAAU,CAAQ;wBAAC,GAAG;wBAAE,gBAAgB,CAAI,CAAC,CAAC;oBACjI;wBAAE,oBAAC,iBAAO,OAAE;wBAAC,gBAAgB,CAAI,CAE1B,CAAC;aACf;iBAAM;gBACH,GAAG,GAAG,kCAAO,WAAI,OAAO,UAAO,CAAQ,CAAC;aAC3C;YAED,OAAO,6BAAK,SAAS,EAAG,0BAA0B,IAC7C,GAAG,CACF,CAAC;SACV;IAEL,CAAC;IACL,6BAAC;AAAD,CAAC,AAvDD,CAAqC,KAAK,CAAC,aAAa,GAuDvD;AAED,IAAM,eAAe,GAAG,UAAC,KAAK,IAAK,OAAA,CAAC;IAChC,WAAW,EAAE,KAAK,CAAC,OAAO;CAC7B,CAAC,EAFiC,CAEjC,CAAC;AAEH,IAAM,kBAAkB,GAAG,UAAC,QAAQ;IAChC,OAAO,IAAA,0BAAkB,EAAC,EAAC,aAAa,yBAAA,EAAC,EAAE,QAAQ,CAAC,CAAC;AACzD,CAAC,CAAC;AAEF,kBAAe,IAAA,qBAAO,EAAC,eAAe,EAAE,kBAAkB,CAAC,CAAC,sBAAsB,CAAC,CAAC"}

package/dist/cjs/components/publish-wizard/publish/WebpageHosted.d.ts

@@ -0,0 +1,19 @@
+import * as React from 'react';
+interface IWebpageHostedProps {
+    story: any;
+    accessKey: string;
+    compositionId: string;
+}
+export declare const documentationLinks: {
+    key: string;
+    label: JSX.Element;
+    link: string;
+}[];
+declare class WebpageHosted extends React.PureComponent<IWebpageHostedProps> {
+    constructor(props: any);
+    private downloadSampleWebPage;
+    private getFirstAct;
+    private linkToDemoPage;
+    render(): JSX.Element;
+}
+export default WebpageHosted;

package/dist/cjs/components/publish-wizard/publish/WebpageHosted.js

@@ -0,0 +1,148 @@
+"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 });
+exports.documentationLinks = void 0;
+var React = __importStar(require("react"));
+var copy = __importStar(require("../../../constants/copy"));
+var PublishWizard_1 = require("../PublishWizard");
+var icons_1 = require("../../../constants/icons");
+var template_generator_1 = require("../../../utils/template-generator");
+var routing_1 = require("../../../utils/routing");
+var HRule_1 = __importDefault(require("../../h-rule/HRule"));
+exports.documentationLinks = [
+    {
+        key: 'js-sdk-link',
+        label: React.createElement("span", null,
+            icons_1.ICON_JS,
+            "\u00A0",
+            copy.integration.js),
+        link: copy.integration.jsSdkLink
+    },
+    {
+        key: 'rest-link',
+        label: React.createElement("span", null,
+            icons_1.ICON_PROJECT_DIAGRAM,
+            "\u00A0",
+            copy.integration.rest),
+        link: copy.integration.restLink
+    },
+];
+var WebpageHosted = /** @class */ (function (_super) {
+    __extends(WebpageHosted, _super);
+    function WebpageHosted(props) {
+        var _this = _super.call(this, props) || this;
+        _this.downloadSampleWebPage = function () {
+            var _a = _this.props, story = _a.story, compositionId = _a.compositionId, accessKey = _a.accessKey;
+            var firstAct = _this.getFirstAct(story);
+            var archiveName;
+            var sdkExampleBody;
+            if (story.id &&
+                story.name &&
+                typeof firstAct !== 'undefined' &&
+                firstAct.hasOwnProperty('inventory')) {
+                archiveName = story.name + copy.integration.sdkArchiveSuffix;
+                sdkExampleBody = {
+                    storyId: story.id,
+                    compositionId: compositionId,
+                    storyName: story.name,
+                    accessToken: accessKey,
+                    inventory: firstAct.inventory
+                };
+                (0, template_generator_1.downloadSDKArchive)(archiveName, sdkExampleBody);
+            }
+        };
+        _this.getFirstAct = function (story) {
+            for (var key in story.acts) {
+                if (story.acts.hasOwnProperty(key)) {
+                    return story.acts[key];
+                }
+            }
+        };
+        return _this;
+    }
+    WebpageHosted.prototype.linkToDemoPage = function () {
+        var _a = this.props, accessKey = _a.accessKey, compositionId = _a.compositionId, id = _a.story.id;
+        if (accessKey) {
+            var demoUrl = "".concat((0, routing_1.getDemoURL)(), "/").concat(accessKey, "/").concat(id, "/").concat(compositionId);
+            window.open(demoUrl, '_blank');
+        }
+    };
+    WebpageHosted.prototype.render = function () {
+        var _this = this;
+        var webPageOptions = [
+            {
+                label: React.createElement("span", null,
+                    icons_1.ICON_GLOBE,
+                    "\u00A0",
+                    copy.publish.webPageHosted),
+                onClick: function () { return _this.linkToDemoPage(); },
+            },
+            {
+                label: React.createElement("span", null,
+                    icons_1.ICON_DOWNLOAD,
+                    "\u00A0",
+                    copy.publish.sampleWebpage),
+                onClick: function () { return _this.downloadSampleWebPage(); },
+            },
+        ];
+        return (React.createElement("div", null,
+            React.createElement("h2", null, copy.publish.webpageTitle),
+            React.createElement(HRule_1.default, null),
+            React.createElement("p", null, copy.publish.webpageDesc),
+            React.createElement(HRule_1.default, null),
+            React.createElement("div", { className: 'link-wrapper' }, webPageOptions === null || webPageOptions === void 0 ? void 0 : webPageOptions.map(function (option, index) {
+                return (React.createElement(PublishWizard_1.BigButton, { key: index, label: option.label, onClick: function () { return option.onClick(); } }));
+            })),
+            React.createElement("br", null),
+            React.createElement("br", null),
+            React.createElement("h2", null, copy.integration.documentation),
+            React.createElement(HRule_1.default, null),
+            React.createElement("p", null, copy.integration.docParagraph),
+            React.createElement("div", { className: 'link-wrapper' }, exports.documentationLinks === null || exports.documentationLinks === void 0 ? void 0 : exports.documentationLinks.map(function (link) {
+                return (React.createElement(PublishWizard_1.BigLink, { key: link.key, label: link.label, link: link.link }));
+            }))));
+    };
+    return WebpageHosted;
+}(React.PureComponent));
+exports.default = WebpageHosted;
+//# sourceMappingURL=WebpageHosted.js.map

package/dist/cjs/components/publish-wizard/publish/WebpageHosted.js.map

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

package/dist/cjs/components/section/Section.d.ts

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

package/dist/cjs/components/section/Section.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 });
+var React = __importStar(require("react"));
+var Section = function (props) {
+    var customClass = (typeof props.className === 'string') ? props.className : '';
+    var loader = (props.isLoading) ? React.createElement("div", { className: 'loading-bar' }) : null;
+    var titleMarkup = (React.createElement("div", { className: 'title' }, props.title));
+    if (props.hasOwnProperty('tabs') && Array.isArray(props.tabs)) {
+        titleMarkup = props.tabs.map(function (tabName, i) { return (React.createElement("div", { key: i, className: "tab ".concat(props.activeTabName === tabName ? 'active' : ''), onClick: function () { return props.selectTab(tabName, i); } }, tabName)); });
+    }
+    return (React.createElement("div", { className: "section ".concat(customClass) },
+        React.createElement("div", { className: 'section-header' },
+            titleMarkup,
+            React.createElement("div", { className: 'buttons' }, props.buttons)),
+        React.createElement("div", { className: 'section-content' }, props.children),
+        loader));
+};
+exports.default = Section;
+//# sourceMappingURL=Section.js.map

package/dist/cjs/components/section/Section.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../../src/components/section/Section.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,IAAM,OAAO,GAAG,UAAC,KAAK;IAClB,IAAM,WAAW,GAAY,CAAC,OAAO,KAAK,CAAC,SAAS,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC;IAC1F,IAAM,MAAM,GAAG,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAG,aAAa,GAAE,CAAC,CAAC,CAAC,IAAI,CAAC;IAC3E,IAAI,WAAW,GAAiB,CAAC,6BAAK,SAAS,EAAG,OAAO,IAAE,KAAK,CAAC,KAAK,CAAO,CAAC,CAAC;IAE/E,IAAI,KAAK,CAAC,cAAc,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;QAC3D,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,OAAgB,EAAE,CAAU,IAAK,OAAA,CAC3D,6BACI,GAAG,EAAI,CAAC,EACR,SAAS,EAAI,cAAO,KAAK,CAAC,aAAa,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAE,EACrE,OAAO,EAAI,cAAM,OAAA,KAAK,CAAC,SAAS,CAAC,OAAO,EAAE,CAAC,CAAC,EAA3B,CAA2B,IAC3C,OAAO,CACN,CACT,EAP8D,CAO9D,CAAC,CAAC;KACN;IAED,OAAO,CACH,6BAAK,SAAS,EAAE,kBAAW,WAAW,CAAE;QACpC,6BAAK,SAAS,EAAC,gBAAgB;YAC1B,WAAW;YACZ,6BAAK,SAAS,EAAC,SAAS,IAAE,KAAK,CAAC,OAAO,CAAO,CAC5C;QACN,6BAAK,SAAS,EAAC,iBAAiB,IAC3B,KAAK,CAAC,QAAQ,CACb;QACL,MAAM,CACL,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,OAAO,CAAC"}

package/dist/cjs/components/section/Section.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 defaultSection: () => JSX.Element;

package/dist/cjs/components/section/Section.stories.js

@@ -0,0 +1,63 @@
+"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.defaultSection = void 0;
+var React = __importStar(require("react"));
+var addon_actions_1 = require("@storybook/addon-actions");
+var Section_1 = __importDefault(require("./Section"));
+var TextField_1 = __importDefault(require("../text-field/TextField"));
+var NumberField_1 = __importDefault(require("../number-field/NumberField"));
+var Button_1 = __importDefault(require("../button/Button"));
+var ButtonMenu_1 = __importDefault(require("../button-menu/ButtonMenu"));
+var ButtonMenuItem_1 = __importDefault(require("../button-menu/ButtonMenuItem"));
+var Card_1 = __importDefault(require("../card/Card"));
+var icons_1 = require("../../constants/icons");
+exports.default = {
+    title: 'Section',
+    component: Section_1.default
+};
+var defaultSection = function () {
+    var menuItems = [
+        React.createElement(ButtonMenuItem_1.default, { key: 'duplicate', label: React.createElement("span", null,
+                icons_1.ICON_COPY,
+                "\u00A0Button Duplicate Overlay"), onClick: (0, addon_actions_1.action)('CLICKED') }),
+        React.createElement(ButtonMenuItem_1.default, { key: 'delete', label: React.createElement("span", null,
+                icons_1.ICON_COPY,
+                "\u00A0Button Duplicate Overlay"), onClick: (0, addon_actions_1.action)('CLICKED') })
+    ];
+    var menu = React.createElement(ButtonMenu_1.default, { position: 'left', items: menuItems, button: React.createElement(Button_1.default, { style: 'subtle' }, icons_1.ICON_BARS) });
+    return (React.createElement(Section_1.default, { title: 'Section Title', buttons: menu },
+        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') })),
+        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.defaultSection = defaultSection;
+//# sourceMappingURL=Section.stories.js.map

package/dist/cjs/components/section/Section.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Section.stories.js","sourceRoot":"","sources":["../../../../src/components/section/Section.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,0DAAkD;AAClD,sDAAgC;AAChC,sEAAgD;AAChD,4EAAsD;AACtD,4DAAsC;AACtC,yEAAmD;AACnD,iFAA2D;AAC3D,sDAAgC;AAChC,+CAA2D;AAE3D,kBAAe;IACX,KAAK,EAAE,SAAS;IAChB,SAAS,EAAE,iBAAO;CACrB,CAAC;AAEK,IAAM,cAAc,GAAG;IAE1B,IAAM,SAAS,GAAG;QACd,oBAAC,wBAAc,IACX,GAAG,EAAG,WAAW,EACjB,KAAK,EAAI;gBAAO,iBAAS;iDAAsC,EAC/D,OAAO,EAAI,IAAA,sBAAM,EAAC,SAAS,CAAC,GAAG;QACnC,oBAAC,wBAAc,IACX,GAAG,EAAG,QAAQ,EACd,KAAK,EAAI;gBAAO,iBAAS;iDAAsC,EAC/D,OAAO,EAAI,IAAA,sBAAM,EAAC,SAAS,CAAC,GAAG;KACtC,CAAC;IAEF,IAAM,IAAI,GAAG,oBAAC,oBAAU,IACpB,QAAQ,EAAG,MAAM,EACjB,KAAK,EAAK,SAAS,EACnB,MAAM,EAAI,oBAAC,gBAAM,IAAC,KAAK,EAAG,QAAQ,IACjC,iBAAS,CACL,GAAG,CAAC;IAEb,OAAO,CACH,oBAAC,iBAAO,IACJ,KAAK,EAAG,eAAe,EACvB,OAAO,EAAI,IAAI;QAEf,oBAAC,cAAI,IACD,KAAK,EAAG,MAAM,EACd,IAAI,EAAI,IAAI,EACZ,WAAW,EAAI,KAAK;YACpB,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;YACpC,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,GAC/B,CACC;QACP,oBAAC,cAAI,IACD,KAAK,EAAG,MAAM,EACd,IAAI,EAAI,IAAI,EACZ,WAAW,EAAI,KAAK;YACpB,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;YACpC,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,GAC/B,CACC,CACD,CACb,CAAC;AACN,CAAC,CAAC;AAjEW,QAAA,cAAc,kBAiEzB"}

package/dist/cjs/components/select-field/SelectField.d.ts

@@ -0,0 +1,28 @@
+import * as React from 'react';
+import { IToolTipConfig } from '../Tooltip';
+interface ISelectFieldProps {
+    buttons?: any;
+    label?: string;
+    selectRef?: any;
+    options: any;
+    disable?: boolean;
+    disableFirst?: boolean;
+    tooltip?: IToolTipConfig | string;
+    placeholder?: string;
+    value: any;
+    width?: string | number;
+    onChange(e: any): void;
+    info?: string;
+    labelPosition?: string;
+    showCopy?: boolean;
+    onNotification?(e: any): void;
+    onError?(e: any): void;
+}
+declare class SelectField extends React.PureComponent<ISelectFieldProps> {
+    private evtHandlers;
+    constructor(props: any);
+    private copyToClipboard;
+    private onChange;
+    render(): JSX.Element;
+}
+export default SelectField;

package/dist/cjs/components/select-field/SelectField.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;
+};
+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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+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 Button_1 = __importDefault(require("../button/Button"));
+var SelectField = /** @class */ (function (_super) {
+    __extends(SelectField, _super);
+    function SelectField(props) {
+        var _this = _super.call(this, props) || this;
+        _this.evtHandlers = {
+            copyToClipboard: function (e) { return _this.copyToClipboard(e); },
+        };
+        return _this;
+    }
+    SelectField.prototype.copyToClipboard = function (e) {
+        var _a = this.props, onNotification = _a.onNotification, onError = _a.onError;
+        navigator.clipboard.writeText(this.props.value).then(function () {
+            if (onNotification) {
+                onNotification('Copied to clipboard!');
+            }
+        }, function () {
+            if (onError) {
+                onError('Error copying to clipboard.');
+            }
+        });
+    };
+    SelectField.prototype.onChange = function (e) {
+        // handle selects converting booleans to strings
+        var val = e.target.value;
+        if (val === 'true') {
+            val = true;
+        }
+        if (val === 'false') {
+            val = false;
+        }
+        this.props.onChange(val);
+    };
+    SelectField.prototype.render = function () {
+        var _this = this;
+        var _a = this.props, label = _a.label, showCopy = _a.showCopy, options = _a.options, value = _a.value, width = _a.width, buttons = _a.buttons, selectRef = _a.selectRef, disable = _a.disable, tooltip = _a.tooltip, info = _a.info, labelPosition = _a.labelPosition, disableFirst = _a.disableFirst;
+        var opts = [];
+        var selectValue = (value === null || value === undefined) ? '' : value;
+        var caret = React.createElement("div", { key: 'caret', className: 'caret' }, icons_1.ICON_CARET_DOWN);
+        var btns;
+        if (buttons) {
+            if (Array.isArray(buttons)) {
+                btns = __spreadArray([caret], __read(buttons), false);
+            }
+            else {
+                btns = [caret, buttons];
+            }
+        }
+        else {
+            btns = [caret];
+        }
+        if (showCopy) {
+            btns.push(React.createElement(Button_1.default, { key: 'btn-copy', style: 'subtle', color: 'primary', tooltip: 'Copy to Clipboard', onClick: this.evtHandlers.copyToClipboard }, icons_1.ICON_CLIPBOARD));
+        }
+        if (options) {
+            opts = options.map(function (option, i) {
+                var disabled = (i === 0 && disableFirst || (option.disabled !== undefined && option.disabled)) ? true : false;
+                var optionValue = (option.value !== undefined) ? option.value : option;
+                var optionLabel = (option.label !== undefined) ? option.label : option;
+                return React.createElement("option", { disabled: disabled, key: "option-".concat(optionValue), value: optionValue }, optionLabel);
+            });
+        }
+        return React.createElement(FieldWrapper_1.default, { customClass: 'select-field', label: label, tooltip: tooltip, buttons: btns, info: info, labelPosition: labelPosition, width: width },
+            React.createElement("select", { value: selectValue, onChange: function (e) { return _this.onChange(e); }, ref: selectRef, disabled: disable }, opts));
+    };
+    return SelectField;
+}(React.PureComponent));
+exports.default = SelectField;
+//# sourceMappingURL=SelectField.js.map

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

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

package/dist/cjs/components/select-field/SelectField.stories.d.ts

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

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

@@ -0,0 +1,39 @@
+"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.defaultSelectField = void 0;
+var React = __importStar(require("react"));
+var SelectField_1 = __importDefault(require("./SelectField"));
+var addon_actions_1 = require("@storybook/addon-actions");
+exports.default = {
+    title: 'SelectField',
+    components: SelectField_1.default
+};
+var defaultSelectField = function () { return (React.createElement(SelectField_1.default, { label: 'Select Field', value: 'value', width: '50%', options: ['Option1', 'Option2'], onChange: (0, addon_actions_1.action)('CHANGED') })); };
+exports.defaultSelectField = defaultSelectField;
+//# sourceMappingURL=SelectField.stories.js.map