blixify-ui-web 0.1.6

package/lib/components/display/table/index.js

@@ -0,0 +1,202 @@
+"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.Table = void 0;
+var outline_1 = require("@heroicons/react/24/outline");
+var react_1 = __importStar(require("react"));
+require("../../../index.css");
+var iconButton_1 = require("../../action/iconButton");
+var defaultLimit = 10;
+var defaultPageSize = 5;
+var Table = /** @class */ (function (_super) {
+    __extends(Table, _super);
+    function Table() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.handleClick = function (id, event) {
+            if (_this.props.onClickRow) {
+                _this.props.onClickRow(id);
+            }
+            event.preventDefault();
+        };
+        _this.renderTableHeader = function () {
+            var renderHeader = [];
+            _this.props.header.map(function (eachHeader) {
+                if (eachHeader.key !== "id") {
+                    renderHeader.push(react_1.default.createElement("th", { key: eachHeader.key, className: "px-6 py-3 bg-gray-50 text-left text-xs font-medium text-gray-500 uppercase tracking-wider" }, eachHeader.title));
+                }
+                return null;
+            });
+            return renderHeader;
+        };
+        _this.renderTableBody = function () {
+            var _a, _b;
+            var renderBody = [];
+            if (_this.props.loading) {
+                renderBody.push(react_1.default.createElement("tr", { key: "dataLoading" },
+                    react_1.default.createElement("td", { className: "w-full px-6 py-4 whitespace-nowrap text-sm text-gray-900 " },
+                        react_1.default.createElement("div", { className: "flex" },
+                            react_1.default.createElement("p", { className: "group inline-flex space-x-2 truncate text-sm text-gray-500 truncate" }, "Loading...")))));
+            }
+            else if (_this.props.data.length === 0) {
+                renderBody.push(react_1.default.createElement("tr", { key: "noData" },
+                    react_1.default.createElement("td", { className: "w-full px-6 py-4 whitespace-nowrap text-sm text-gray-900 " },
+                        react_1.default.createElement("div", { className: "flex" },
+                            react_1.default.createElement("p", { className: "group inline-flex space-x-2 truncate text-sm text-gray-500 truncate" }, "No Data Available")))));
+            }
+            else {
+                if (_this.props.paginationType === "cursor") {
+                    var minIndex_1 = ((_a = _this.props.pageIndex) !== null && _a !== void 0 ? _a : 0) * ((_b = _this.props.limit) !== null && _b !== void 0 ? _b : defaultLimit);
+                    _this.props.data.map(function (eachData, index) {
+                        var _a;
+                        if (index >= minIndex_1 &&
+                            index < minIndex_1 + ((_a = _this.props.limit) !== null && _a !== void 0 ? _a : defaultLimit)) {
+                            renderBody.push(react_1.default.createElement("tr", { key: eachData.id, onClick: _this.handleClick.bind(_this, eachData.id), className: _this.props.onClickRow
+                                    ? "cursor-pointer hover:bg-gray-100"
+                                    : "" }, _this.renderRowData(eachData, index)));
+                        }
+                        return null;
+                    });
+                }
+                else {
+                    _this.props.data.map(function (eachData, index) {
+                        renderBody.push(react_1.default.createElement("tr", { key: eachData.id, onClick: _this.handleClick.bind(_this, eachData.id), className: _this.props.onClickRow ? "cursor-pointer hover:bg-gray-100" : "" }, _this.renderRowData(eachData, index)));
+                        return null;
+                    });
+                }
+            }
+            return renderBody;
+        };
+        _this.renderRowData = function (eachData, index) {
+            var renderRowData = [];
+            var tableId = eachData.id;
+            _this.props.header.map(function (eachHeader, colIndex) {
+                if (eachHeader.key !== "id") {
+                    var value = eachData[eachHeader.key];
+                    if (_this.props.onClickRow) {
+                        renderRowData.push(react_1.default.createElement("td", { key: eachHeader.key + String(index), className: "ax-w-0 w-full px-6 py-4 whitespace-nowrap text-sm ".concat(colIndex === 1 ? "text-primary-600 font-bold" : "text-gray-900", " ") },
+                            react_1.default.createElement("a", { href: _this.props.newTabUrl + tableId, className: "w-full block" }, value)));
+                    }
+                    else {
+                        renderRowData.push(react_1.default.createElement("td", { key: eachHeader.key + String(index), className: "ax-w-0 w-full px-6 py-4 whitespace-nowrap text-sm text-gray-900" }, value));
+                    }
+                }
+                return null;
+            });
+            return renderRowData;
+        };
+        _this.renderPageNumber = function () {
+            var _a, _b, _c, _d;
+            var pageNumberList = [];
+            var pageOffset = Math.floor(((_a = _this.props.pageIndex) !== null && _a !== void 0 ? _a : 0) / defaultPageSize);
+            for (var i = pageOffset * defaultPageSize; i * ((_b = _this.props.limit) !== null && _b !== void 0 ? _b : defaultLimit) <
+                ((_c = _this.props.size) !== null && _c !== void 0 ? _c : _this.props.data.length) &&
+                i < pageOffset * defaultPageSize + defaultPageSize; i++) {
+                var pageNumberClassName = "relative items-center px-3 py-2 border text-sm font-medium cursor-pointer sm:px-4";
+                if (_this.props.pageIndex === i) {
+                    pageNumberClassName +=
+                        " z-10 bg-primary-50 border-primary-500 text-primary-600";
+                }
+                else {
+                    pageNumberClassName +=
+                        " border-gray-300 bg-white text-gray-500 hover:text-gray-500 hover:bg-gray-100 bg-white";
+                }
+                pageNumberList.push(react_1.default.createElement("span", { "aria-current": "page", className: pageNumberClassName, onClick: _this.props.pageIndex !== i
+                        ? (_d = _this.props.handleUpdatePageIndex) === null || _d === void 0 ? void 0 : _d.bind(_this, i)
+                        : function () { } }, i + 1));
+            }
+            return pageNumberList;
+        };
+        _this.renderPagination = function () {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+            var paginationClassName = "relative inline-flex items-center px-2 py-2 border border-gray-300 bg-white text-sm font-medium text-gray-500";
+            var nextDataAvailable = _this.props.data.length >
+                (((_a = _this.props.pageIndex) !== null && _a !== void 0 ? _a : 0) + 1) *
+                    ((_b = _this.props.limit) !== null && _b !== void 0 ? _b : defaultLimit) || _this.props.cursor;
+            switch (_this.props.paginationType) {
+                case "cursor":
+                    return (react_1.default.createElement("nav", { className: "relative z-0 inline-flex rounded-md shadow-sm -space-x-px", "aria-label": "Pagination" },
+                        react_1.default.createElement(iconButton_1.IconButton, { disabled: _this.props.pageIndex === 0 ? true : false, icon: react_1.default.createElement(outline_1.ChevronLeftIcon, { className: "h-5 w-5", "aria-hidden": "true" }), className: "".concat(_this.props.pageIndex === 0
+                                ? "cursor-not-allowed"
+                                : "bg-primary-50", " ").concat(paginationClassName, " rounded-l-md"), onClick: (_c = _this.props.handleUpdatePageIndex) === null || _c === void 0 ? void 0 : _c.bind(_this, "prev") }),
+                        react_1.default.createElement("span", { "aria-current": "page", className: "z-10 bg-white relative inline-flex items-center px-4 py-2 border text-sm font-medium" }, ((_d = _this.props.pageIndex) !== null && _d !== void 0 ? _d : 0) + 1),
+                        react_1.default.createElement(iconButton_1.IconButton, { disabled: nextDataAvailable ? false : true, icon: react_1.default.createElement(outline_1.ChevronRightIcon, { className: "h-5 w-5", "aria-hidden": "true" }), className: "".concat(nextDataAvailable ? "bg-primary-50" : "cursor-not-allowed", " ").concat(paginationClassName, " rounded-r-md"), onClick: (_e = _this.props.handleUpdatePageIndex) === null || _e === void 0 ? void 0 : _e.bind(_this, "next") })));
+                case "page":
+                    return (react_1.default.createElement("nav", { className: "relative inline-flex rounded-md shadow-sm -space-x-px", "aria-label": "Pagination" },
+                        react_1.default.createElement(iconButton_1.IconButton, { disabled: _this.props.pageIndex === 0 ? true : false, icon: react_1.default.createElement(outline_1.ChevronLeftIcon, { className: "h-5 w-5", "aria-hidden": "true" }), className: "".concat(_this.props.pageIndex === 0
+                                ? "cursor-not-allowed"
+                                : "bg-primary-50", " ").concat(paginationClassName, " rounded-l-md"), onClick: (_f = _this.props.handleUpdatePageIndex) === null || _f === void 0 ? void 0 : _f.bind(_this, ((_g = _this.props.pageIndex) !== null && _g !== void 0 ? _g : 0) - 1) }),
+                        _this.renderPageNumber(),
+                        react_1.default.createElement(iconButton_1.IconButton, { disabled: nextDataAvailable ? false : true, icon: react_1.default.createElement(outline_1.ChevronRightIcon, { className: "h-5 w-5", "aria-hidden": "true" }), className: "".concat(nextDataAvailable ? "bg-primary-50" : "cursor-not-allowed", " ").concat(paginationClassName, " rounded-r-md"), onClick: (_h = _this.props.handleUpdatePageIndex) === null || _h === void 0 ? void 0 : _h.bind(_this, ((_j = _this.props.pageIndex) !== null && _j !== void 0 ? _j : 0) + 1) })));
+                default:
+                    return react_1.default.createElement("div", null);
+            }
+        };
+        _this.renderPageResult = function () {
+            if (_this.props.paginationType === "page") {
+                return "Showing ".concat(_this.props.size, " result(s)");
+            }
+            else {
+                return "Showing ".concat(_this.props.data.length, " result(s)");
+            }
+        };
+        return _this;
+    }
+    Table.prototype.render = function () {
+        var defaultClassName = "block";
+        if (this.props.className) {
+            defaultClassName += " ".concat(this.props.className);
+        }
+        return (react_1.default.createElement("div", { className: defaultClassName },
+            react_1.default.createElement("div", { className: "max-w-6xl mx-auto px-4 sm:px-6 lg:px-8 flex flex-col mt-2" },
+                react_1.default.createElement("div", { className: "scrollBar align-middle min-w-full overflow-x-auto shadow bg-white sm:rounded-t-lg" },
+                    react_1.default.createElement("table", { className: "min-w-full divide-y divide-gray-200" },
+                        react_1.default.createElement("thead", null,
+                            react_1.default.createElement("tr", null, this.renderTableHeader())),
+                        react_1.default.createElement("tbody", { className: "divide-y divide-gray-200" }, this.renderTableBody()))),
+                react_1.default.createElement("div", { className: "bg-white shadow px-4 py-3 flex items-center justify-between border-t border-gray-200 sm:px-6 sm:rounded-b-lg" },
+                    react_1.default.createElement("div", { className: "flex-1 flex items-center justify-between" },
+                        react_1.default.createElement("div", null,
+                            react_1.default.createElement("p", { className: "text-sm font-medium text-gray-700" }, this.renderPageResult())),
+                        this.props.paginationType && (react_1.default.createElement("div", null, this.renderPagination())))))));
+    };
+    return Table;
+}(react_1.Component));
+exports.Table = Table;
+//# sourceMappingURL=index.js.map

