blixify-ui-web 0.1.6

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

@@ -0,0 +1,160 @@
+"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.List = 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 List = /** @class */ (function (_super) {
+    __extends(List, _super);
+    function List() {
+        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.renderBodyContent = function () {
+            var _a, _b;
+            var renderBody = [];
+            var listComp = function (eachList) {
+                return (react_1.default.createElement("li", { key: eachList.id, onClick: _this.handleClick.bind(_this, eachList.id) },
+                    react_1.default.createElement("div", { className: "block cursor-pointer hover:bg-gray-50" },
+                        react_1.default.createElement("div", { className: "px-4 py-4" },
+                            react_1.default.createElement("div", { className: "flex items-center justify-between" },
+                                react_1.default.createElement("p", { className: "truncate text-sm font-medium text-indigo-600" }, eachList.title),
+                                react_1.default.createElement("div", { className: "ml-2 flex flex-shrink-0" },
+                                    react_1.default.createElement("p", { className: "inline-flex rounded-full bg-green-100 px-2 text-xs font-semibold leading-5 text-green-800" }, eachList.tag))),
+                            react_1.default.createElement("div", { className: "mt-2" },
+                                react_1.default.createElement("div", { className: "sm:flex" },
+                                    react_1.default.createElement("p", { className: "flex items-center text-sm text-gray-500" }, eachList.description)),
+                                react_1.default.createElement("div", { className: "mt-2 flex items-center text-sm text-gray-500" }, eachList.date.toDateString()))))));
+            };
+            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.list.map(function (eachList, index) {
+                    var _a;
+                    if (index >= minIndex_1 &&
+                        index < minIndex_1 + ((_a = _this.props.limit) !== null && _a !== void 0 ? _a : defaultLimit)) {
+                        renderBody.push(listComp(eachList));
+                    }
+                    return null;
+                });
+            }
+            else {
+                _this.props.list.map(function (eachList) {
+                    renderBody.push(listComp(eachList));
+                    return null;
+                });
+            }
+            return renderBody;
+        };
+        _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.list.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.list.length, " result(s)");
+            }
+        };
+        return _this;
+    }
+    List.prototype.render = function () {
+        return (react_1.default.createElement("div", { className: this.props.className },
+            react_1.default.createElement("div", { className: "overflow-hidden bg-white shadow" },
+                react_1.default.createElement("ul", { className: "divide-y divide-gray-200" }, this.renderBodyContent())),
+            react_1.default.createElement("div", { className: "w-full flex flex-row items-center justify-end mt-5" },
+                react_1.default.createElement("span", { className: "text-sm mr-4" }, this.renderPageResult()),
+                this.props.paginationType && this.renderPagination())));
+    };
+    return List;
+}(react_1.Component));
+exports.List = List;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/list/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uDAAgF;AAChF,6CAAyC;AACzC,8BAA4B;AAC5B,sDAAqD;AAsBrD,IAAM,YAAY,GAAG,EAAE,CAAC;AACxB,IAAM,eAAe,GAAG,CAAC,CAAC;AAE1B;IAA0B,wBAAgB;IAA1C;QAAA,qEA4MC;QA3MC,iBAAW,GAAG,UAAC,EAAU,EAAE,KAAU;YACnC,IAAI,KAAI,CAAC,KAAK,CAAC,UAAU,EAAE;gBACzB,KAAI,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;aAC3B;YACD,KAAK,CAAC,cAAc,EAAE,CAAC;QACzB,CAAC,CAAC;QAEF,uBAAiB,GAAG;;YAClB,IAAI,UAAU,GAAkB,EAAE,CAAC;YAEnC,IAAM,QAAQ,GAAG,UAAC,QAAmB;gBACnC,OAAO,CACL,sCACE,GAAG,EAAE,QAAQ,CAAC,EAAE,EAChB,OAAO,EAAE,KAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAI,EAAE,QAAQ,CAAC,EAAE,CAAC;oBAEjD,uCAAK,SAAS,EAAC,uCAAuC;wBACpD,uCAAK,SAAS,EAAC,WAAW;4BACxB,uCAAK,SAAS,EAAC,mCAAmC;gCAChD,qCAAG,SAAS,EAAC,8CAA8C,IACxD,QAAQ,CAAC,KAAK,CACb;gCACJ,uCAAK,SAAS,EAAC,yBAAyB;oCACtC,qCAAG,SAAS,EAAC,2FAA2F,IACrG,QAAQ,CAAC,GAAG,CACX,CACA,CACF;4BACN,uCAAK,SAAS,EAAC,MAAM;gCACnB,uCAAK,SAAS,EAAC,SAAS;oCACtB,qCAAG,SAAS,EAAC,yCAAyC,IACnD,QAAQ,CAAC,WAAW,CACnB,CACA;gCACN,uCAAK,SAAS,EAAC,8CAA8C,IAC1D,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,CACzB,CACF,CACF,CACF,CACH,CACN,CAAC;YACJ,CAAC,CAAC;YAEF,IAAI,KAAI,CAAC,KAAK,CAAC,cAAc,KAAK,QAAQ,EAAE;gBAC1C,IAAM,UAAQ,GACZ,CAAC,MAAA,KAAI,CAAC,KAAK,CAAC,SAAS,mCAAI,CAAC,CAAC,GAAG,CAAC,MAAA,KAAI,CAAC,KAAK,CAAC,KAAK,mCAAI,YAAY,CAAC,CAAC;gBAEnE,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,QAAmB,EAAE,KAAU;;oBAClD,IACE,KAAK,IAAI,UAAQ;wBACjB,KAAK,GAAG,UAAQ,GAAG,CAAC,MAAA,KAAI,CAAC,KAAK,CAAC,KAAK,mCAAI,YAAY,CAAC,EACrD;wBACA,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;qBACrC;oBACD,OAAO,IAAI,CAAC;gBACd,CAAC,CAAC,CAAC;aACJ;iBAAM;gBACL,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,QAAmB;oBACtC,UAAU,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC;oBACpC,OAAO,IAAI,CAAC;gBACd,CAAC,CAAC,CAAC;aACJ;YACD,OAAO,UAAU,CAAC;QACpB,CAAC,CAAC;QAEF,sBAAgB,GAAG;;YACjB,IAAI,cAAc,GAAkB,EAAE,CAAC;YACvC,IAAI,UAAU,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,MAAA,KAAI,CAAC,KAAK,CAAC,SAAS,mCAAI,CAAC,CAAC,GAAG,eAAe,CAAC,CAAC;YAC3E,KACE,IAAI,CAAC,GAAG,UAAU,GAAG,eAAe,EACpC,CAAC,GAAG,CAAC,MAAA,KAAI,CAAC,KAAK,CAAC,KAAK,mCAAI,YAAY,CAAC,GAAG,CAAC,MAAA,KAAI,CAAC,KAAK,CAAC,IAAI,mCAAI,CAAC,CAAC;gBAC/D,CAAC,GAAG,UAAU,GAAG,eAAe,GAAG,eAAe,EAClD,CAAC,EAAE,EACH;gBACA,IAAI,mBAAmB,GACrB,mFAAmF,CAAC;gBACtF,IAAI,KAAI,CAAC,KAAK,CAAC,SAAS,KAAK,CAAC,EAAE;oBAC9B,mBAAmB;wBACjB,yDAAyD,CAAC;iBAC7D;qBAAM;oBACL,mBAAmB;wBACjB,wFAAwF,CAAC;iBAC5F;gBACD,cAAc,CAAC,IAAI,CACjB,wDACe,MAAM,EACnB,SAAS,EAAE,mBAAmB,EAC9B,OAAO,EACL,KAAI,CAAC,KAAK,CAAC,SAAS,KAAK,CAAC;wBACxB,CAAC,CAAC,MAAA,KAAI,CAAC,KAAK,CAAC,qBAAqB,0CAAE,IAAI,CAAC,KAAI,EAAE,CAAC,CAAC;wBACjD,CAAC,CAAC,cAAO,CAAC,IAGb,CAAC,GAAG,CAAC,CACD,CACR,CAAC;aACH;YACD,OAAO,cAAc,CAAC;QACxB,CAAC,CAAC;QAEF,sBAAgB,GAAG;;YACjB,IAAM,mBAAmB,GACvB,+GAA+G,CAAC;YAClH,IAAM,iBAAiB,GACrB,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM;gBACpB,CAAC,CAAC,MAAA,KAAI,CAAC,KAAK,CAAC,SAAS,mCAAI,CAAC,CAAC,GAAG,CAAC,CAAC;oBAC/B,CAAC,MAAA,KAAI,CAAC,KAAK,CAAC,KAAK,mCAAI,YAAY,CAAC,IAAI,KAAI,CAAC,KAAK,CAAC,MAAM,CAAC;YAE9D,QAAQ,KAAI,CAAC,KAAK,CAAC,cAAc,EAAE;gBACjC,KAAK,QAAQ;oBACX,OAAO,CACL,uCACE,SAAS,EAAC,2DAA2D,gBAC1D,YAAY;wBAEvB,8BAAC,uBAAU,IACT,QAAQ,EAAE,KAAI,CAAC,KAAK,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACnD,IAAI,EAAE,8BAAC,yBAAe,IAAC,SAAS,EAAC,SAAS,iBAAa,MAAM,GAAG,EAChE,SAAS,EAAE,UACT,KAAI,CAAC,KAAK,CAAC,SAAS,KAAK,CAAC;gCACxB,CAAC,CAAC,oBAAoB;gCACtB,CAAC,CAAC,eAAe,cACjB,mBAAmB,kBAAe,EACtC,OAAO,EAAE,MAAA,KAAI,CAAC,KAAK,CAAC,qBAAqB,0CAAE,IAAI,CAAC,KAAI,EAAE,MAAM,CAAC,GAC7D;wBACF,wDACe,MAAM,EACnB,SAAS,EAAC,sFAAsF,IAE/F,CAAC,MAAA,KAAI,CAAC,KAAK,CAAC,SAAS,mCAAI,CAAC,CAAC,GAAG,CAAC,CAC3B;wBACP,8BAAC,uBAAU,IACT,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAC1C,IAAI,EAAE,8BAAC,0BAAgB,IAAC,SAAS,EAAC,SAAS,iBAAa,MAAM,GAAG,EACjE,SAAS,EAAE,UACT,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,oBAAoB,cACxD,mBAAmB,kBAAe,EACtC,OAAO,EAAE,MAAA,KAAI,CAAC,KAAK,CAAC,qBAAqB,0CAAE,IAAI,CAAC,KAAI,EAAE,MAAM,CAAC,GAC7D,CACE,CACP,CAAC;gBACJ,KAAK,MAAM;oBACT,OAAO,CACL,uCACE,SAAS,EAAC,uDAAuD,gBACtD,YAAY;wBAEvB,8BAAC,uBAAU,IACT,QAAQ,EAAE,KAAI,CAAC,KAAK,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EACnD,IAAI,EAAE,8BAAC,yBAAe,IAAC,SAAS,EAAC,SAAS,iBAAa,MAAM,GAAG,EAChE,SAAS,EAAE,UACT,KAAI,CAAC,KAAK,CAAC,SAAS,KAAK,CAAC;gCACxB,CAAC,CAAC,oBAAoB;gCACtB,CAAC,CAAC,eAAe,cACjB,mBAAmB,kBAAe,EACtC,OAAO,EAAE,MAAA,KAAI,CAAC,KAAK,CAAC,qBAAqB,0CAAE,IAAI,CAC7C,KAAI,EACJ,CAAC,MAAA,KAAI,CAAC,KAAK,CAAC,SAAS,mCAAI,CAAC,CAAC,GAAG,CAAC,CAChC,GACD;wBACD,KAAI,CAAC,gBAAgB,EAAE;wBACxB,8BAAC,uBAAU,IACT,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,EAC1C,IAAI,EAAE,8BAAC,0BAAgB,IAAC,SAAS,EAAC,SAAS,iBAAa,MAAM,GAAG,EACjE,SAAS,EAAE,UACT,iBAAiB,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,oBAAoB,cACxD,mBAAmB,kBAAe,EACtC,OAAO,EAAE,MAAA,KAAI,CAAC,KAAK,CAAC,qBAAqB,0CAAE,IAAI,CAC7C,KAAI,EACJ,CAAC,MAAA,KAAI,CAAC,KAAK,CAAC,SAAS,mCAAI,CAAC,CAAC,GAAG,CAAC,CAChC,GACD,CACE,CACP,CAAC;gBACJ;oBACE,OAAO,0CAAO,CAAC;aAClB;QACH,CAAC,CAAC;QAEF,sBAAgB,GAAG;YACjB,IAAI,KAAI,CAAC,KAAK,CAAC,cAAc,KAAK,MAAM,EAAE;gBACxC,OAAO,kBAAW,KAAI,CAAC,KAAK,CAAC,IAAI,eAAY,CAAC;aAC/C;iBAAM;gBACL,OAAO,kBAAW,KAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,eAAY,CAAC;aACtD;QACH,CAAC,CAAC;;IAiBJ,CAAC;IAfC,qBAAM,GAAN;QACE,OAAO,CACL,uCAAK,SAAS,EAAE,IAAI,CAAC,KAAK,CAAC,SAAS;YAClC,uCAAK,SAAS,EAAC,iCAAiC;gBAC9C,sCAAI,SAAS,EAAC,0BAA0B,IACrC,IAAI,CAAC,iBAAiB,EAAE,CACtB,CACD;YACN,uCAAK,SAAS,EAAC,oDAAoD;gBACjE,wCAAM,SAAS,EAAC,cAAc,IAAE,IAAI,CAAC,gBAAgB,EAAE,CAAQ;gBAC9D,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,IAAI,CAAC,gBAAgB,EAAE,CACjD,CACF,CACP,CAAC;IACJ,CAAC;IACH,WAAC;AAAD,CAAC,AA5MD,CAA0B,iBAAS,GA4MlC;AA5MY,oBAAI"}

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

