blixify-ui-web 0.1.92 → 0.1.94

package/lib/components/auth/bareSignUp/index.d.ts

@@ -0,0 +1,34 @@
+import { Component, LegacyRef } from "react";
+import "../../../index.css";
+import { Form } from "../../input/form";
+import { AvailableProvider } from "../bareSignIn";
+interface Steps {
+    refs: any[];
+    formRef: LegacyRef<Form>;
+    components: JSX.Element[];
+    onHandleComponents: () => void;
+}
+interface FormList {
+    steps: Steps[];
+}
+interface Props {
+    type: typeof AvailableProvider | "";
+    provider: typeof AvailableProvider[];
+    defaultProvider?: typeof AvailableProvider;
+    stepIndex: number;
+    formList: FormList;
+    preventBack?: boolean;
+    version?: string;
+    handleUpdateStepIndex: (index: number) => void;
+    onChangeProvider: (provider: typeof AvailableProvider | "") => void;
+    onCompleteEachStep?: () => void;
+}
+export declare class BareSignUp extends Component<Props> {
+    handleSelectSignUpOptions: (provider: typeof AvailableProvider | "") => void;
+    renderEachProvider: (eachProvider: any, type: "normal" | "dark" | "light" | "icon") => JSX.Element;
+    renderOtherProvidedContent: () => JSX.Element[];
+    renderContent: () => JSX.Element;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/components/auth/bareSignUp/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/bareSignUp/index.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,UAAU,KAAK;IACb,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IACzB,UAAU,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IAC1B,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,UAAU,QAAQ;IAChB,KAAK,EAAE,KAAK,EAAE,CAAC;CAChB;AAED,UAAU,KAAK;IACb,IAAI,EAAE,OAAO,iBAAiB,GAAG,EAAE,CAAC;IACpC,QAAQ,EAAE,OAAO,iBAAiB,EAAE,CAAC;IACrC,eAAe,CAAC,EAAE,OAAO,iBAAiB,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,iBAAiB,GAAG,EAAE,KAAK,IAAI,CAAC;IACpE,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC;AAED,qBAAa,UAAW,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC9C,yBAAyB,aAAc,wBAAwB,GAAG,EAAE,UAElE;IAEF,kBAAkB,4BAEV,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,iBAuC1C;IAEF,0BAA0B,sBAUxB;IAEF,aAAa,oBA6CX;IAEF,MAAM;CAoEP"}

package/lib/components/auth/bareSignUp/index.js

@@ -0,0 +1,134 @@
+"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.BareSignUp = void 0;
+var outline_1 = require("@heroicons/react/24/outline");
+var react_1 = __importStar(require("react"));
+var logo_google_png_1 = __importDefault(require("../../../assets/logo_google.png"));
+require("../../../index.css");
+var button_1 = require("../../action/button");
+var iconButton_1 = require("../../action/iconButton");
+var form_1 = require("../../input/form");
+var BareSignUp = /** @class */ (function (_super) {
+    __extends(BareSignUp, _super);
+    function BareSignUp() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.handleSelectSignUpOptions = function (provider) {
+            _this.props.onChangeProvider(provider);
+        };
+        _this.renderEachProvider = function (eachProvider, type) {
+            switch (eachProvider) {
+                case "email":
+                    return (react_1.default.createElement(button_1.Button, { type: type, key: eachProvider, className: "w-full", text: "Sign Up With Email", onClick: _this.handleSelectSignUpOptions.bind(_this, "email"), icon: react_1.default.createElement(outline_1.EnvelopeIcon, { className: "h-6 w-6 mr-3" }) }));
+                case "google":
+                    return (react_1.default.createElement(button_1.Button, { type: type, key: eachProvider, className: "w-full", text: "Sign Up With Google", onClick: _this.handleSelectSignUpOptions.bind(_this, "google"), icon: react_1.default.createElement("img", { src: logo_google_png_1.default, alt: "", className: "h-6 w-6 mr-3" }) }));
+                case "phone":
+                    return (react_1.default.createElement(button_1.Button, { type: type, key: eachProvider, className: "w-full", text: "Sign Up With Phone", onClick: _this.handleSelectSignUpOptions.bind(_this, "phone"), icon: react_1.default.createElement(outline_1.DevicePhoneMobileIcon, { className: "h-6 w-6 mr-3" }) }));
+                default:
+                    return react_1.default.createElement(react_1.default.Fragment, null);
+            }
+        };
+        _this.renderOtherProvidedContent = function () {
+            var otherProviderList = [];
+            _this.props.provider.map(function (eachProvider) {
+                if (_this.props.defaultProvider !== eachProvider) {
+                    otherProviderList.push(_this.renderEachProvider(eachProvider, "icon"));
+                }
+                return null;
+            });
+            return otherProviderList;
+        };
+        _this.renderContent = function () {
+            if (_this.props.type &&
+                _this.props.formList.steps.length - 1 >= _this.props.stepIndex) {
+                return (react_1.default.createElement(form_1.Form, { className: "mt-6 grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:gap-x-8", refList: _this.props.formList.steps[_this.props.stepIndex].refs, ref: _this.props.formList.steps[_this.props.stepIndex].formRef, handleComplete: function () {
+                        if (_this.props.onCompleteEachStep) {
+                            _this.props.onCompleteEachStep();
+                        }
+                    } },
+                    _this.props.formList.steps[_this.props.stepIndex].components.map(function (eachComponents) {
+                        return eachComponents;
+                    }),
+                    react_1.default.createElement("div", { className: "justify-end sm:col-span-2 sm:flex sm:ml-8" },
+                        (_this.props.formList.steps.length - 1) % 2 === 0 && (react_1.default.createElement("div", { className: "hidden sm:block" })),
+                        react_1.default.createElement(button_1.Button, { className: "w-full mt-4 sm:w-1/2", text: _this.props.formList.steps.length - 1 === _this.props.stepIndex
+                                ? "Submit"
+                                : "Next", size: "small", type: "normal", onClick: _this.props.formList.steps[_this.props.stepIndex]
+                                .onHandleComponents }))));
+            }
+            else {
+                return react_1.default.createElement(react_1.default.Fragment, null);
+            }
+        };
+        return _this;
+    }
+    BareSignUp.prototype.render = function () {
+        return (react_1.default.createElement("div", { className: "grid grid-cols-1" },
+            react_1.default.createElement("div", { className: "py-10 px-6 sm:px-10 lg:col-span-2 xl:p-12" },
+                !this.props.type && (react_1.default.createElement("h3", { className: "text-lg font-medium text-warm-gray-900" }, "Choose A Sign Up Option")),
+                this.props.type &&
+                    this.props.provider.length > 1 &&
+                    !this.props.preventBack && (react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(outline_1.ChevronLeftIcon, { className: "h-5 w-5 text-primary-600", "aria-hidden": "true" }), className: "rounded-md", onClick: this.props.stepIndex === 0
+                        ? this.handleSelectSignUpOptions.bind(this, "")
+                        : this.props.handleUpdateStepIndex.bind(this, this.props.stepIndex - 1) })),
+                this.renderContent(),
+                react_1.default.createElement("form", { className: "mt-6 grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:gap-x-8" },
+                    !this.props.type && (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("div", { className: "hidden sm:block" }),
+                        this.renderEachProvider(this.props.defaultProvider, "normal"))),
+                    this.props.provider.length > 1 && !this.props.type && (react_1.default.createElement(react_1.default.Fragment, null,
+                        react_1.default.createElement("div", { className: "flex flex-row items-center sm:col-span-2" },
+                            react_1.default.createElement("div", { className: "flex-grow border-t border-gray-300" }),
+                            react_1.default.createElement("span", { className: "text-sm px-2 text-gray-500" }, "Or Continue With"),
+                            react_1.default.createElement("div", { className: "flex-grow border-t border-gray-300" })),
+                        this.props.provider.length <= 2 && (react_1.default.createElement("div", { className: "hidden sm:block" })),
+                        this.renderOtherProvidedContent())),
+                    this.props.version && (react_1.default.createElement("div", { className: "sm:col-span-2 sm:flex sm:justify-end" },
+                        react_1.default.createElement("span", { className: "text-xs text-gray-500" },
+                            "Version ",
+                            this.props.version)))))));
+    };
+    return BareSignUp;
+}(react_1.Component));
+exports.BareSignUp = BareSignUp;
+//# sourceMappingURL=index.js.map