package/lib/components/display/table/index.js.map

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

package/lib/components/index.d.ts

@@ -0,0 +1,30 @@
+export { Button } from "./action/button";
+export { ButtonGroup } from "./action/buttonGroup";
+export { IconButton } from "./action/iconButton";
+export { TextButton } from "./action/textButton";
+export { Toggle } from "./action/toggle";
+export { Database, ReadQuery, ReadQueryType } from "./data/readQuery";
+export { ReadQueryHoc } from "./data/readQueryHoc";
+export { WriteQuery } from "./data/writeQuery";
+export { DetailList, DetailListClass } from "./display/detailList";
+export { Feed, Feeds } from "./display/feeds";
+export { Grid, GridClass } from "./display/grid";
+export { List, ListClass } from "./display/list";
+export { Loading } from "./display/loading";
+export { Modal } from "./display/modal";
+export { Notification } from "./display/notification";
+export { Table, TableHeader } from "./display/table";
+export { Address, AddressClass } from "./input/address";
+export { InputDatePicker } from "./input/datePicker";
+export { Form } from "./input/form";
+export { Option, Select } from "./input/select";
+export { TextArea } from "./input/textArea";
+export { TextInput } from "./input/textInput";
+export { UploadInput } from "./input/uploadInput";
+export { Bars } from "./navigation/bars";
+export { Header, Navigation, UserNavigation } from "./navigation/header";
+export { Tabs } from "./navigation/tabs";
+export { Column } from "./structure/column";
+export { Container } from "./structure/container";
+export { Text } from "./structure/text";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAC9C,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/components/index.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = exports.Container = exports.Column = exports.Tabs = exports.Header = exports.Bars = exports.UploadInput = exports.TextInput = exports.TextArea = exports.Select = exports.Form = exports.InputDatePicker = exports.Address = exports.Table = exports.Notification = exports.Modal = exports.Loading = exports.List = exports.Grid = exports.Feeds = exports.DetailList = exports.WriteQuery = exports.ReadQueryHoc = exports.ReadQuery = exports.Toggle = exports.TextButton = exports.IconButton = exports.ButtonGroup = exports.Button = void 0;
+var button_1 = require("./action/button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return button_1.Button; } });
+var buttonGroup_1 = require("./action/buttonGroup");
+Object.defineProperty(exports, "ButtonGroup", { enumerable: true, get: function () { return buttonGroup_1.ButtonGroup; } });
+var iconButton_1 = require("./action/iconButton");
+Object.defineProperty(exports, "IconButton", { enumerable: true, get: function () { return iconButton_1.IconButton; } });
+var textButton_1 = require("./action/textButton");
+Object.defineProperty(exports, "TextButton", { enumerable: true, get: function () { return textButton_1.TextButton; } });
+var toggle_1 = require("./action/toggle");
+Object.defineProperty(exports, "Toggle", { enumerable: true, get: function () { return toggle_1.Toggle; } });
+var readQuery_1 = require("./data/readQuery");
+Object.defineProperty(exports, "ReadQuery", { enumerable: true, get: function () { return readQuery_1.ReadQuery; } });
+var readQueryHoc_1 = require("./data/readQueryHoc");
+Object.defineProperty(exports, "ReadQueryHoc", { enumerable: true, get: function () { return readQueryHoc_1.ReadQueryHoc; } });
+var writeQuery_1 = require("./data/writeQuery");
+Object.defineProperty(exports, "WriteQuery", { enumerable: true, get: function () { return writeQuery_1.WriteQuery; } });
+var detailList_1 = require("./display/detailList");
+Object.defineProperty(exports, "DetailList", { enumerable: true, get: function () { return detailList_1.DetailList; } });
+var feeds_1 = require("./display/feeds");
+Object.defineProperty(exports, "Feeds", { enumerable: true, get: function () { return feeds_1.Feeds; } });
+var grid_1 = require("./display/grid");
+Object.defineProperty(exports, "Grid", { enumerable: true, get: function () { return grid_1.Grid; } });
+var list_1 = require("./display/list");
+Object.defineProperty(exports, "List", { enumerable: true, get: function () { return list_1.List; } });
+var loading_1 = require("./display/loading");
+Object.defineProperty(exports, "Loading", { enumerable: true, get: function () { return loading_1.Loading; } });
+var modal_1 = require("./display/modal");
+Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return modal_1.Modal; } });
+var notification_1 = require("./display/notification");
+Object.defineProperty(exports, "Notification", { enumerable: true, get: function () { return notification_1.Notification; } });
+var table_1 = require("./display/table");
+Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return table_1.Table; } });
+var address_1 = require("./input/address");
+Object.defineProperty(exports, "Address", { enumerable: true, get: function () { return address_1.Address; } });
+var datePicker_1 = require("./input/datePicker");
+Object.defineProperty(exports, "InputDatePicker", { enumerable: true, get: function () { return datePicker_1.InputDatePicker; } });
+var form_1 = require("./input/form");
+Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return form_1.Form; } });
+var select_1 = require("./input/select");
+Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return select_1.Select; } });
+var textArea_1 = require("./input/textArea");
+Object.defineProperty(exports, "TextArea", { enumerable: true, get: function () { return textArea_1.TextArea; } });
+var textInput_1 = require("./input/textInput");
+Object.defineProperty(exports, "TextInput", { enumerable: true, get: function () { return textInput_1.TextInput; } });
+var uploadInput_1 = require("./input/uploadInput");
+Object.defineProperty(exports, "UploadInput", { enumerable: true, get: function () { return uploadInput_1.UploadInput; } });
+var bars_1 = require("./navigation/bars");
+Object.defineProperty(exports, "Bars", { enumerable: true, get: function () { return bars_1.Bars; } });
+var header_1 = require("./navigation/header");
+Object.defineProperty(exports, "Header", { enumerable: true, get: function () { return header_1.Header; } });
+var tabs_1 = require("./navigation/tabs");
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return tabs_1.Tabs; } });
+var column_1 = require("./structure/column");
+Object.defineProperty(exports, "Column", { enumerable: true, get: function () { return column_1.Column; } });
+var container_1 = require("./structure/container");
+Object.defineProperty(exports, "Container", { enumerable: true, get: function () { return container_1.Container; } });
+var text_1 = require("./structure/text");
+Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return text_1.Text; } });
+//# sourceMappingURL=index.js.map