@@ -0,0 +1,6 @@
+import { Component } from "react";
+import "../../../index.css";
+export declare class Loading extends Component {
+    render(): JSX.Element;
+}
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/loading/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAE5B,qBAAa,OAAQ,SAAQ,SAAS;IACpC,MAAM;CAKP"}

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

@@ -0,0 +1,55 @@
+"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.Loading = void 0;
+var react_1 = __importStar(require("react"));
+require("../../../index.css");
+var Loading = /** @class */ (function (_super) {
+    __extends(Loading, _super);
+    function Loading() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Loading.prototype.render = function () {
+        return (react_1.default.createElement("div", { className: "mx-auto h-10 w-10 rounded-full border-4 border-t-4 border-primary-100 loading-spinner" }));
+    };
+    return Loading;
+}(react_1.Component));
+exports.Loading = Loading;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/loading/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAyC;AACzC,8BAA4B;AAE5B;IAA6B,2BAAS;IAAtC;;IAMA,CAAC;IALC,wBAAM,GAAN;QACE,OAAO,CACL,uCAAK,SAAS,EAAC,uFAAuF,GAAG,CAC1G,CAAC;IACJ,CAAC;IACH,cAAC;AAAD,CAAC,AAND,CAA6B,iBAAS,GAMrC;AANY,0BAAO"}

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

