blixify-ui-web 0.1.6

package/lib/components/data/writeQuery/index.js

@@ -0,0 +1,120 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (_) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WriteQuery = void 0;
+var WriteQuery = /** @class */ (function () {
+    function WriteQuery(dbModule, dbType, dbCollection, dbEndpoint, dbAPIToken, dbUserToken) {
+        var _this = this;
+        this.dbType = "";
+        this.dbCollection = "";
+        this.call = function (queryType, queryData) { return __awaiter(_this, void 0, void 0, function () {
+            var postBody, _a, err_1;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        _b.trys.push([0, 10, , 11]);
+                        if (!(this.dbType === "mongoServer" || this.dbType === "fbServer")) return [3 /*break*/, 2];
+                        postBody = {};
+                        if (this.dbAPIToken) {
+                            postBody["apiToken"] = this.dbAPIToken;
+                        }
+                        if (this.dbUserToken) {
+                            postBody["userToken"] = this.dbUserToken;
+                        }
+                        if (queryType === "create" || queryType === "update") {
+                            postBody["data"] = queryData.data;
+                        }
+                        if (queryType === "update" || queryType === "delete") {
+                            postBody["id"] = queryData.id;
+                        }
+                        return [4 /*yield*/, this.dbModule.post(this.dbEndpoint + "/".concat(this.dbCollection, "/").concat(queryType), postBody)];
+                    case 1:
+                        _b.sent();
+                        return [3 /*break*/, 9];
+                    case 2:
+                        if (!(this.dbType === "firebase")) return [3 /*break*/, 9];
+                        _a = queryType;
+                        switch (_a) {
+                            case "create": return [3 /*break*/, 3];
+                            case "update": return [3 /*break*/, 5];
+                            case "delete": return [3 /*break*/, 7];
+                        }
+                        return [3 /*break*/, 9];
+                    case 3: return [4 /*yield*/, this.dbModule
+                            .firestore()
+                            .collection(this.dbCollection)
+                            .doc(queryData.data["id"])
+                            .set(queryData.data)];
+                    case 4:
+                        _b.sent();
+                        return [3 /*break*/, 9];
+                    case 5: return [4 /*yield*/, this.dbModule
+                            .firestore()
+                            .collection(this.dbCollection)
+                            .doc(queryData.id)
+                            .update(queryData.data)];
+                    case 6:
+                        _b.sent();
+                        return [3 /*break*/, 9];
+                    case 7: return [4 /*yield*/, this.dbModule
+                            .firestore()
+                            .collection(this.dbCollection)
+                            .doc(queryData.id)
+                            .delete()];
+                    case 8:
+                        _b.sent();
+                        return [3 /*break*/, 9];
+                    case 9: return [2 /*return*/, true];
+                    case 10:
+                        err_1 = _b.sent();
+                        return [2 /*return*/, false];
+                    case 11: return [2 /*return*/];
+                }
+            });
+        }); };
+        this.dbModule = dbModule;
+        this.dbType = dbType;
+        this.dbCollection = dbCollection;
+        this.dbEndpoint = dbEndpoint;
+        this.dbAPIToken = dbAPIToken;
+        this.dbUserToken = dbUserToken;
+    }
+    return WriteQuery;
+}());
+exports.WriteQuery = WriteQuery;
+//# sourceMappingURL=index.js.map

