blixify-ui-web 0.1.6

package/lib/components/input/textArea/index.js

@@ -0,0 +1,95 @@
+"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 });
+exports.TextArea = void 0;
+var react_1 = __importStar(require("react"));
+require("../../../index.css");
+var TextArea = /** @class */ (function (_super) {
+    __extends(TextArea, _super);
+    function TextArea() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            error: "",
+        };
+        _this.handleOnChange = function (e) {
+            if (_this.props.onChange) {
+                _this.props.onChange(e.target.value);
+            }
+        };
+        _this.handleSubmit = function () {
+            var testCond = false;
+            var error = "Please input a text";
+            if (!_this.props.optional) {
+                // INFO : Regrex Validation
+                /* eslint-disable */
+                var textFilter = /^[A-Za-z]+$/;
+                testCond = textFilter.test(_this.props.value);
+                /* eslint-enable */
+            }
+            else {
+                testCond = true;
+            }
+            if (!testCond) {
+                _this.setState({ error: error });
+            }
+            else {
+                _this.setState({ error: "" });
+            }
+            return testCond;
+        };
+        return _this;
+    }
+    TextArea.prototype.render = function () {
+        var defaultClassName = "block w-full border border-gray-300 rounded-md mt-1 px-5 py-3 text-base text-gray-900 placeholder-gray-300 focus:border-primary-500 focus:outline-none";
+        if (this.state.error) {
+            defaultClassName += " mb-0.5 border-red-300";
+        }
+        if (this.props.className) {
+            defaultClassName += " ".concat(this.props.className);
+        }
+        return (react_1.default.createElement("div", null,
+            react_1.default.createElement("label", { className: "block text-sm font-medium text-gray-700" }, this.props.label),
+            react_1.default.createElement("textarea", { id: this.props.id, rows: this.props.rows, className: defaultClassName, value: this.props.value, disabled: this.props.disabled, placeholder: this.props.placeholder, onChange: this.handleOnChange }),
+            this.state.error && (react_1.default.createElement("span", { className: "text-red-500 text-sm" }, this.state.error))));
+    };
+    return TextArea;
+}(react_1.Component));
+exports.TextArea = TextArea;
+//# sourceMappingURL=index.js.map

package/lib/components/input/textArea/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/input/textArea/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyC;AACzC,8BAA4B;AAc5B;IAA8B,4BAAgB;IAA9C;QAAA,qEA8DC;QA7DC,WAAK,GAAG;YACN,KAAK,EAAE,EAAE;SACV,CAAC;QAEF,oBAAc,GAAG,UAAC,CAAM;YACtB,IAAI,KAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACvB,KAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;aACrC;QACH,CAAC,CAAC;QAEF,kBAAY,GAAG;YACb,IAAI,QAAQ,GAAG,KAAK,CAAC;YACrB,IAAM,KAAK,GAAG,qBAAqB,CAAC;YACpC,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;gBACxB,2BAA2B;gBAC3B,oBAAoB;gBACpB,IAAM,UAAU,GAAG,aAAa,CAAC;gBACjC,QAAQ,GAAG,UAAU,CAAC,IAAI,CAAC,KAAI,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;gBAC7C,mBAAmB;aACpB;iBAAM;gBACL,QAAQ,GAAG,IAAI,CAAC;aACjB;YAED,IAAI,CAAC,QAAQ,EAAE;gBACb,KAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;aACjC;iBAAM;gBACL,KAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;aAC9B;YACD,OAAO,QAAQ,CAAC;QAClB,CAAC,CAAC;;IAgCJ,CAAC;IA9BC,yBAAM,GAAN;QACE,IAAI,gBAAgB,GAClB,wJAAwJ,CAAC;QAC3J,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE;YACpB,gBAAgB,IAAI,wBAAwB,CAAC;SAC9C;QACD,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,gBAAgB,IAAI,WAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAE,CAAC;SAChD;QAED,OAAO,CACL;YACE,yCAAO,SAAS,EAAC,yCAAyC,IACvD,IAAI,CAAC,KAAK,CAAC,KAAK,CACX;YACR,4CACE,EAAE,EAAE,IAAI,CAAC,KAAK,CAAC,EAAE,EACjB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,SAAS,EAAE,gBAAgB,EAC3B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,QAAQ,EAAE,IAAI,CAAC,KAAK,CAAC,QAAQ,EAC7B,WAAW,EAAE,IAAI,CAAC,KAAK,CAAC,WAAW,EACnC,QAAQ,EAAE,IAAI,CAAC,cAAc,GAC7B;YACD,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,CACnB,wCAAM,SAAS,EAAC,sBAAsB,IAAE,IAAI,CAAC,KAAK,CAAC,KAAK,CAAQ,CACjE,CACG,CACP,CAAC;IACJ,CAAC;IACH,eAAC;AAAD,CAAC,AA9DD,CAA8B,iBAAS,GA8DtC;AA9DY,4BAAQ"}