package/lib/components/auth/bareSignUp/index.js.map

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

package/lib/components/auth/signUp/index.d.ts

@@ -26,10 +26,6 @@ interface Props {
     onCompleteEachStep?: () => void;
 }
 export declare class SignUpTemplate extends Component<Props> {
-    handleSelectSignUpOptions: (provider: typeof AvailableProvider | "") => void;
-    renderEachProvider: (eachProvider: any, type: "normal" | "dark" | "light" | "icon") => JSX.Element;
-    renderOtherProvidedContent: () => JSX.Element[];
-    renderContent: () => JSX.Element;
     render(): JSX.Element;
 }
 export {};

package/lib/components/auth/signUp/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/signUp/index.tsx"],"names":[],"mappings":"AAKA,OAAc,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAElE,OAAO,oBAAoB,CAAC;AAG5B,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAElD,UAAU,KAAK;IACb,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IACzB,UAAU,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IAC1B,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,UAAU,QAAQ;IAChB,KAAK,EAAE,KAAK,EAAE,CAAC;CAChB;AAED,UAAU,KAAK;IACb,IAAI,EAAE,OAAO,iBAAiB,GAAG,EAAE,CAAC;IACpC,QAAQ,EAAE,OAAO,iBAAiB,EAAE,CAAC;IACrC,eAAe,CAAC,EAAE,OAAO,iBAAiB,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;IACnB,cAAc,EAAE,YAAY,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,iBAAiB,GAAG,EAAE,KAAK,IAAI,CAAC;IACpE,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC;AAED,qBAAa,cAAe,SAAQ,SAAS,CAAC,KAAK,CAAC;IAClD,yBAAyB,aAAc,wBAAwB,GAAG,EAAE,UAElE;IAEF,kBAAkB,4BAEV,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,iBAuC1C;IAEF,0BAA0B,sBAUxB;IAEF,aAAa,oBA6CX;IAEF,MAAM;CA4EP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/auth/signUp/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAClE,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAGlD,UAAU,KAAK;IACb,IAAI,EAAE,GAAG,EAAE,CAAC;IACZ,OAAO,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IACzB,UAAU,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IAC1B,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC;AAED,UAAU,QAAQ;IAChB,KAAK,EAAE,KAAK,EAAE,CAAC;CAChB;AAED,UAAU,KAAK;IACb,IAAI,EAAE,OAAO,iBAAiB,GAAG,EAAE,CAAC;IACpC,QAAQ,EAAE,OAAO,iBAAiB,EAAE,CAAC;IACrC,eAAe,CAAC,EAAE,OAAO,iBAAiB,CAAC;IAC3C,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,QAAQ,CAAC;IACnB,cAAc,EAAE,YAAY,CAAC;IAC7B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,gBAAgB,EAAE,CAAC,QAAQ,EAAE,OAAO,iBAAiB,GAAG,EAAE,KAAK,IAAI,CAAC;IACpE,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;CACjC;AAED,qBAAa,cAAe,SAAQ,SAAS,CAAC,KAAK,CAAC;IAClD,MAAM;CA4BP"}