@@ -0,0 +1,16 @@
+import { Component } from "react";
+import "../../../index.css";
+interface Props {
+    open: boolean;
+    lib: {
+        Dialog: any;
+        Transition: any;
+    };
+    title?: string;
+    renderContent?: () => any;
+}
+export declare class Modal extends Component<Props> {
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/modal/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AACnD,OAAO,oBAAoB,CAAC;AAE5B,UAAU,KAAK;IACb,IAAI,EAAE,OAAO,CAAC;IACd,GAAG,EAAE;QACH,MAAM,EAAE,GAAG,CAAC;QACZ,UAAU,EAAE,GAAG,CAAC;KACjB,CAAC;IACF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,GAAG,CAAC;CAC3B;AAED,qBAAa,KAAM,SAAQ,SAAS,CAAC,KAAK,CAAC;IACzC,MAAM;CA+DP"}

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

@@ -0,0 +1,67 @@
+"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.Modal = void 0;
+var react_1 = __importStar(require("react"));
+require("../../../index.css");
+var Modal = /** @class */ (function (_super) {
+    __extends(Modal, _super);
+    function Modal() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Modal.prototype.render = function () {
+        var _a = this.props.lib, Dialog = _a.Dialog, Transition = _a.Transition;
+        return (react_1.default.createElement(Transition.Root, { show: this.props.open, as: react_1.Fragment },
+            react_1.default.createElement(Dialog, { as: "div", static: true, className: "fixed z-10 inset-0 overflow-y-auto", open: this.props.open, onClose: function () { } },
+                react_1.default.createElement("div", { className: "flex items-end justify-center min-h-screen pt-4 px-4 pb-20 text-center sm:block sm:p-0" },
+                    react_1.default.createElement(Transition.Child, { as: react_1.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0", enterTo: "opacity-100", leave: "ease-in duration-200", leaveFrom: "opacity-100", leaveTo: "opacity-0" },
+                        react_1.default.createElement(Dialog.Overlay, { className: "fixed inset-0 bg-gray-500 bg-opacity-75 transition-opacity" })),
+                    react_1.default.createElement("span", { className: "hidden sm:inline-block sm:align-middle sm:h-screen", "aria-hidden": "true" }, "\u200B"),
+                    react_1.default.createElement(Transition.Child, { as: react_1.Fragment, enter: "ease-out duration-300", enterFrom: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95", enterTo: "opacity-100 translate-y-0 sm:scale-100", leave: "ease-in duration-200", leaveFrom: "opacity-100 translate-y-0 sm:scale-100", leaveTo: "opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" },
+                        react_1.default.createElement("div", { className: "inline-block w-full align-bottom bg-white rounded-lg px-4 pt-5 pb-10 text-left overflow-hidden shadow-xl transform transition-all sm:my-8 sm:align-middle sm:max-w-lg sm:p-6" },
+                            react_1.default.createElement("div", null,
+                                this.props.title && (react_1.default.createElement("div", { className: " border-b border-gray-200 pb-4" },
+                                    react_1.default.createElement(Dialog.Title, { as: "h3", className: "text-lg leading-6 font-medium text-gray-900" }, this.props.title))),
+                                react_1.default.createElement("div", { className: "mt-2" }, this.props.renderContent && this.props.renderContent()))))))));
+    };
+    return Modal;
+}(react_1.Component));
+exports.Modal = Modal;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/modal/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAmD;AACnD,8BAA4B;AAY5B;IAA2B,yBAAgB;IAA3C;;IAgEA,CAAC;IA/DC,sBAAM,GAAN;QACQ,IAAA,KAAyB,IAAI,CAAC,KAAK,CAAC,GAAG,EAArC,MAAM,YAAA,EAAE,UAAU,gBAAmB,CAAC;QAC9C,OAAO,CACL,8BAAC,UAAU,CAAC,IAAI,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,gBAAQ;YAClD,8BAAC,MAAM,IACL,EAAE,EAAC,KAAK,EACR,MAAM,QACN,SAAS,EAAC,oCAAoC,EAC9C,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrB,OAAO,EAAE,cAAO,CAAC;gBAEjB,uCAAK,SAAS,EAAC,wFAAwF;oBACrG,8BAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,WAAW,EACrB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,aAAa,EACvB,OAAO,EAAC,WAAW;wBAEnB,8BAAC,MAAM,CAAC,OAAO,IAAC,SAAS,EAAC,4DAA4D,GAAG,CACxE;oBAGnB,wCACE,SAAS,EAAC,oDAAoD,iBAClD,MAAM,aAGb;oBACP,8BAAC,UAAU,CAAC,KAAK,IACf,EAAE,EAAE,gBAAQ,EACZ,KAAK,EAAC,uBAAuB,EAC7B,SAAS,EAAC,sDAAsD,EAChE,OAAO,EAAC,wCAAwC,EAChD,KAAK,EAAC,sBAAsB,EAC5B,SAAS,EAAC,wCAAwC,EAClD,OAAO,EAAC,sDAAsD;wBAE9D,uCAAK,SAAS,EAAC,8KAA8K;4BAC3L;gCACG,IAAI,CAAC,KAAK,CAAC,KAAK,IAAI,CACnB,uCAAK,SAAS,EAAC,gCAAgC;oCAC7C,8BAAC,MAAM,CAAC,KAAK,IACX,EAAE,EAAC,IAAI,EACP,SAAS,EAAC,6CAA6C,IAEtD,IAAI,CAAC,KAAK,CAAC,KAAK,CACJ,CACX,CACP;gCACD,uCAAK,SAAS,EAAC,MAAM,IAClB,IAAI,CAAC,KAAK,CAAC,aAAa,IAAI,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CACnD,CACF,CACF,CACW,CACf,CACC,CACO,CACnB,CAAC;IACJ,CAAC;IACH,YAAC;AAAD,CAAC,AAhED,CAA2B,iBAAS,GAgEnC;AAhEY,sBAAK"}

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

@@ -0,0 +1,20 @@
+import { Component, ReactElement } from "react";
+import "../../../index.css";
+interface NotificationAttribute {
+    visible: boolean;
+    title: string;
+    desc: string;
+}
+interface Props {
+    icon: ReactElement;
+    notificationAttribute: NotificationAttribute;
+    lib: {
+        Transition: any;
+    };
+    onClose?: () => {};
+}
+export declare class Notification extends Component<Props> {
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/notification/index.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAY,YAAY,EAAE,MAAM,OAAO,CAAC;AACjE,OAAO,oBAAoB,CAAC;AAG5B,UAAU,qBAAqB;IAC7B,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,KAAK;IACb,IAAI,EAAE,YAAY,CAAC;IACnB,qBAAqB,EAAE,qBAAqB,CAAC;IAC7C,GAAG,EAAE;QACH,UAAU,EAAE,GAAG,CAAC;KACjB,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED,qBAAa,YAAa,SAAQ,SAAS,CAAC,KAAK,CAAC;IAChD,MAAM;CA0CP"}

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

@@ -0,0 +1,69 @@
+"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.Notification = 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 Notification = /** @class */ (function (_super) {
+    __extends(Notification, _super);
+    function Notification() {
+        return _super !== null && _super.apply(this, arguments) || this;
+    }
+    Notification.prototype.render = function () {
+        var Transition = this.props.lib.Transition;
+        return (react_1.default.createElement(Transition, { as: react_1.Fragment, show: this.props.notificationAttribute.visible, enter: "transform transition duration-[400ms]", enterFrom: "opacity-0 scale-50", leave: "transform duration-200 transition ease-in-out", leaveTo: "opacity-0 scale-95 " },
+            react_1.default.createElement("div", { "aria-live": "assertive", className: "fixed inset-0 flex items-end px-4 py-6 pointer-events-none z-50 sm:p-6 sm:items-start" },
+                react_1.default.createElement("div", { className: "w-full flex flex-col items-center space-y-4 sm:items-end" },
+                    react_1.default.createElement("div", { className: "max-w-sm w-full bg-white shadow-lg rounded-lg pointer-events-auto ring-1 ring-black ring-opacity-5 overflow-hidden" },
+                        react_1.default.createElement("div", { className: "p-4" },
+                            react_1.default.createElement("div", { className: "flex items-center" },
+                                react_1.default.createElement("div", { className: "flex-shrink-0" }, this.props.icon),
+                                react_1.default.createElement("div", { className: "ml-3 w-0 flex-1 pt-0.5" },
+                                    react_1.default.createElement("p", { className: "text-sm font-medium text-gray-900" }, this.props.notificationAttribute.title),
+                                    react_1.default.createElement("p", { className: "mt-1 text-sm text-gray-500" }, this.props.notificationAttribute.desc)),
+                                react_1.default.createElement("div", { className: "ml-4 flex-shrink-0 flex" },
+                                    react_1.default.createElement(iconButton_1.IconButton, { icon: react_1.default.createElement(outline_1.XMarkIcon, { className: "h-5 w-5 text-gray-400" }), onClick: this.props.onClose })))))))));
+    };
+    return Notification;
+}(react_1.Component));
+exports.Notification = Notification;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/display/notification/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uDAAwD;AACxD,6CAAiE;AACjE,8BAA4B;AAC5B,sDAAqD;AAiBrD;IAAkC,gCAAgB;IAAlD;;IA2CA,CAAC;IA1CC,6BAAM,GAAN;QACU,IAAA,UAAU,GAAK,IAAI,CAAC,KAAK,CAAC,GAAG,WAAnB,CAAoB;QACtC,OAAO,CACL,8BAAC,UAAU,IACT,EAAE,EAAE,gBAAQ,EACZ,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,OAAO,EAC9C,KAAK,EAAC,uCAAuC,EAC7C,SAAS,EAAC,oBAAoB,EAC9B,KAAK,EAAC,+CAA+C,EACrD,OAAO,EAAC,qBAAqB;YAE7B,oDACY,WAAW,EACrB,SAAS,EAAC,uFAAuF;gBAEjG,uCAAK,SAAS,EAAC,0DAA0D;oBACvE,uCAAK,SAAS,EAAC,oHAAoH;wBACjI,uCAAK,SAAS,EAAC,KAAK;4BAClB,uCAAK,SAAS,EAAC,mBAAmB;gCAChC,uCAAK,SAAS,EAAC,eAAe,IAAE,IAAI,CAAC,KAAK,CAAC,IAAI,CAAO;gCACtD,uCAAK,SAAS,EAAC,wBAAwB;oCACrC,qCAAG,SAAS,EAAC,mCAAmC,IAC7C,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,KAAK,CACrC;oCACJ,qCAAG,SAAS,EAAC,4BAA4B,IACtC,IAAI,CAAC,KAAK,CAAC,qBAAqB,CAAC,IAAI,CACpC,CACA;gCACN,uCAAK,SAAS,EAAC,yBAAyB;oCACtC,8BAAC,uBAAU,IACT,IAAI,EAAE,8BAAC,mBAAS,IAAC,SAAS,EAAC,uBAAuB,GAAG,EACrD,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,OAAO,GAC3B,CACE,CACF,CACF,CACF,CACF,CACF,CACK,CACd,CAAC;IACJ,CAAC;IACH,mBAAC;AAAD,CAAC,AA3CD,CAAkC,iBAAS,GA2C1C;AA3CY,oCAAY"}

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

@@ -0,0 +1,32 @@
+import { Component } from "react";
+import "../../../index.css";
+export interface TableHeader {
+    key: string;
+    title: string;
+}
+interface Props {
+    header: TableHeader[];
+    data: Object[];
+    loading: boolean;
+    limit?: number;
+    pageIndex?: number;
+    paginationType?: "cursor" | "page";
+    cursor?: string | Date;
+    size?: number;
+    className?: string;
+    newTabUrl?: string;
+    onClickRow?: (id: string) => void;
+    handleUpdatePageIndex?: (value: string | number) => void;
+}
+export declare class Table extends Component<Props> {
+    handleClick: (id: string, event: any) => void;
+    renderTableHeader: () => any;
+    renderTableBody: () => any;
+    renderRowData: (eachData: any, index: number) => any;
+    renderPageNumber: () => JSX.Element[];
+    renderPagination: () => JSX.Element;
+    renderPageResult: () => string;
+    render(): JSX.Element;
+}
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/display/table/index.tsx"],"names":[],"mappings":"AACA,OAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,oBAAoB,CAAC;AAG5B,MAAM,WAAW,WAAW;IAC1B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,UAAU,KAAK;IACb,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,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,MAAM,GAAG,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,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,KAAM,SAAQ,SAAS,CAAC,KAAK,CAAC;IACzC,WAAW,OAAQ,MAAM,SAAS,GAAG,UAKnC;IAEF,iBAAiB,YAiBf;IAEF,eAAe,YAsEb;IAEF,aAAa,aAAc,GAAG,SAAS,MAAM,SAkC3C;IAEF,gBAAgB,sBAkCd;IAEF,gBAAgB,oBA6Ed;IAEF,gBAAgB,eAMd;IAEF,MAAM;CAkCP"}