package/lib/components/data/writeQuery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/data/writeQuery/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;IAQE,oBACE,QAAa,EACb,MAA+C,EAC/C,YAAoB,EACpB,UAAmB,EACnB,UAAmB,EACnB,WAAoB;QANtB,iBAcC;QApBD,WAAM,GAAW,EAAE,CAAC;QACpB,iBAAY,GAAW,EAAE,CAAC;QAqB1B,SAAI,GAAG,UACL,SAAyC,EACzC,SAAsC;;;;;;6BAGhC,CAAA,IAAI,CAAC,MAAM,KAAK,aAAa,IAAI,IAAI,CAAC,MAAM,KAAK,UAAU,CAAA,EAA3D,wBAA2D;wBACvD,QAAQ,GAAG,EAAE,CAAC;wBACpB,IAAI,IAAI,CAAC,UAAU,EAAE;4BACnB,QAAQ,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC,UAAU,CAAC;yBACxC;wBACD,IAAI,IAAI,CAAC,WAAW,EAAE;4BACpB,QAAQ,CAAC,WAAW,CAAC,GAAG,IAAI,CAAC,WAAW,CAAC;yBAC1C;wBACD,IAAI,SAAS,KAAK,QAAQ,IAAI,SAAS,KAAK,QAAQ,EAAE;4BACpD,QAAQ,CAAC,MAAM,CAAC,GAAG,SAAS,CAAC,IAAI,CAAC;yBACnC;wBACD,IAAI,SAAS,KAAK,QAAQ,IAAI,SAAS,KAAK,QAAQ,EAAE;4BACpD,QAAQ,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,EAAE,CAAC;yBAC/B;wBAED,qBAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,CACtB,IAAI,CAAC,UAAU,GAAG,WAAI,IAAI,CAAC,YAAY,cAAI,SAAS,CAAE,EACtD,QAAQ,CACT,EAAA;;wBAHD,SAGC,CAAC;;;6BACO,CAAA,IAAI,CAAC,MAAM,KAAK,UAAU,CAAA,EAA1B,wBAA0B;wBAC3B,KAAA,SAAS,CAAA;;iCACV,QAAQ,CAAC,CAAT,wBAAQ;iCAOR,QAAQ,CAAC,CAAT,wBAAQ;iCAOR,QAAQ,CAAC,CAAT,wBAAQ;;;4BAbX,qBAAM,IAAI,CAAC,QAAQ;6BAChB,SAAS,EAAE;6BACX,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC;6BAC7B,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;6BACzB,GAAG,CAAC,SAAS,CAAC,IAAI,CAAC,EAAA;;wBAJtB,SAIsB,CAAC;wBACvB,wBAAM;4BAEN,qBAAM,IAAI,CAAC,QAAQ;6BAChB,SAAS,EAAE;6BACX,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC;6BAC7B,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;6BACjB,MAAM,CAAC,SAAS,CAAC,IAAI,CAAC,EAAA;;wBAJzB,SAIyB,CAAC;wBAC1B,wBAAM;4BAEN,qBAAM,IAAI,CAAC,QAAQ;6BAChB,SAAS,EAAE;6BACX,UAAU,CAAC,IAAI,CAAC,YAAY,CAAC;6BAC7B,GAAG,CAAC,SAAS,CAAC,EAAE,CAAC;6BACjB,MAAM,EAAE,EAAA;;wBAJX,SAIW,CAAC;wBACZ,wBAAM;4BAGZ,sBAAO,IAAI,EAAC;;;wBAEZ,sBAAO,KAAK,EAAC;;;;aAEhB,CAAC;QA7DA,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;QACzB,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC;QACrB,IAAI,CAAC,YAAY,GAAG,YAAY,CAAC;QACjC,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;QAC7B,IAAI,CAAC,WAAW,GAAG,WAAW,CAAC;IACjC,CAAC;IAwDH,iBAAC;AAAD,CAAC,AA9ED,IA8EC;AA9EY,gCAAU"}

package/lib/components/display/detailList/index.d.ts