package/lib/components/auth/signUp/index.js

@@ -37,70 +37,15 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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.SignUpTemplate = void 0;
-var outline_1 = require("@heroicons/react/24/outline");
 var react_1 = __importStar(require("react"));
-var logo_google_png_1 = __importDefault(require("../../../assets/logo_google.png"));
 require("../../../index.css");
-var button_1 = require("../../action/button");
-var iconButton_1 = require("../../action/iconButton");
-var form_1 = require("../../input/form");
+var bareSignUp_1 = require("../bareSignUp");
 var SignUpTemplate = /** @class */ (function (_super) {
     __extends(SignUpTemplate, _super);
     function SignUpTemplate() {
-        var _this = _super !== null && _super.apply(this, arguments) || this;
-        _this.handleSelectSignUpOptions = function (provider) {
-            _this.props.onChangeProvider(provider);
-        };
-        _this.renderEachProvider = function (eachProvider, type) {
-            switch (eachProvider) {
-                case "email":
-                    return (react_1.default.createElement(button_1.Button, { type: type, key: eachProvider, className: "w-full", text: "Sign Up With Email", onClick: _this.handleSelectSignUpOptions.bind(_this, "email"), icon: react_1.default.createElement(outline_1.EnvelopeIcon, { className: "h-6 w-6 mr-3" }) }));
-                case "google":
-                    return (react_1.default.createElement(button_1.Button, { type: type, key: eachProvider, className: "w-full", text: "Sign Up With Google", onClick: _this.handleSelectSignUpOptions.bind(_this, "google"), icon: react_1.default.createElement("img", { src: logo_google_png_1.default, alt: "", className: "h-6 w-6 mr-3" }) }));
-                case "phone":
-                    return (react_1.default.createElement(button_1.Button, { type: type, key: eachProvider, className: "w-full", text: "Sign Up With Phone", onClick: _this.handleSelectSignUpOptions.bind(_this, "phone"), icon: react_1.default.createElement(outline_1.DevicePhoneMobileIcon, { className: "h-6 w-6 mr-3" }) }));
-                default:
-                    return react_1.default.createElement(react_1.default.Fragment, null);
-            }
-        };
-        _this.renderOtherProvidedContent = function () {
-            var otherProviderList = [];
-            _this.props.provider.map(function (eachProvider) {
-                if (_this.props.defaultProvider !== eachProvider) {
-                    otherProviderList.push(_this.renderEachProvider(eachProvider, "icon"));
-                }
-                return null;
-            });
-            return otherProviderList;
-        };
-        _this.renderContent = function () {
-            if (_this.props.type &&
-                _this.props.formList.steps.length - 1 >= _this.props.stepIndex) {
-                return (react_1.default.createElement(form_1.Form, { className: "mt-6 grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:gap-x-8", refList: _this.props.formList.steps[_this.props.stepIndex].refs, ref: _this.props.formList.steps[_this.props.stepIndex].formRef, handleComplete: function () {
-                        if (_this.props.onCompleteEachStep) {
-                            _this.props.onCompleteEachStep();
-                        }
-                    } },
-                    _this.props.formList.steps[_this.props.stepIndex].components.map(function (eachComponents) {
-                        return eachComponents;
-                    }),
-                    react_1.default.createElement("div", { className: "justify-end sm:col-span-2 sm:flex sm:ml-8" },
-                        (_this.props.formList.steps.length - 1) % 2 === 0 && (react_1.default.createElement("div", { className: "hidden sm:block" })),
-                        react_1.default.createElement(button_1.Button, { className: "w-full mt-4 sm:w-1/2", text: _this.props.formList.steps.length - 1 === _this.props.stepIndex
-                                ? "Submit"
-                                : "Next", size: "small", type: "normal", onClick: _this.props.formList.steps[_this.props.stepIndex]
-                                .onHandleComponents }))));
-            }
-            else {
-                return react_1.default.createElement(react_1.default.Fragment, null);
-            }
-        };
-        return _this;
+        return _super !== null && _super.apply(this, arguments) || this;
     }
     SignUpTemplate.prototype.render = function () {
         var defaultClassName = "relative overflow-hidden py-10 px-6 sm:px-10 xl:p-12";
@@ -109,29 +54,8 @@ var SignUpTemplate = /** @class */ (function (_super) {
         }
         return (react_1.default.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-3" },
             react_1.default.createElement("div", { className: defaultClassName }, this.props.leftComponents),
-            react_1.default.createElement("div", { className: "py-10 px-6 sm:px-10 lg:col-span-2 xl:p-12" },
-                !this.props.type && (react_1.default.createElement("h3", { className: "text-lg font-medium text-warm-gray-900" }, "Choose A Sign Up Option")),
-                this.props.type &&
-                    this.props.provider.length > 1 &&
-                    !this.props.preventBack && (react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(outline_1.ChevronLeftIcon, { className: "h-5 w-5 text-primary-600", "aria-hidden": "true" }), className: "rounded-md", onClick: this.props.stepIndex === 0
-                        ? this.handleSelectSignUpOptions.bind(this, "")
-                        : this.props.handleUpdateStepIndex.bind(this, this.props.stepIndex - 1) })),
-                this.renderContent(),
-                react_1.default.createElement("form", { className: "mt-6 grid grid-cols-1 gap-y-6 sm:grid-cols-2 sm:gap-x-8" },
-                    !this.props.type && (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement("div", { className: "hidden sm:block" }),
-                        this.renderEachProvider(this.props.defaultProvider, "normal"))),
-                    this.props.provider.length > 1 && !this.props.type && (react_1.default.createElement(react_1.default.Fragment, null,
-                        react_1.default.createElement("div", { className: "flex flex-row items-center sm:col-span-2" },
-                            react_1.default.createElement("div", { className: "flex-grow border-t border-gray-300" }),
-                            react_1.default.createElement("span", { className: "text-sm px-2 text-gray-500" }, "Or Continue With"),
-                            react_1.default.createElement("div", { className: "flex-grow border-t border-gray-300" })),
-                        this.props.provider.length <= 2 && (react_1.default.createElement("div", { className: "hidden sm:block" })),
-                        this.renderOtherProvidedContent())),
-                    this.props.version && (react_1.default.createElement("div", { className: "sm:col-span-2 sm:flex sm:justify-end" },
-                        react_1.default.createElement("span", { className: "text-xs text-gray-500" },
-                            "Version ",
-                            this.props.version)))))));
+            react_1.default.createElement("div", { className: "col-span-2" },
+                react_1.default.createElement(bareSignUp_1.BareSignUp, { type: this.props.type, provider: this.props.provider, defaultProvider: this.props.defaultProvider, stepIndex: this.props.stepIndex, formList: this.props.formList, version: this.props.version, preventBack: this.props.preventBack, handleUpdateStepIndex: this.props.handleUpdateStepIndex, onChangeProvider: this.props.onChangeProvider, onCompleteEachStep: this.props.onCompleteEachStep }))));
     };
     return SignUpTemplate;
 }(react_1.Component));