package/lib/components/input/textInput/index.d.ts

@@ -0,0 +1,25 @@
+import { Component } from "react";
+import "../../../index.css";
+interface Props {
+    value: any;
+    label: string;
+    type: string;
+    placeholder: string;
+    id?: string;
+    pattern?: RegExp;
+    optional?: boolean;
+    disabled?: boolean;
+    containerClassName?: string;
+    inputClassName?: string;
+    onChange?: (e: any) => void;
+}
+export declare class TextInput extends Component<Props> {
+    state: {
+        error: string;
+    };
+    handleOnChange: (e: any) => void;
+    handleSubmit: () => boolean;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/components/input/textInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/textInput/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAE5B,UAAU,KAAK;IACb,KAAK,EAAE,GAAG,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAC7B;AAED,qBAAa,SAAU,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC7C,KAAK;;MAEH;IAEF,cAAc,MAAO,GAAG,UAItB;IAEF,YAAY,gBA8CV;IAEF,MAAM;CA8BP"}

package/lib/components/input/textInput/index.js

@@ -0,0 +1,121 @@
+"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 });
+exports.TextInput = void 0;
+var react_1 = __importStar(require("react"));
+require("../../../index.css");
+var TextInput = /** @class */ (function (_super) {
+    __extends(TextInput, _super);
+    function TextInput() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            error: "",
+        };
+        _this.handleOnChange = function (e) {
+            if (_this.props.onChange) {
+                _this.props.onChange(e.target.value);
+            }
+        };
+        _this.handleSubmit = function () {
+            var testCond = false;
+            var error = "";
+            if (!_this.props.optional) {
+                // INFO : Regrex Validation
+                /* eslint-disable */
+                switch (_this.props.type) {
+                    case "email":
+                        var emailFilter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
+                        testCond = emailFilter.test(_this.props.value);
+                        error = "Please input the correct email format";
+                        break;
+                    case "text":
+                        var textFilter = /^[A-Za-z]+$/;
+                        testCond = textFilter.test(_this.props.value);
+                        error = "Please input a text";
+                        break;
+                    case "number":
+                        var numberFilter = /^([0-9])+$/;
+                        testCond = numberFilter.test(_this.props.value);
+                        error = "Please input a number";
+                        break;
+                    case "mobile":
+                        var phoneFilter = /^(\+60)-*[0-9]{8,10}$/;
+                        testCond = phoneFilter.test(_this.props.value);
+                        error = "Please input the correct format (eg +60123456789)";
+                        break;
+                    default:
+                        error = "Please input the correct format";
+                        if (_this.props.pattern) {
+                            testCond = _this.props.pattern.test(_this.props.value);
+                        }
+                        break;
+                }
+                /* eslint-enable */
+            }
+            else {
+                testCond = true;
+            }
+            if (!testCond) {
+                _this.setState({ error: error });
+            }
+            else {
+                _this.setState({ error: "" });
+            }
+            return testCond;
+        };
+        return _this;
+    }
+    TextInput.prototype.render = function () {
+        var defaultClassName = "block w-full border border-gray-300 rounded-md mt-1 px-5 py-3 text-base text-gray-900 placeholder-gray-300 focus:border-primary-500 focus:outline-none";
+        if (this.state.error) {
+            defaultClassName += " mb-0.5 border-red-300";
+        }
+        if (this.props.inputClassName) {
+            defaultClassName += " ".concat(this.props.inputClassName);
+        }
+        return (react_1.default.createElement("div", { className: this.props.containerClassName },
+            react_1.default.createElement("label", { className: "block text-sm font-medium text-gray-700" }, this.props.label),
+            react_1.default.createElement("input", { id: this.props.id, disabled: this.props.disabled, className: defaultClassName, value: this.props.value, placeholder: this.props.placeholder, onChange: this.handleOnChange, type: this.props.type }),
+            this.state.error && (react_1.default.createElement("span", { className: "text-red-500 text-sm" }, this.state.error))));
+    };
+    return TextInput;
+}(react_1.Component));
+exports.TextInput = TextInput;
+//# sourceMappingURL=index.js.map