@@ -0,0 +1,17 @@
+import { Component } from "react";
+import "../../../index.css";
+export interface DetailListClass {
+    title: string;
+    text: string;
+}
+interface Props {
+    title: string;
+    description?: string;
+    list: DetailListClass[];
+    className?: string;
+}
+export declare class DetailList extends Component<Props> {
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/detailList/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,IAAI,EAAE,eAAe,EAAE,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,qBAAa,UAAW,SAAQ,SAAS,CAAC,KAAK,CAAC;IAC9C,MAAM;CAuCP"}

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

@@ -0,0 +1,68 @@
+"use strict";
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DetailList = void 0;
+var react_1 = __importStar(require("react"));
+require("../../../index.css");
+var DetailList = /** @class */ (function (_super) {
+    __extends(DetailList, _super);
+    function DetailList() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    DetailList.prototype.render = function () {
+        var defaultCss = "overflow-hidden ";
+        if (this.props.className) {
+            defaultCss += this.props.className;
+        }
+        return (react_1.default.createElement("div", { className: defaultCss },
+            react_1.default.createElement("div", { className: "px-4 py-5 sm:px-6" },
+                react_1.default.createElement("h3", { className: "text-md leading-6 font-medium text-gray-900 sm:text-lg" }, this.props.title),
+                this.props.description && (react_1.default.createElement("p", { className: "mt-1 max-w-2xl text-sm text-gray-500" }, this.props.description))),
+            react_1.default.createElement("div", { className: "border-t border-gray-200 px-4 py-5 sm:p-0" },
+                react_1.default.createElement("dl", { className: "sm:divide-y sm:divide-gray-200" }, this.props.list.map(function (eachList, index) {
+                    return (react_1.default.createElement("div", { key: index, className: "py-4 sm:py-5 sm:grid sm:grid-cols-3 sm:gap-4 sm:px-6" },
+                        react_1.default.createElement("dt", { className: "text-sm font-medium text-gray-500" }, eachList.title),
+                        react_1.default.createElement("dd", { className: "mt-1 text-sm text-gray-900 sm:mt-0 sm:col-span-2" }, eachList.text)));
+                })))));
+    };
+    return DetailList;
+}(react_1.Component));
+exports.DetailList = DetailList;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/detailList/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyC;AACzC,8BAA4B;AAc5B;IAAgC,8BAAgB;IAAhD;;IAwCA,CAAC;IAvCC,2BAAM,GAAN;QACE,IAAI,UAAU,GAAG,kBAAkB,CAAC;QACpC,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;YACxB,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC;SACpC;QACD,OAAO,CACL,uCAAK,SAAS,EAAE,UAAU;YACxB,uCAAK,SAAS,EAAC,mBAAmB;gBAChC,sCAAI,SAAS,EAAC,wDAAwD,IACnE,IAAI,CAAC,KAAK,CAAC,KAAK,CACd;gBACJ,IAAI,CAAC,KAAK,CAAC,WAAW,IAAI,CACzB,qCAAG,SAAS,EAAC,sCAAsC,IAChD,IAAI,CAAC,KAAK,CAAC,WAAW,CACrB,CACL,CACG;YACN,uCAAK,SAAS,EAAC,2CAA2C;gBACxD,sCAAI,SAAS,EAAC,gCAAgC,IAC3C,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,QAAQ,EAAE,KAAK;oBACnC,OAAO,CACL,uCACE,GAAG,EAAE,KAAK,EACV,SAAS,EAAC,sDAAsD;wBAEhE,sCAAI,SAAS,EAAC,mCAAmC,IAC9C,QAAQ,CAAC,KAAK,CACZ;wBACL,sCAAI,SAAS,EAAC,kDAAkD,IAC7D,QAAQ,CAAC,IAAI,CACX,CACD,CACP,CAAC;gBACJ,CAAC,CAAC,CACC,CACD,CACF,CACP,CAAC;IACJ,CAAC;IACH,iBAAC;AAAD,CAAC,AAxCD,CAAgC,iBAAS,GAwCxC;AAxCY,gCAAU"}

package/lib/components/display/feeds/index.d.ts

@@ -0,0 +1,19 @@
+import { Component, ReactElement } from "react";
+import "../../../index.css";
+export interface Feed {
+    iconType: ReactElement;
+    iconClass: string;
+    content: string;
+    step: string;
+    addContent?: any;
+}
+interface Props {
+    content: Feed[];
+    bold?: boolean;
+}
+export declare class Feeds extends Component<Props> {
+    renderFeeds: () => any;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/feeds/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,IAAI;IACnB,QAAQ,EAAE,YAAY,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,CAAC,EAAE,GAAG,CAAC;CAClB;AAED,UAAU,KAAK;IACb,OAAO,EAAE,IAAI,EAAE,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,qBAAa,KAAM,SAAQ,SAAS,CAAC,KAAK,CAAC;IACzC,WAAW,YA8CT;IAEF,MAAM;CAGP"}

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

@@ -0,0 +1,79 @@
+"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.Feeds = void 0;
+var react_1 = __importStar(require("react"));
+require("../../../index.css");
+var Feeds = /** @class */ (function (_super) {
+    __extends(Feeds, _super);
+    function Feeds() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.renderFeeds = function () {
+            var feedView = [];
+            var contentLength = _this.props.content.length;
+            _this.props.content.map(function (eachContent, index) {
+                var defaultClassName = "h-8 w-8 rounded-full flex items-center justify-center ring-8 ring-white";
+                if (eachContent.iconClass) {
+                    defaultClassName += " ".concat(eachContent.iconClass);
+                }
+                feedView.push(react_1.default.createElement("li", { key: index },
+                    react_1.default.createElement("div", { className: "relative pb-8" },
+                        index + 1 < contentLength && (react_1.default.createElement("span", { className: "absolute top-4 left-4 -ml-px h-full w-0.5 bg-gray-200", "aria-hidden": "true" })),
+                        react_1.default.createElement("div", { className: "relative flex space-x-3" },
+                            react_1.default.createElement("div", null,
+                                react_1.default.createElement("span", { className: defaultClassName }, eachContent.iconType)),
+                            react_1.default.createElement("div", { className: "min-w-0 flex-1 pt-1.5 flex justify-between space-x-4" },
+                                react_1.default.createElement("div", null,
+                                    react_1.default.createElement("p", { className: "text-sm text-gray-500 ".concat(_this.props.bold ? "font-bold" : "") }, eachContent.content),
+                                    eachContent.addContent && eachContent.addContent),
+                                react_1.default.createElement("div", { className: "text-right text-sm whitespace-nowrap text-gray-500" }, eachContent.step))))));
+                return null;
+            });
+            return feedView;
+        };
+        return _this;
+    }
+    Feeds.prototype.render = function () {
+        return react_1.default.createElement("ul", { className: "-mb-8" }, this.renderFeeds());
+    };
+    return Feeds;
+}(react_1.Component));
+exports.Feeds = Feeds;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/feeds/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuD;AACvD,8BAA4B;AAe5B;IAA2B,yBAAgB;IAA3C;QAAA,qEAoDC;QAnDC,iBAAW,GAAG;YACZ,IAAM,QAAQ,GAAQ,EAAE,CAAC;YACzB,IAAM,aAAa,GAAG,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;YAEhD,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,WAAW,EAAE,KAAa;gBAChD,IAAI,gBAAgB,GAClB,yEAAyE,CAAC;gBAC5E,IAAI,WAAW,CAAC,SAAS,EAAE;oBACzB,gBAAgB,IAAI,WAAI,WAAW,CAAC,SAAS,CAAE,CAAC;iBACjD;gBAED,QAAQ,CAAC,IAAI,CACX,sCAAI,GAAG,EAAE,KAAK;oBACZ,uCAAK,SAAS,EAAC,eAAe;wBAC3B,KAAK,GAAG,CAAC,GAAG,aAAa,IAAI,CAC5B,wCACE,SAAS,EAAC,uDAAuD,iBACrD,MAAM,GACZ,CACT;wBACD,uCAAK,SAAS,EAAC,yBAAyB;4BACtC;gCACE,wCAAM,SAAS,EAAE,gBAAgB,IAAG,WAAW,CAAC,QAAQ,CAAQ,CAC5D;4BACN,uCAAK,SAAS,EAAC,sDAAsD;gCACnE;oCACE,qCACE,SAAS,EAAE,gCACT,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAClC,IAED,WAAW,CAAC,OAAO,CAClB;oCACH,WAAW,CAAC,UAAU,IAAI,WAAW,CAAC,UAAU,CAC7C;gCACN,uCAAK,SAAS,EAAC,oDAAoD,IAChE,WAAW,CAAC,IAAI,CACb,CACF,CACF,CACF,CACH,CACN,CAAC;gBACF,OAAO,IAAI,CAAC;YACd,CAAC,CAAC,CAAC;YACH,OAAO,QAAQ,CAAC;QAClB,CAAC,CAAC;;IAKJ,CAAC;IAHC,sBAAM,GAAN;QACE,OAAO,sCAAI,SAAS,EAAC,OAAO,IAAE,IAAI,CAAC,WAAW,EAAE,CAAM,CAAC;IACzD,CAAC;IACH,YAAC;AAAD,CAAC,AApDD,CAA2B,iBAAS,GAoDnC;AApDY,sBAAK"}

package/lib/components/display/grid/index.d.ts

@@ -0,0 +1,33 @@
+import { Component } from "react";
+import "../../../index.css";
+export interface GridClass {
+    id: string;
+    title: string;
+    description: string;
+    tags: string[];
+    imageUrl: string;
+}
+interface Props {
+    data: GridClass[];
+    loading: boolean;
+    limit?: number;
+    pageIndex?: number;
+    paginationType?: "cursor" | "page";
+    cursor?: any;
+    size?: number;
+    className?: string;
+    onClickData?: (id: any) => void;
+    handleUpdatePageIndex?: (value: string | number) => void;
+}
+export declare class Grid extends Component<Props> {
+    handleSelectedGrid: (id: string, event: any) => void;
+    renderPageNumber: () => JSX.Element[];
+    renderPagination: () => JSX.Element;
+    renderPaginatedData: () => any;
+    renderTagsAttributes: (eachData: GridClass) => any[];
+    renderRowData: (eachData: GridClass, index: number) => JSX.Element[];
+    renderPageResult: () => string;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/grid/index.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAG5B,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,UAAU,KAAK;IACb,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACnC,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,GAAG,KAAK,IAAI,CAAC;IAChC,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC1D;AAKD,qBAAa,IAAK,SAAQ,SAAS,CAAC,KAAK,CAAC;IACxC,kBAAkB,OAAQ,MAAM,SAAS,GAAG,UAK1C;IAEF,gBAAgB,sBAiCd;IAEF,gBAAgB,oBA6Ed;IAEF,mBAAmB,YAwCjB;IAEF,oBAAoB,aAAc,SAAS,WAiBzC;IAEF,aAAa,aAAc,SAAS,SAAS,MAAM,mBA8BjD;IAEF,gBAAgB,eAMd;IAEF,MAAM;CAeP"}

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

@@ -0,0 +1,180 @@
+"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.Grid = 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 = 5;
+var defaultPageSize = 5;
+var Grid = /** @class */ (function (_super) {
+    __extends(Grid, _super);
+    function Grid() {
+        var _this = _super !== null && _super.apply(this, arguments) || this;
+        _this.handleSelectedGrid = function (id, event) {
+            if (_this.props.onClickData) {
+                _this.props.onClickData(id);
+            }
+            event.preventDefault();
+        };
+        _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 : 0) &&
+                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.renderPaginatedData = function () {
+            var _a, _b;
+            var renderBody = [];
+            if (_this.props.loading) {
+                renderBody.push(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("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(_this.renderRowData(eachData, index));
+                        }
+                        return null;
+                    });
+                }
+                else {
+                    _this.props.data.map(function (eachData, index) {
+                        renderBody.push(_this.renderRowData(eachData, index));
+                        return null;
+                    });
+                }
+            }
+            return renderBody;
+        };
+        _this.renderTagsAttributes = function (eachData) {
+            var attributesList = [];
+            if (eachData) {
+                eachData.tags.map(function (eachTags) {
+                    attributesList.push(react_1.default.createElement("div", { key: eachTags, className: "bg-primary-600 text-white rounded m-0.5" },
+                        react_1.default.createElement("p", { className: "text-xs px-1" }, eachTags)));
+                    return null;
+                });
+            }
+            return attributesList;
+        };
+        _this.renderRowData = function (eachData, index) {
+            var renderRowData = [];
+            renderRowData.push(react_1.default.createElement("li", { key: index, className: "cursor-pointer bg-white shadow-md rounded", onClick: _this.handleSelectedGrid.bind(_this, eachData.id) },
+                react_1.default.createElement("div", { className: "aspect-w-3 aspect-h-2" },
+                    react_1.default.createElement("img", { className: "object-cover h-60 w-full rounded-t", src: eachData.imageUrl, alt: "" })),
+                react_1.default.createElement("div", { className: "space-y-2 p-4" },
+                    react_1.default.createElement("div", { className: "text-lg font-medium space-y-1" },
+                        react_1.default.createElement("div", { className: "flex flex-wrap flex-row" }, _this.renderTagsAttributes(eachData)),
+                        react_1.default.createElement("h3", { className: "text-primary-600 font-bold" }, eachData.title),
+                        react_1.default.createElement("p", { className: "text-base text-gray-700" }, eachData.description.substring(0, 210))))));
+            return renderRowData;
+        };
+        _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;
+    }
+    Grid.prototype.render = function () {
+        var _a;
+        return (react_1.default.createElement("div", { className: (_a = this.props.className) !== null && _a !== void 0 ? _a : "" },
+            react_1.default.createElement("ul", { className: "my-12 space-y-6 grid sm:grid-cols-2 sm:gap-x-6 sm:gap-y-6 sm:space-y-0 lg:grid-cols-3 lg:gap-x-8" }, this.renderPaginatedData()),
+            react_1.default.createElement("div", { className: "w-full flex flex-row items-center justify-end" },
+                react_1.default.createElement("span", { className: "text-sm mr-4" }, this.renderPageResult()),
+                this.props.paginationType && this.renderPagination())));
+    };
+    return Grid;
+}(react_1.Component));
+exports.Grid = Grid;
+//# sourceMappingURL=index.js.map

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

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