package/lib/components/auth/signUp/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/auth/signUp/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/auth/signUp/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkE;AAClE,8BAA4B;AAG5B,4CAA2C;AA4B3C;IAAoC,kCAAgB;IAApD;;IA6BA,CAAC;IA5BC,+BAAM,GAAN;QACE,IAAI,gBAAgB,GAClB,sDAAsD,CAAC;QACzD,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;YAC5B,gBAAgB,IAAI,WAAI,IAAI,CAAC,KAAK,CAAC,aAAa,CAAE,CAAC;SACpD;QAED,OAAO,CACL,uCAAK,SAAS,EAAC,iCAAiC;YAC9C,uCAAK,SAAS,EAAE,gBAAgB,IAAG,IAAI,CAAC,KAAK,CAAC,cAAc,CAAO;YAEnE,uCAAK,SAAS,EAAC,YAAY;gBACzB,8BAAC,uBAAU,IACT,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,eAAe,EAAE,IAAI,CAAC,KAAK,CAAC,eAAe,EAC3C,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,EAC/B,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,EAC3B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,qBAAqB,EAAE,IAAI,CAAC,KAAK,CAAC,qBAAqB,EACvD,gBAAgB,EAAE,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAC7C,kBAAkB,EAAE,IAAI,CAAC,KAAK,CAAC,kBAAkB,GACjD,CACE,CACF,CACP,CAAC;IACJ,CAAC;IACH,qBAAC;AAAD,CAAC,AA7BD,CAAoC,iBAAS,GA6B5C;AA7BY,wCAAc"}