package/lib/components/input/textInput/index.js.map

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

package/lib/components/input/uploadInput/index.d.ts

@@ -0,0 +1,23 @@
+import { Component } from "react";
+import "../../../index.css";
+interface Props {
+    label: string;
+    accept?: string;
+    hidePreview?: boolean;
+    file?: File | "";
+    fileDescription?: string;
+    optional?: boolean;
+    className?: string;
+    onChange?: (e: any) => void;
+}
+export declare class UploadInput extends Component<Props> {
+    state: {
+        error: string;
+    };
+    handleSubmit: () => boolean;
+    handleOnChange: (e: any) => void;
+    renderFileDescription: () => string;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/components/input/uploadInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/uploadInput/index.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAE5B,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,IAAI,CAAC,EAAE,IAAI,GAAG,EAAE,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;CAC7B;AAED,qBAAa,WAAY,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC/C,KAAK;;MAEH;IAEF,YAAY,gBAgBV;IAEF,cAAc,MAAO,GAAG,UAItB;IAEF,qBAAqB,eAMnB;IAEF,MAAM;CA+CP"}

package/lib/components/input/uploadInput/index.js

@@ -0,0 +1,103 @@
+"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 });
+exports.UploadInput = void 0;
+var outline_1 = require("@heroicons/react/24/outline");
+var react_1 = __importStar(require("react"));
+require("../../../index.css");
+var UploadInput = /** @class */ (function (_super) {
+    __extends(UploadInput, _super);
+    function UploadInput() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.state = {
+            error: "",
+        };
+        _this.handleSubmit = function () {
+            var error = "";
+            if (!_this.props.optional) {
+                if (_this.props.file) {
+                    var fileSize = _this.props.file.size / 1024 / 1024;
+                    if (fileSize > 10) {
+                        error = "File size cannot exceed 10MB";
+                    }
+                }
+                else {
+                    error = "Please upload a file";
+                }
+            }
+            _this.setState({ error: error });
+            return error ? false : true;
+        };
+        _this.handleOnChange = function (e) {
+            if (_this.props.onChange) {
+                _this.props.onChange(e);
+            }
+        };
+        _this.renderFileDescription = function () {
+            if (_this.props.fileDescription) {
+                return _this.props.fileDescription;
+            }
+            else {
+                return "PNG, JPG, JPEG up to 10MB";
+            }
+        };
+        return _this;
+    }
+    UploadInput.prototype.render = function () {
+        var defaultBorderColor = "border-gray-300";
+        var errorBorderColor = "border-red-300";
+        return (react_1.default.createElement("div", { className: this.props.className },
+            react_1.default.createElement("label", { className: "block text-sm font-medium text-gray-700" }, this.props.label),
+            react_1.default.createElement("div", { className: "".concat(this.state.error ? errorBorderColor : defaultBorderColor, " mt-1 border-2 max-w-lg flex justify-center px-6 pt-5 pb-6 border-dashed rounded-md") },
+                react_1.default.createElement("div", { className: "space-y-1 text-center" },
+                    this.props.file && !this.props.hidePreview ? (react_1.default.createElement("img", { alt: "", src: URL.createObjectURL(this.props.file), className: "mx-auto h-32 w-auto max-w-40 object-cover" })) : (react_1.default.createElement(outline_1.FolderPlusIcon, { className: "mx-auto h-12 w-12 text-gray-300" })),
+                    react_1.default.createElement("div", { className: "flex text-sm text-gray-600 justify-center" },
+                        react_1.default.createElement("label", { className: "relative cursor-pointer bg-white rounded-md font-medium text-primary-600 hover:text-primary-500 focus-within:outline-none focus-within:ring-2 focus-within:ring-offset-2 focus-within:ring-primary-500" },
+                            react_1.default.createElement("span", null, "Upload file"),
+                            react_1.default.createElement("input", { id: "file-upload", name: "file-upload", type: "file", className: "sr-only", accept: this.props.accept, onChange: this.handleOnChange }))),
+                    react_1.default.createElement("p", { className: "text-xs text-gray-500" }, this.props.file
+                        ? "".concat(this.props.file.name)
+                        : this.renderFileDescription()))),
+            react_1.default.createElement("span", { className: "text-red-500 text-sm" }, this.state.error)));
+    };
+    return UploadInput;
+}(react_1.Component));
+exports.UploadInput = UploadInput;
+//# sourceMappingURL=index.js.map