package/lib/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":";;;AAAA,0CAAyC;AAAhC,gGAAA,MAAM,OAAA;AACf,oDAAmD;AAA1C,0GAAA,WAAW,OAAA;AACpB,kDAAiD;AAAxC,wGAAA,UAAU,OAAA;AACnB,kDAAiD;AAAxC,wGAAA,UAAU,OAAA;AACnB,0CAAyC;AAAhC,gGAAA,MAAM,OAAA;AACf,8CAAsE;AAAnD,sGAAA,SAAS,OAAA;AAC5B,oDAAmD;AAA1C,4GAAA,YAAY,OAAA;AACrB,gDAA+C;AAAtC,wGAAA,UAAU,OAAA;AACnB,mDAAmE;AAA1D,wGAAA,UAAU,OAAA;AACnB,yCAA8C;AAA/B,8FAAA,KAAK,OAAA;AACpB,uCAAiD;AAAxC,4FAAA,IAAI,OAAA;AACb,uCAAiD;AAAxC,4FAAA,IAAI,OAAA;AACb,6CAA4C;AAAnC,kGAAA,OAAO,OAAA;AAChB,yCAAwC;AAA/B,8FAAA,KAAK,OAAA;AACd,uDAAsD;AAA7C,4GAAA,YAAY,OAAA;AACrB,yCAAqD;AAA5C,8FAAA,KAAK,OAAA;AACd,2CAAwD;AAA/C,kGAAA,OAAO,OAAA;AAChB,iDAAqD;AAA5C,6GAAA,eAAe,OAAA;AACxB,qCAAoC;AAA3B,4FAAA,IAAI,OAAA;AACb,yCAAgD;AAA/B,gGAAA,MAAM,OAAA;AACvB,6CAA4C;AAAnC,oGAAA,QAAQ,OAAA;AACjB,+CAA8C;AAArC,sGAAA,SAAS,OAAA;AAClB,mDAAkD;AAAzC,0GAAA,WAAW,OAAA;AACpB,0CAAyC;AAAhC,4FAAA,IAAI,OAAA;AACb,8CAAyE;AAAhE,gGAAA,MAAM,OAAA;AACf,0CAAyC;AAAhC,4FAAA,IAAI,OAAA;AACb,6CAA4C;AAAnC,gGAAA,MAAM,OAAA;AACf,mDAAkD;AAAzC,sGAAA,SAAS,OAAA;AAClB,yCAAwC;AAA/B,4FAAA,IAAI,OAAA"}

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