package/lib/components/chart/barChart/index.d.ts

@@ -17,6 +17,7 @@ interface Props {
     containerStyle?: string;
     dateRangeVisible?: boolean;
     customDate?: RangeInterface;
+    chartOnly?: boolean;
     onChangeDate?: (customDate?: RangeInterface) => void;
 }
 export declare class BarChart extends Component<Props> {
@@ -24,6 +25,7 @@ export declare class BarChart extends Component<Props> {
         apexModule: null;
     };
     componentDidMount: () => Promise<void>;
+    renderChart: () => JSX.Element;
     render(): JSX.Element;
 }
 export {};

package/lib/components/chart/barChart/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/barChart/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzD,UAAU,UAAU;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACtD;AAED,qBAAa,QAAS,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC5C,KAAK;;MAEH;IAEF,iBAAiB,sBAKf;IAEF,MAAM;CAmDP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/barChart/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzD,UAAU,UAAU;IAClB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;CACX;AAED,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACtD;AAED,qBAAa,QAAS,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC5C,KAAK;;MAEH;IAEF,iBAAiB,sBAKf;IAEF,WAAW,oBA+BT;IAEF,MAAM;CA0BP"}

package/lib/components/chart/barChart/index.js

@@ -99,37 +99,40 @@ var BarChart = /** @class */ (function (_super) {
                 }
             });
         }); };
-        return _this;
-    }
-    BarChart.prototype.render = function () {
-        var APEXModule = this.state.apexModule;
-        var defaultClass = "flex flex-col justify-center bg-white overflow-hidden shadow rounded-lg pl-4 pb-3 w-full ";
-        if (this.props.containerStyle)
-            defaultClass += this.props.containerStyle;
-        return (react_1.default.createElement("div", { className: defaultClass },
-            react_1.default.createElement("div", { className: "ml-2 pr-5 my-4 flex flex-row items-center" },
-                react_1.default.createElement("div", { className: "flex-1" },
-                    react_1.default.createElement("h3", { className: "text-lg truncate font-medium" }, this.props.title)),
-                this.props.tool),
-            react_1.default.createElement("div", { className: "mr-4" }, APEXModule && (react_1.default.createElement(APEXModule, { options: {
+        _this.renderChart = function () {
+            var APEXModule = _this.state.apexModule;
+            return (react_1.default.createElement(react_1.default.Fragment, null, APEXModule && (react_1.default.createElement(APEXModule, { options: {
                     plotOptions: {
                         bar: {
-                            horizontal: this.props.orientation === "row" ? true : false,
+                            horizontal: _this.props.orientation === "row" ? true : false,
                         },
                     },
                     chart: {
                         toolbar: {
-                            show: this.props.showToolbar,
+                            show: _this.props.showToolbar,
                         },
                     },
-                    colors: this.props.colors,
+                    colors: _this.props.colors,
                 }, series: [
                     {
-                        name: this.props.seriesName,
-                        data: this.props.seriesData,
+                        name: _this.props.seriesName,
+                        data: _this.props.seriesData,
                     },
-                ], type: "bar", height: this.props.chartSize ? this.props.chartSize : "280" }))),
-            this.props.dateRangeVisible && (react_1.default.createElement(DateRange_1.DateRange, { className: "px-3", customDate: this.props.customDate, onChangeDate: this.props.onChangeDate }))));
+                ], type: "bar", height: _this.props.chartSize ? _this.props.chartSize : "280" }))));
+        };
+        return _this;
+    }
+    BarChart.prototype.render = function () {
+        var defaultClass = "flex flex-col justify-center bg-white overflow-hidden shadow rounded-lg pl-4 pb-3 w-full ";
+        if (this.props.containerStyle)
+            defaultClass += this.props.containerStyle;
+        return !this.props.chartOnly ? (react_1.default.createElement("div", { className: defaultClass },
+            react_1.default.createElement("div", { className: "ml-2 pr-5 my-4 flex flex-row items-center" },
+                react_1.default.createElement("div", { className: "flex-1" },
+                    react_1.default.createElement("h3", { className: "text-lg truncate font-medium" }, this.props.title)),
+                this.props.tool),
+            react_1.default.createElement("div", { className: "mr-4" }, this.renderChart()),
+            this.props.dateRangeVisible && (react_1.default.createElement(DateRange_1.DateRange, { className: "px-3", customDate: this.props.customDate, onChangeDate: this.props.onChangeDate })))) : (react_1.default.createElement("div", { className: this.props.containerStyle }, this.renderChart()));
     };
     return BarChart;
 }(react_1.Component));