package/lib/components/input/uploadInput/index.js.map

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

package/lib/components/navigation/bars/index.d.ts

@@ -0,0 +1,17 @@
+import { Component } from "react";
+import "../../../index.css";
+interface Props {
+    bars: {
+        id: string;
+        name: string;
+        href: string;
+        icon: any;
+    }[];
+    selectedId: string;
+    onClick?: (id: string) => void;
+}
+export declare class Bars extends Component<Props> {
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/components/navigation/bars/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/bars/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAM5B,UAAU,KAAK;IACb,IAAI,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,GAAG,CAAA;KAAE,EAAE,CAAC;IAC9D,UAAU,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC;AAED,qBAAa,IAAK,SAAQ,SAAS,CAAC,KAAK,CAAC;IACxC,MAAM;CAgCP"}

package/lib/components/navigation/bars/index.js

@@ -0,0 +1,73 @@
+"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 });
+exports.Bars = void 0;
+var react_1 = __importStar(require("react"));
+require("../../../index.css");
+function classNames() {
+    var classes = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        classes[_i] = arguments[_i];
+    }
+    return classes.filter(Boolean).join(" ");
+}
+var Bars = /** @class */ (function (_super) {
+    __extends(Bars, _super);
+    function Bars() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Bars.prototype.render = function () {
+        var _this = this;
+        var selectedId = this.props.selectedId;
+        return (react_1.default.createElement("nav", { className: "space-y-1", "aria-label": "Sidebar" }, this.props.bars.map(function (item) {
+            var _a;
+            return (react_1.default.createElement("a", { key: item.name, href: item.href, className: classNames(item.id === selectedId
+                    ? "bg-gray-100 text-gray-900"
+                    : "text-gray-600 hover:bg-gray-50 hover:text-gray-900", "group flex items-center px-3 py-2 text-sm font-medium rounded-md"), "aria-current": item.id === selectedId ? "page" : undefined, onClick: (_a = _this.props.onClick) === null || _a === void 0 ? void 0 : _a.bind(_this, item.id) },
+                react_1.default.createElement(item.icon, { className: classNames(item.id === selectedId
+                        ? "text-gray-500"
+                        : "text-gray-400 group-hover:text-gray-500", "flex-shrink-0 -ml-1 mr-3 h-6 w-6"), "aria-hidden": "true" }),
+                react_1.default.createElement("span", { className: "truncate" }, item.name)));
+        })));
+    };
+    return Bars;
+}(react_1.Component));
+exports.Bars = Bars;
+//# sourceMappingURL=index.js.map