@@ -0,0 +1,41 @@
+import { Component } from "react";
+import "../../../index.css";
+declare global {
+    interface Window {
+        google: any;
+    }
+}
+export interface AddressClass {
+    name: string;
+    lat: number;
+    lng: number;
+    district?: string;
+    state?: string;
+    country?: string;
+}
+interface Props {
+    id: string;
+    value: AddressClass;
+    label: string;
+    optional?: boolean;
+    disabled?: boolean;
+    className?: string;
+    onChange?: (e: AddressClass) => void;
+}
+interface State {
+    addressPlaceholder: string;
+    error: string;
+}
+export declare class Address extends Component<Props> {
+    autocompleteService: any;
+    placeService: any;
+    state: State;
+    componentDidMount(): void;
+    handleSubmit: () => boolean;
+    handlePlaceChangeListener: () => void;
+    handleOnChange: (e: any) => void;
+    handleFocus: () => void;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/address/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAE5B,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,MAAM,EAAE,GAAG,CAAC;KACb;CACF;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,KAAK;IACb,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,YAAY,KAAK,IAAI,CAAC;CACtC;AAED,UAAU,KAAK;IACb,kBAAkB,EAAE,MAAM,CAAC;IAC3B,KAAK,EAAE,MAAM,CAAC;CACf;AAED,qBAAa,OAAQ,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC3C,mBAAmB,EAAE,GAAG,CAAQ;IAChC,YAAY,EAAE,GAAG,CAAQ;IACzB,KAAK,EAAE,KAAK,CAGV;IAEF,iBAAiB;IAiBjB,YAAY,gBAmBV;IAEF,yBAAyB,aA8BvB;IAEF,cAAc,MAAO,GAAG,UAOtB;IAEF,WAAW,aAOT;IAEF,MAAM;CAuCP"}

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

@@ -0,0 +1,162 @@
+"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.Address = void 0;
+var react_1 = __importStar(require("react"));
+require("../../../index.css");
+var Address = /** @class */ (function (_super) {
+    __extends(Address, _super);
+    function Address() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.autocompleteService = null;
+        _this.placeService = null;
+        _this.state = {
+            addressPlaceholder: "",
+            error: "",
+        };
+        _this.handleSubmit = function () {
+            var testCond = false;
+            var error = "Please input an address";
+            if (!_this.props.optional) {
+                // INFO : Regrex Validation
+                /* eslint-disable */
+                var textFilter = /^[A-Za-z]+$/;
+                testCond = textFilter.test(_this.props.value.name);
+                /* eslint-enable */
+            }
+            else {
+                testCond = true;
+            }
+            if (!testCond) {
+                _this.setState({ error: error });
+            }
+            else {
+                _this.setState({ error: "" });
+            }
+            return testCond;
+        };
+        _this.handlePlaceChangeListener = function () {
+            var selectedPlace = _this.autocompleteService.getPlace();
+            var initialAddress = {
+                name: "",
+                lat: 0,
+                lng: 0,
+                district: "",
+                state: "",
+                country: "",
+            };
+            if (selectedPlace.address_components) {
+                selectedPlace.address_components.map(function (eachAddress) {
+                    var _a, _b, _c;
+                    if (eachAddress.types.includes("country")) {
+                        initialAddress["country"] = (_a = eachAddress.long_name) !== null && _a !== void 0 ? _a : "";
+                    }
+                    else if (eachAddress.types.includes("administrative_area_level_1")) {
+                        initialAddress["state"] = (_b = eachAddress.long_name) !== null && _b !== void 0 ? _b : "";
+                    }
+                    else if (eachAddress.types.includes("locality")) {
+                        initialAddress["district"] = (_c = eachAddress.long_name) !== null && _c !== void 0 ? _c : "";
+                    }
+                    return "";
+                });
+            }
+            initialAddress["name"] = selectedPlace.formatted_address;
+            initialAddress["lat"] = selectedPlace.geometry.location.lat();
+            initialAddress["lng"] = selectedPlace.geometry.location.lng();
+            _this.setState({ addressPlaceholder: "" });
+            if (_this.props.onChange) {
+                _this.props.onChange(initialAddress);
+            }
+        };
+        _this.handleOnChange = function (e) {
+            _this.setState({
+                addressPlaceholder: e.target.value,
+            });
+            if (_this.props.onChange) {
+                _this.props.onChange({ name: e.target.value, lat: 0, lng: 0 });
+            }
+        };
+        _this.handleFocus = function () {
+            _this.setState({
+                addressPlaceholder: "",
+            });
+            if (_this.props.onChange) {
+                _this.props.onChange({ name: "", lat: 0, lng: 0 });
+            }
+        };
+        return _this;
+    }
+    Address.prototype.componentDidMount = function () {
+        if (window.google && this.props.id) {
+            var input = document.getElementById(this.props.id);
+            this.autocompleteService = new window.google.maps.places.Autocomplete(input, {
+                componentRestrictions: { country: "my" },
+                fields: ["geometry", "formatted_address", "address_component"],
+            });
+            this.autocompleteService.addListener("place_changed", this.handlePlaceChangeListener);
+        }
+    };
+    Address.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", { className: "w-full relative" },
+            react_1.default.createElement("div", { className: "flex justify-between" },
+                react_1.default.createElement("label", { className: "block text-sm font-medium text-gray-700" }, "Address"),
+                react_1.default.createElement("span", { className: "text-sm text-gray-500", id: "email-optional" },
+                    "Lat : ",
+                    this.props.value.lat.toFixed(4),
+                    " Lng :",
+                    " ",
+                    this.props.value.lng.toFixed(4))),
+            react_1.default.createElement("label", { className: "sr-only" }, this.props.label),
+            react_1.default.createElement("input", { id: this.props.id, className: defaultClassName, value: this.state.addressPlaceholder
+                    ? this.state.addressPlaceholder
+                    : this.props.value.name, disabled: this.props.disabled, placeholder: "Enter your address", onFocus: this.handleFocus, onChange: this.handleOnChange }),
+            react_1.default.createElement("span", { className: "text-red-500 text-sm" }, this.state.error)));
+    };
+    return Address;
+}(react_1.Component));
+exports.Address = Address;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,26 @@
+import { Component } from "react";
+import "../../../index.css";
+interface Props {
+    title?: string;
+    value?: Date;
+    minDate?: Date;
+    maxDate?: Date;
+    range?: boolean;
+    startDate?: Date;
+    endDate?: Date;
+    filterDate?: number[];
+    optional?: boolean;
+    className?: string;
+    onChange: (value: Date, type?: string) => void;
+}
+export declare class InputDatePicker extends Component<Props> {
+    state: {
+        error: string;
+    };
+    handleSubmit: () => boolean;
+    handleFilter: (date: Date) => boolean;
+    renderContent: () => JSX.Element;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/input/datePicker/index.tsx"],"names":[],"mappings":"AAEA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,oBAAoB,CAAC;AAE5B,UAAU,KAAK;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,IAAI,CAAC;IACb,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAChD;AAED,qBAAa,eAAgB,SAAQ,SAAS,CAAC,KAAK,CAAC;IACnD,KAAK;;MAEH;IAEF,YAAY,gBA0BV;IAEF,YAAY,SAAU,IAAI,aAaxB;IAEF,aAAa,oBAyDX;IACF,MAAM;CAaP"}