package/lib/components/chart/barChart/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chart/barChart/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAC5B,0CAAyD;AAsBzD;IAA8B,4BAAgB;IAA9C;QAAA,qEA+DC;QA9DC,WAAK,GAAG;YACN,UAAU,EAAE,IAAI;SACjB,CAAC;QAEF,uBAAiB,GAAG;;;;4BACK,sFAAa,kBAAkB,QAAC;;wBAAjD,cAAc,GAAG,SAAgC;wBACvD,IAAI,CAAC,QAAQ,CAAC;4BACZ,UAAU,EAAE,cAAc,CAAC,OAAO;yBACnC,CAAC,CAAC;;;;aACJ,CAAC;;IAqDJ,CAAC;IAnDC,yBAAM,GAAN;QACE,IAAM,UAAU,GAAQ,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QAC9C,IAAI,YAAY,GACd,2FAA2F,CAAC;QAC9F,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc;YAAE,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC;QAEzE,OAAO,CACL,uCAAK,SAAS,EAAE,YAAY;YAC1B,uCAAK,SAAS,EAAC,2CAA2C;gBACxD,uCAAK,SAAS,EAAC,QAAQ;oBACrB,sCAAI,SAAS,EAAC,8BAA8B,IAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAM,CAChE;gBACL,IAAI,CAAC,KAAK,CAAC,IAAI,CACZ;YACN,uCAAK,SAAS,EAAC,MAAM,IAClB,UAAU,IAAI,CACb,8BAAC,UAAU,IACT,OAAO,EAAE;oBACP,WAAW,EAAE;wBACX,GAAG,EAAE;4BACH,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;yBAC5D;qBACF;oBACD,KAAK,EAAE;wBACL,OAAO,EAAE;4BACP,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW;yBAC7B;qBACF;oBACD,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,MAAM;iBAC1B,EACD,MAAM,EAAE;oBACN;wBACE,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU;wBAC3B,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU;qBAC5B;iBACF,EACD,IAAI,EAAC,KAAK,EACV,MAAM,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,GAC3D,CACH,CACG;YACL,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,CAC9B,8BAAC,qBAAS,IACR,SAAS,EAAC,MAAM,EAChB,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GACrC,CACH,CACG,CACP,CAAC;IACJ,CAAC;IACH,eAAC;AAAD,CAAC,AA/DD,CAA8B,iBAAS,GA+DtC;AA/DY,4BAAQ"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/chart/barChart/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAC5B,0CAAyD;AAuBzD;IAA8B,4BAAgB;IAA9C;QAAA,qEAuEC;QAtEC,WAAK,GAAG;YACN,UAAU,EAAE,IAAI;SACjB,CAAC;QAEF,uBAAiB,GAAG;;;;4BACK,sFAAa,kBAAkB,QAAC;;wBAAjD,cAAc,GAAG,SAAgC;wBACvD,IAAI,CAAC,QAAQ,CAAC;4BACZ,UAAU,EAAE,cAAc,CAAC,OAAO;yBACnC,CAAC,CAAC;;;;aACJ,CAAC;QAEF,iBAAW,GAAG;YACZ,IAAM,UAAU,GAAQ,KAAI,CAAC,KAAK,CAAC,UAAU,CAAC;YAC9C,OAAO,CACL,8DACG,UAAU,IAAI,CACb,8BAAC,UAAU,IACT,OAAO,EAAE;oBACP,WAAW,EAAE;wBACX,GAAG,EAAE;4BACH,UAAU,EAAE,KAAI,CAAC,KAAK,CAAC,WAAW,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK;yBAC5D;qBACF;oBACD,KAAK,EAAE;wBACL,OAAO,EAAE;4BACP,IAAI,EAAE,KAAI,CAAC,KAAK,CAAC,WAAW;yBAC7B;qBACF;oBACD,MAAM,EAAE,KAAI,CAAC,KAAK,CAAC,MAAM;iBAC1B,EACD,MAAM,EAAE;oBACN;wBACE,IAAI,EAAE,KAAI,CAAC,KAAK,CAAC,UAAU;wBAC3B,IAAI,EAAE,KAAI,CAAC,KAAK,CAAC,UAAU;qBAC5B;iBACF,EACD,IAAI,EAAC,KAAK,EACV,MAAM,EAAE,KAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,GAC3D,CACH,CACA,CACJ,CAAC;QACJ,CAAC,CAAC;;IA4BJ,CAAC;IA1BC,yBAAM,GAAN;QACE,IAAI,YAAY,GACd,2FAA2F,CAAC;QAC9F,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc;YAAE,YAAY,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC;QAEzE,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,CAC7B,uCAAK,SAAS,EAAE,YAAY;YAC1B,uCAAK,SAAS,EAAC,2CAA2C;gBACxD,uCAAK,SAAS,EAAC,QAAQ;oBACrB,sCAAI,SAAS,EAAC,8BAA8B,IAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAM,CAChE;gBACL,IAAI,CAAC,KAAK,CAAC,IAAI,CACZ;YACN,uCAAK,SAAS,EAAC,MAAM,IAAE,IAAI,CAAC,WAAW,EAAE,CAAO;YAC/C,IAAI,CAAC,KAAK,CAAC,gBAAgB,IAAI,CAC9B,8BAAC,qBAAS,IACR,SAAS,EAAC,MAAM,EAChB,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,UAAU,EACjC,YAAY,EAAE,IAAI,CAAC,KAAK,CAAC,YAAY,GACrC,CACH,CACG,CACP,CAAC,CAAC,CAAC,CACF,uCAAK,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,cAAc,IAAG,IAAI,CAAC,WAAW,EAAE,CAAO,CACtE,CAAC;IACJ,CAAC;IACH,eAAC;AAAD,CAAC,AAvED,CAA8B,iBAAS,GAuEtC;AAvEY,4BAAQ"}