package/lib/components/navigation/bars/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/navigation/bars/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyC;AACzC,8BAA4B;AAE5B,SAAS,UAAU;IAAC,iBAAU;SAAV,UAAU,EAAV,qBAAU,EAAV,IAAU;QAAV,4BAAU;;IAC5B,OAAO,OAAO,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;AAC3C,CAAC;AAQD;IAA0B,wBAAgB;IAA1C;;IAiCA,CAAC;IAhCC,qBAAM,GAAN;QAAA,iBA+BC;QA9BC,IAAM,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC;QACzC,OAAO,CACL,uCAAK,SAAS,EAAC,WAAW,gBAAY,SAAS,IAC5C,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,IAAI;;YAAK,OAAA,CAC7B,qCACE,GAAG,EAAE,IAAI,CAAC,IAAI,EACd,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,SAAS,EAAE,UAAU,CACnB,IAAI,CAAC,EAAE,KAAK,UAAU;oBACpB,CAAC,CAAC,2BAA2B;oBAC7B,CAAC,CAAC,oDAAoD,EACxD,kEAAkE,CACnE,kBACa,IAAI,CAAC,EAAE,KAAK,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACzD,OAAO,EAAE,MAAA,KAAI,CAAC,KAAK,CAAC,OAAO,0CAAE,IAAI,CAAC,KAAI,EAAE,IAAI,CAAC,EAAE,CAAC;gBAEhD,8BAAC,IAAI,CAAC,IAAI,IACR,SAAS,EAAE,UAAU,CACnB,IAAI,CAAC,EAAE,KAAK,UAAU;wBACpB,CAAC,CAAC,eAAe;wBACjB,CAAC,CAAC,yCAAyC,EAC7C,kCAAkC,CACnC,iBACW,MAAM,GAClB;gBACF,wCAAM,SAAS,EAAC,UAAU,IAAE,IAAI,CAAC,IAAI,CAAQ,CAC3C,CACL,CAAA;SAAA,CAAC,CACE,CACP,CAAC;IACJ,CAAC;IACH,WAAC;AAAD,CAAC,AAjCD,CAA0B,iBAAS,GAiClC;AAjCY,oBAAI"}

package/lib/components/navigation/header/index.d.ts

@@ -0,0 +1,35 @@
+import { Component } from "react";
+import "../../../index.css";
+export interface Navigation {
+    name: string;
+    href: string;
+}
+export interface UserNavigation {
+    name: string;
+    href: string;
+    action?: string;
+}
+interface Props {
+    defaultNav: string;
+    page: string;
+    logo: string;
+    navigation: Navigation[];
+    userNavigation?: UserNavigation[];
+    user?: {
+        name: string;
+        email: string;
+        image: string;
+    };
+    lib: {
+        Disclosure: any;
+        Menu: any;
+        Transition: any;
+    };
+    signOut?: () => void;
+}
+export declare class Header extends Component<Props> {
+    handleSignOut: () => Promise<void>;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

package/lib/components/navigation/header/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/navigation/header/index.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AACnD,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAMD,UAAU,KAAK;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,UAAU,EAAE,CAAC;IACzB,cAAc,CAAC,EAAE,cAAc,EAAE,CAAC;IAClC,IAAI,CAAC,EAAE;QACL,IAAI,EAAE,MAAM,CAAC;QACb,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,GAAG,EAAE;QACH,UAAU,EAAE,GAAG,CAAC;QAChB,IAAI,EAAE,GAAG,CAAC;QACV,UAAU,EAAE,GAAG,CAAC;KACjB,CAAC;IAEF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,qBAAa,MAAO,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC1C,aAAa,sBAIX;IAEF,MAAM;CAiMP"}