package/lib/components/display/list/index.d.ts

@@ -0,0 +1,30 @@
+import { Component } from "react";
+import "../../../index.css";
+export interface ListClass {
+    id: string;
+    title: string;
+    description: string;
+    tag: string;
+    date: Date;
+}
+interface Props {
+    list: ListClass[];
+    limit?: number;
+    pageIndex?: number;
+    paginationType?: "cursor" | "page";
+    cursor?: any;
+    size?: number;
+    className?: string;
+    onClickRow?: (id: string) => void;
+    handleUpdatePageIndex?: (value: string | number) => void;
+}
+export declare class List extends Component<Props> {
+    handleClick: (id: string, event: any) => void;
+    renderBodyContent: () => JSX.Element[];
+    renderPageNumber: () => JSX.Element[];
+    renderPagination: () => JSX.Element;
+    renderPageResult: () => string;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/list/index.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAG5B,MAAM,WAAW,SAAS;IACxB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,IAAI,CAAC;CACZ;AAED,UAAU,KAAK;IACb,IAAI,EAAE,SAAS,EAAE,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,cAAc,CAAC,EAAE,QAAQ,GAAG,MAAM,CAAC;IACnC,MAAM,CAAC,EAAE,GAAG,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAC;CAC1D;AAKD,qBAAa,IAAK,SAAQ,SAAS,CAAC,KAAK,CAAC;IACxC,WAAW,OAAQ,MAAM,SAAS,GAAG,UAKnC;IAEF,iBAAiB,sBAyDf;IAEF,gBAAgB,sBAiCd;IAEF,gBAAgB,oBA6Ed;IAEF,gBAAgB,eAMd;IAEF,MAAM;CAeP"}