package/lib/components/chart/lineChart/index.d.ts

@@ -27,6 +27,7 @@ interface Props {
     multiLineSeries?: SeriesItem[];
     dateRangeVisible?: boolean;
     customDate?: RangeInterface;
+    chartOnly?: boolean;
     onChangeDate?: (customDate?: RangeInterface) => void;
 }
 interface State {
@@ -35,6 +36,7 @@ interface State {
 export declare class LineChart extends Component<Props> {
     state: State;
     componentDidMount: () => Promise<void>;
+    renderChart: () => JSX.Element;
     render(): JSX.Element;
 }
 export {};

package/lib/components/chart/lineChart/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/lineChart/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,WAAW,MAAM;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,EAAE,CAAC;CAChB;AAED,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,UAAU,EAAE,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACtD;AAED,UAAU,KAAK;IACb,UAAU,EAAE,GAAG,CAAC;CACjB;AAED,qBAAa,SAAU,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC7C,KAAK,EAAE,KAAK,CAEV;IAEF,iBAAiB,sBAKf;IAEF,MAAM;CAiHP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/lineChart/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzD,MAAM,WAAW,MAAM;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,UAAU;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,EAAE,CAAC;CAChB;AAED,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,EAAE,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,UAAU,EAAE,CAAC;IAC/B,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACtD;AAED,UAAU,KAAK;IACb,UAAU,EAAE,GAAG,CAAC;CACjB;AAED,qBAAa,SAAU,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC7C,KAAK,EAAE,KAAK,CAEV;IAEF,iBAAiB,sBAKf;IAEF,WAAW,oBA8FT;IAEF,MAAM;CA0BP"}

package/lib/components/chart/lineChart/index.js

@@ -98,20 +98,10 @@ var LineChart = /** @class */ (function (_super) {
                 }
             });
         }); };
-        return _this;
-    }
-    LineChart.prototype.render = function () {
-        var _a, _b, _c, _d;
-        var APEXModule = this.state.apexModule;
-        var defaultClass = "flex flex-col justify-center bg-white overflow-hidden shadow rounded-lg pl-4 pb-3 w-full ";
-        if (this.props.containerStyle)
-            defaultClass += this.props.containerStyle;
-        return (react_1.default.createElement("div", { className: defaultClass },
-            react_1.default.createElement("div", { className: "ml-2 pr-5 my-4 flex flex-row items-center" },
-                react_1.default.createElement("div", { className: "flex-1" },
-                    react_1.default.createElement("h3", { className: "text-lg truncate font-medium" }, this.props.title)),
-                this.props.tool),
-            react_1.default.createElement("div", { className: "w-11/12" }, APEXModule && (react_1.default.createElement(APEXModule, { height: this.props.chartHeight ? this.props.chartHeight : 300, options: {
+        _this.renderChart = function () {
+            var _a, _b, _c, _d;
+            var APEXModule = _this.state.apexModule;
+            return (react_1.default.createElement(react_1.default.Fragment, null, APEXModule && (react_1.default.createElement(APEXModule, { height: _this.props.chartHeight ? _this.props.chartHeight : 300, options: {
                     chart: {
                         type: "line",
                         dropShadow: {
@@ -123,15 +113,15 @@ var LineChart = /** @class */ (function (_super) {
                             opacity: 0.2,
                         },
                         toolbar: {
-                            show: this.props.showToolbar,
+                            show: _this.props.showToolbar,
                         },
                     },
-                    colors: this.props.lineColors,
+                    colors: _this.props.lineColors,
                     dataLabels: {
-                        enabled: this.props.showDataLabels,
+                        enabled: _this.props.showDataLabels,
                     },
                     stroke: {
-                        curve: (_a = this.props.lineStroke) !== null && _a !== void 0 ? _a : "smooth",
+                        curve: (_a = _this.props.lineStroke) !== null && _a !== void 0 ? _a : "smooth",
                     },
                     grid: {
                         borderColor: "#e7e7e7",
@@ -144,23 +134,23 @@ var LineChart = /** @class */ (function (_super) {
                         size: 1,
                     },
                     xaxis: {
-                        categories: this.props.categories,
+                        categories: _this.props.categories,
                         title: {
-                            text: this.props.xaxisTitle,
-                            offsetY: (_b = this.props.xaxisTitlePosition) !== null && _b !== void 0 ? _b : 80,
+                            text: _this.props.xaxisTitle,
+                            offsetY: (_b = _this.props.xaxisTitlePosition) !== null && _b !== void 0 ? _b : 80,
                             style: {
                                 fontSize: "11",
                                 fontWeight: "bold",
                             },
                         },
-                        tickAmount: (_c = this.props.tickAmount) !== null && _c !== void 0 ? _c : 15,
+                        tickAmount: (_c = _this.props.tickAmount) !== null && _c !== void 0 ? _c : 15,
                         labels: {
                             rotate: -65,
                         },
                     },
                     yaxis: {
                         title: {
-                            text: this.props.yaxisTitle,
+                            text: _this.props.yaxisTitle,
                             style: { fontSize: "11", fontWeight: "bold" },
                         },
                     },
@@ -176,20 +166,33 @@ var LineChart = /** @class */ (function (_super) {
                             breakpoint: 480,
                             options: {
                                 xaxis: {
-                                    tickAmount: (_d = this.props.tickAmount) !== null && _d !== void 0 ? _d : 5,
+                                    tickAmount: (_d = _this.props.tickAmount) !== null && _d !== void 0 ? _d : 5,
                                 },
                             },
                         },
                     ],
-                }, series: this.props.multiLineSeries
-                    ? this.props.multiLineSeries
+                }, series: _this.props.multiLineSeries
+                    ? _this.props.multiLineSeries
                     : [
                         {
-                            name: this.props.seriesName,
-                            data: this.props.seriesData,
+                            name: _this.props.seriesName,
+                            data: _this.props.seriesData,
                         },
-                    ], type: "line" }))),
-            this.props.dateRangeVisible && (react_1.default.createElement(DateRange_1.DateRange, { className: "px-3", customDate: this.props.customDate, onChangeDate: this.props.onChangeDate }))));
+                    ], type: "line" }))));
+        };
+        return _this;
+    }
+    LineChart.prototype.render = function () {
+        var defaultClass = "flex flex-col justify-center bg-white overflow-hidden shadow rounded-lg pl-4 pb-3 w-full ";
+        if (this.props.containerStyle)
+            defaultClass += this.props.containerStyle;
+        return !this.props.chartOnly ? (react_1.default.createElement("div", { className: defaultClass },
+            react_1.default.createElement("div", { className: "ml-2 pr-5 my-4 flex flex-row items-center" },
+                react_1.default.createElement("div", { className: "flex-1" },
+                    react_1.default.createElement("h3", { className: "text-lg truncate font-medium" }, this.props.title)),
+                this.props.tool),
+            react_1.default.createElement("div", { className: "w-11/12" }, this.renderChart()),
+            this.props.dateRangeVisible && (react_1.default.createElement(DateRange_1.DateRange, { className: "px-3", customDate: this.props.customDate, onChangeDate: this.props.onChangeDate })))) : (react_1.default.createElement("div", { className: this.props.containerStyle }, this.renderChart()));
     };
     return LineChart;
 }(react_1.Component));

package/lib/components/chart/lineChart/index.js.map

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

package/lib/components/chart/pieChart/index.d.ts

@@ -10,6 +10,7 @@ interface Props {
     containerStyle?: string;
     dateRangeVisible?: boolean;
     customDate?: RangeInterface;
+    chartOnly?: boolean;
     onChangeDate?: (customDate?: RangeInterface) => void;
 }
 export declare class PieChart extends Component<Props> {
@@ -17,6 +18,7 @@ export declare class PieChart extends Component<Props> {
         apexModule: null;
     };
     componentDidMount: () => Promise<void>;
+    renderChart: () => JSX.Element;
     render(): JSX.Element;
 }
 export {};

package/lib/components/chart/pieChart/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/pieChart/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzD,UAAU,KAAK;IACb,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,YAAY,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACtD;AAED,qBAAa,QAAS,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC5C,KAAK;;MAEH;IAEF,iBAAiB,sBAKf;IAEF,MAAM;CAgEP"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/chart/pieChart/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAC5B,OAAO,EAAa,cAAc,EAAE,MAAM,cAAc,CAAC;AAEzD,UAAU,KAAK;IACb,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,UAAU,CAAC,EAAE,cAAc,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,YAAY,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,cAAc,KAAK,IAAI,CAAC;CACtD;AAED,qBAAa,QAAS,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC5C,KAAK;;MAEH;IAEF,iBAAiB,sBAKf;IAEF,WAAW,oBA2CT;IAEF,MAAM;CA4BP"}